:root{
  color-scheme:dark;
  --bg:#080910;
  --surface:rgba(18,20,31,.74);
  --surface-2:rgba(12,14,23,.86);
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(255,255,255,.14);
  --text:#f6f7fb;
  --muted:#8f95a9;
  --soft:#b9bed0;
  --accent:#a987ff;
  --accent-2:#6d5dfc;
  --cyan:#67ddff;
  --green:#5fe1a9;
  --danger:#ff7e93;
  --radius:28px;
  --shadow:0 28px 80px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(900px 420px at 50% -10%,rgba(116,91,255,.18),transparent 62%),radial-gradient(700px 500px at 100% 75%,rgba(40,195,255,.09),transparent 62%),var(--bg)}
button,input{font:inherit}
button,a{tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit}
.hidden{display:none!important}
.shell{width:min(100%,980px);margin:0 auto;padding:18px 18px 42px}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.18}
.ambient-one{width:260px;height:260px;left:-160px;top:180px;background:#744dff}
.ambient-two{width:260px;height:260px;right:-170px;top:520px;background:#34dfff}
.ambient-three{width:190px;height:190px;left:38%;bottom:-120px;background:#b35cff}
.surface{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,22,34,.8),rgba(13,15,24,.74));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 2px 22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#b595ff,#745cff);font-size:13px;font-weight:950;letter-spacing:-.08em;box-shadow:0 14px 34px rgba(113,92,252,.25)}
.brand-copy strong{display:block;font-size:14px;letter-spacing:-.02em}.brand-copy small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}
.topbar-actions{display:flex;align-items:center;gap:8px}
.status-pill,.live-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(95,225,169,.18);background:rgba(95,225,169,.06);color:#90edc6;font-size:11px;font-weight:850;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(95,225,169,.08)}
.hero-card{display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:28px;border-radius:var(--radius);overflow:hidden;position:relative}
.hero-copy{position:relative;z-index:1;max-width:620px}
.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9da4b9;font-weight:900}
h1,h2,p{margin:0}
.hero-card h1{font-size:clamp(40px,7vw,68px);line-height:.97;letter-spacing:-.065em;margin-top:10px}
.hero-card h1 span{color:#bda9ff}
.hero-card p{max-width:590px;margin-top:15px;color:var(--muted);font-size:14px;line-height:1.65}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.03);color:#aab0c2;font-size:10px;font-weight:750}
.hero-tags i{font-style:normal;color:#8ee9c1}
.hero-art{width:280px;min-width:280px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:23px;background:radial-gradient(circle at 30% 25%,rgba(173,140,255,.2),transparent 40%),radial-gradient(circle at 80% 70%,rgba(61,224,255,.12),transparent 42%),rgba(7,9,16,.58);display:flex;align-items:center;justify-content:center}
.orb{position:absolute;width:155px;height:155px;border-radius:50%;background:linear-gradient(135deg,rgba(164,129,255,.25),rgba(88,92,255,.05));filter:blur(2px);box-shadow:0 0 100px rgba(124,94,255,.22)}
.code-window{position:relative;z-index:1;width:178px;padding:16px 15px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(8,10,17,.75);box-shadow:0 20px 50px rgba(0,0,0,.35);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#aab1c3}
.window-dots{display:flex;gap:5px;margin-bottom:16px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#53586c}.code-window span{color:#71e3bd}.code-window strong{display:block;margin-top:9px;color:#dfe2eb}.code-window em{display:block;margin-top:4px;color:#8070ca;font-style:normal}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.stat-card{border-radius:22px;padding:15px;display:flex;align-items:center;gap:12px}
.stat-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:17px;border:1px solid rgba(255,255,255,.07)}
.stat-icon.violet{background:rgba(169,135,255,.1);color:#c1adff}.stat-icon.cyan{background:rgba(103,221,255,.08);color:#8ce7ff}.stat-icon.green{background:rgba(95,225,169,.08);color:#8decc4}
.stat-card span{display:block;color:#858ba0;font-size:10px}.stat-card strong{display:block;margin-top:4px;font-size:20px;letter-spacing:-.04em}
.upload-card,.result-card,.files-card{margin-top:12px;border-radius:var(--radius);padding:20px}
.section-head,.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.section-head h2,.result-heading h2{margin-top:5px;font-size:21px;letter-spacing:-.04em}.section-head p,.result-heading p{margin-top:5px;color:#7f8599;font-size:11px;line-height:1.5}
.limit-pill{font-size:10px;color:#a9aec0;padding:8px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.02)}
.drop-zone{width:100%;min-height:220px;margin-top:16px;border:1px dashed rgba(169,135,255,.34);border-radius:22px;background:linear-gradient(180deg,rgba(169,135,255,.06),rgba(255,255,255,.02));color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.drop-zone:hover{border-color:rgba(169,135,255,.54);background:linear-gradient(180deg,rgba(169,135,255,.08),rgba(255,255,255,.025))}.drop-zone.dragging{border-color:#a887ff;background:rgba(169,135,255,.12);box-shadow:0 0 0 5px rgba(169,135,255,.07);transform:scale(.995)}
.upload-icon{width:58px;height:58px;margin-bottom:5px;border-radius:18px;display:grid;place-items:center;color:#c6b5ff;background:linear-gradient(145deg,rgba(176,144,255,.18),rgba(95,93,255,.12));border:1px solid rgba(176,144,255,.14)}
.upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drop-zone strong{font-size:15px;letter-spacing:-.02em}.drop-zone span:last-child{font-size:11px;color:#777e94}
.selected-file{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 13px;border-radius:17px;border:1px solid var(--line);background:rgba(7,9,15,.68)}
.selected-file .file-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(169,135,255,.11);color:#c8b7ff;font-size:10px;font-weight:950;flex:0 0 auto}.selected-file strong{display:block;font-size:13px;word-break:break-word}.selected-file span{display:block;color:#7f8599;font-size:10px;margin-top:4px}
.remove-selected{margin-left:auto;border:1px solid var(--line);background:#0e1018;color:#9ba1b4;width:34px;height:34px;border-radius:11px;font-size:16px}
.primary-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:17px;padding:15px 17px;margin-top:12px;background:linear-gradient(135deg,#b08cff,#705dff);color:#fff;font-weight:900;box-shadow:0 16px 32px rgba(107,86,255,.2);transition:transform .18s,filter .18s,opacity .18s}
.primary-btn:not(:disabled):hover{filter:brightness(1.05)}.primary-btn:not(:disabled):active{transform:translateY(1px)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.button-arrow{font-size:18px}
.result-card{background:linear-gradient(180deg,rgba(95,225,169,.055),rgba(16,18,28,.77))}.result-heading{align-items:center}.result-grid{display:grid;gap:12px;margin-top:13px}.field-block label{display:block;margin:0 0 7px 2px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#8f95a8;font-weight:900}.copy-row{display:flex;gap:8px}.copy-row input{min-width:0}
input{width:100%;border:1px solid var(--line);outline:none;border-radius:15px;background:#0b0d14;color:#eef0f6;padding:13px 14px;font-size:11px;transition:border-color .2s,box-shadow .2s}.copy-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
input:focus{border-color:rgba(169,135,255,.66);box-shadow:0 0 0 4px rgba(169,135,255,.1)}
.copy-btn,.ghost-btn{border:1px solid var(--line);background:#0e1018;color:#cbd0df;border-radius:13px;padding:0 13px;font-size:11px;font-weight:900;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}.copy-btn:hover,.ghost-btn:hover{background:rgba(255,255,255,.05);border-color:var(--line-strong)}.copy-btn:active,.ghost-btn:active{transform:translateY(1px)}
.open-link{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 13px;border-radius:14px;text-decoration:none;border:1px solid rgba(169,135,255,.14);background:rgba(169,135,255,.06);color:#c5b4ff;font-size:11px;font-weight:850}.open-link:hover{background:rgba(169,135,255,.09)}
.files-card{padding-bottom:16px}.file-section-head{margin-bottom:13px}.ghost-btn{height:38px}.ghost-btn span{font-size:15px;vertical-align:-1px;margin-right:4px}
.file-list{display:grid;gap:9px}.file-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:17px;border:1px solid var(--line);background:rgba(8,10,16,.56);transition:border-color .18s,background .18s}.file-item:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025)}
.file-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(169,135,255,.1);color:#c8b8ff;font-size:10px;font-weight:950}.file-item strong{display:block;font-size:12px;word-break:break-word}.file-item span{display:block;color:#7d8398;font-size:10px;margin-top:4px}.file-actions{display:flex;gap:6px}.file-actions a,.file-actions button{border:1px solid var(--line);background:#0f1119;color:#cbd0df;border-radius:11px;padding:8px 10px;font-size:10px;font-weight:850;text-decoration:none}.file-actions button.delete{color:#ff98aa}.file-actions a:hover,.file-actions button:hover{border-color:var(--line-strong)}
.empty-state{text-align:center;padding:34px 15px;border:1px dashed var(--line);border-radius:17px;color:#7c8297}.empty-icon{width:42px;height:42px;margin:0 auto 9px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.03);color:#7a719f;font-size:18px}.empty-state strong{display:block;font-size:12px;color:#a2a8ba}.empty-state span{display:block;margin-top:4px;font-size:10px}
.footer{text-align:center;color:#5e6579;font-size:9px;margin-top:19px}.footer i{font-style:normal;margin:0 6px;color:#44495a}
.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:calc(100vw - 24px);padding:11px 14px;border-radius:14px;background:#f1f3fa;color:#11131b;font-size:11px;font-weight:900;box-shadow:0 16px 35px rgba(0,0,0,.33);transition:opacity .2s,transform .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:760px){.shell{padding:15px 12px 34px}.hero-card{padding:20px;flex-direction:column}.hero-art{width:100%;min-width:0;height:160px}.stats-grid{gap:8px}.stat-card{padding:13px}.upload-card,.result-card,.files-card{padding:16px}}
@media (max-width:600px){.topbar{padding-bottom:17px}.hero-card h1{font-size:42px}.hero-card p{font-size:13px}.hero-tags{gap:6px}.hero-tags span{font-size:9px;padding:7px 8px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{gap:8px}.stat-icon{width:34px;height:34px;border-radius:11px;font-size:14px}.stat-card span{font-size:9px}.stat-card strong{font-size:17px}.section-head h2,.result-heading h2{font-size:19px}.drop-zone{min-height:188px}.copy-row{flex-direction:column}.copy-btn{height:40px}.file-item{grid-template-columns:auto 1fr}.file-actions{grid-column:1 / -1}.file-actions a,.file-actions button{flex:1;text-align:center}.status-pill{padding:8px 10px}}
@media (max-width:380px){.hero-card h1{font-size:37px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1 / -1}.limit-pill{display:none}.hero-art{height:135px}.drop-zone{min-height:172px}}