:root{--bg:#070b10;--panel:rgba(10,18,25,.72);--line:rgba(125,243,218,.22);--muted:#82939d;--text:#e8f6f2;--acid:#7df3da;--blue:#58a6ff;--violet:#b58cff;--danger:#ff6d8d;--mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:var(--mono);overflow-x:hidden}a{color:inherit}button,input{font:inherit}#network{position:fixed;z-index:-3;inset:0;width:100%;height:100%;opacity:.52}.grid,.grain{position:fixed;z-index:-2;pointer-events:none;inset:0}.grid{background-image:linear-gradient(rgba(125,243,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,243,218,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.grain{z-index:20;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(125,243,218,.13)}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--acid);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.1em}.brand-mark{width:11px;height:11px;background:var(--acid);box-shadow:0 0 16px var(--acid);transform:rotate(45deg)}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--muted);text-decoration:none;font-size:12px;transition:color .2s}nav a:hover,nav a.active{color:var(--acid)}.status{display:inline-flex;gap:7px;align-items:center;color:var(--acid);font-size:11px}.status-dot{width:7px;height:7px;border-radius:100%;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:pulse 2s infinite}main{padding-bottom:66px}.tool-hero{min-height:590px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:52px;position:relative}.eyebrow,.section-kicker{color:var(--acid);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"// ";color:var(--blue)}h1{margin:20px 0;max-width:760px;font-size:clamp(44px,7vw,88px);line-height:.9;letter-spacing:-.075em;font-weight:800;text-transform:uppercase;text-shadow:4px 0 rgba(88,166,255,.17),-3px 0 rgba(255,109,141,.12)}.glitch{position:relative;display:inline-block}.glitch:hover:after{content:attr(data-text);position:absolute;left:2px;top:0;width:100%;color:var(--acid);clip-path:inset(47% 0 38% 0);transform:translateX(-3px);opacity:.65}.lead{max-width:670px;color:#a9b9be;font-size:15px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;border:1px solid var(--line);color:var(--text);background:rgba(125,243,218,.04);text-decoration:none;cursor:pointer;font-size:12px;letter-spacing:.04em;transition:transform .2s,border-color .2s,background .2s,color .2s}.button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--acid);color:var(--acid);background:rgba(125,243,218,.1)}.button.primary{color:#07100f;border-color:var(--acid);background:var(--acid);font-weight:800}.button.primary:hover:not(:disabled){color:#07100f;box-shadow:0 0 28px rgba(125,243,218,.25)}.button:disabled{opacity:.35;cursor:not-allowed}.button.wide{width:100%;margin-top:10px}.terminal{position:relative;padding:17px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,31,40,.9),rgba(6,10,15,.74));box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 0 70px rgba(88,166,255,.035)}.terminal:before{content:"";position:absolute;inset:7px;border:1px solid rgba(125,243,218,.07);pointer-events:none}.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(125,243,218,.1);color:var(--muted);font-size:10px}.lights{display:flex;gap:5px}.lights i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.lights i:first-child{background:var(--danger)}.lights i:nth-child(2){background:#f1cf71}.lights i:nth-child(3){background:var(--acid)}.terminal-code{padding:22px 4px 13px;font-size:12px;line-height:2}.code-dim{color:#657780}.code-acid{color:var(--acid)}.code-blue{color:var(--blue)}.code-violet{color:var(--violet)}.cursor{display:inline-block;height:1em;width:7px;vertical-align:-2px;background:var(--acid);animation:blink .85s steps(2) infinite}section{margin-top:68px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}h2{margin:8px 0 0;font-size:clamp(26px,4vw,42px);letter-spacing:-.05em;text-transform:uppercase}.section-note{color:var(--muted);font-size:11px;text-align:right;line-height:1.5}.cropper{scroll-margin-top:28px}.workspace-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.control-panel,.preview-panel{border:1px solid rgba(125,243,218,.17);background:var(--panel)}.control-panel{padding:18px}.upload-zone{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed rgba(125,243,218,.38);background:rgba(125,243,218,.025);cursor:pointer;text-align:center;transition:.2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--acid);background:rgba(125,243,218,.07)}.upload-zone input{display:none}.upload-zone strong{font-size:12px}.upload-zone small{color:var(--muted);font-size:10px}.upload-mark{color:var(--acid);font-size:30px;line-height:1}.url-block{margin-top:16px}.url-block>label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;line-height:1.45}.url-row{display:grid;grid-template-columns:1fr auto}.url-row input{min-width:0;height:38px;padding:0 10px;color:var(--text);border:1px solid rgba(125,243,218,.17);border-right:0;background:#071015;outline:none;font-size:10px}.url-row input:focus{border-color:var(--acid)}.mini-button{border:1px solid var(--acid);color:#07100f;background:var(--acid);padding:0 12px;cursor:pointer;font-size:10px;font-weight:800}.file-status{display:flex;align-items:center;gap:11px;margin:16px 0;padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2)}.status-led{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#657780}.file-status.ready .status-led{background:var(--acid);box-shadow:0 0 12px var(--acid)}.file-status div{min-width:0}.file-status strong,.file-status small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-status strong{font-size:10px}.file-status small{margin-top:4px;color:var(--muted);font-size:9px}.preset-list{display:grid;gap:6px;margin-bottom:8px}.preset{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(125,243,218,.1);background:rgba(0,0,0,.16);cursor:pointer}.preset:hover,.preset.active{border-color:rgba(125,243,218,.5);background:rgba(125,243,218,.06)}.preset input{accent-color:var(--acid)}.preset-text strong,.preset-text small{display:block}.preset-text strong{font-size:10px}.preset-text small{margin-top:3px;color:var(--muted);font-size:9px}.preset-size{color:var(--acid);font-size:9px}.privacy-note{margin:14px 2px 0;color:#657780;font-size:9px;line-height:1.6}.preview-panel{min-width:0;overflow:hidden}.preview-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:var(--muted);border-bottom:1px solid rgba(125,243,218,.1);font-size:10px}.preview-toolbar span:last-child{color:var(--acid)}.canvas-stage{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:660px;max-height:760px;padding:18px;overflow:auto;background:#030609;background-image:linear-gradient(rgba(125,243,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,243,218,.025) 1px,transparent 1px);background-size:24px 24px}#previewCanvas{display:block;width:min(100%,620px);height:auto;background:#080c11;box-shadow:0 18px 55px rgba(0,0,0,.48)}.empty-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--acid);pointer-events:none}.empty-preview small{color:var(--muted);font-size:9px}.empty-preview.hidden{display:none}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:14px 15px;color:var(--muted);border-top:1px solid rgba(125,243,218,.1);font-size:9px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px}.legend-main{border:1px solid var(--acid);background:rgba(125,243,218,.2)}.legend-all{border:1px solid var(--blue);background:rgba(88,166,255,.1)}.legend-mask{background:rgba(7,11,16,.72)}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(88,166,255,.28);background:linear-gradient(100deg,rgba(88,166,255,.09),rgba(125,243,218,.04))}.info-strip div{padding:20px;border-right:1px solid rgba(125,243,218,.1)}.info-strip div:last-child{border:0}.info-strip span,.info-strip b{display:block}.info-strip span{color:var(--muted);font-size:9px}.info-strip b{margin-top:7px;color:var(--acid);font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;color:#657780;font-size:10px;border-top:1px solid rgba(125,243,218,.13)}.to-top{color:var(--muted);text-decoration:none}.to-top:hover{color:var(--acid)}#toast{position:fixed;z-index:30;left:50%;bottom:25px;padding:12px 15px;border:1px solid var(--acid);background:#0b1718;color:var(--acid);font-size:11px;transform:translate(-50%,80px);opacity:0;transition:.25s;pointer-events:none}#toast.show{transform:translate(-50%,0);opacity:1}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-zone{grid-row:span 2}.url-block,.file-status{margin:0}.preset-list,.privacy-note,.wide{grid-column:1/-1}.canvas-stage{min-height:520px}}@media(max-width:800px){.shell{width:min(100% - 30px,600px)}header{height:68px}nav a:not(.active){display:none}.tool-hero{grid-template-columns:1fr;min-height:auto;padding:84px 0 20px;gap:42px}.section-head{align-items:start;flex-direction:column}.section-note{text-align:left}.control-panel{display:block}.upload-zone{margin-bottom:14px}.url-block{margin-bottom:14px}.file-status{margin:14px 0}.info-strip{grid-template-columns:1fr 1fr}.info-strip div:nth-child(2){border-right:0}.canvas-stage{min-height:380px;padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}