:root{--bg:#070409;--bg2:#0b0610;--bg3:#0e0814;--panel:rgba(255,255,255,.022);--ink:#f3ecf7;--dim:#8a7d97;--faint:#544a60;--vio:#a06bff;--mag:#ff4fc3;--line:rgba(243,236,247,.10);--line2:rgba(243,236,247,.06);--maxw:1340px;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Space Grotesk",system-ui,sans-serif;--r:8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;min-height:100vh}::selection{background:var(--mag);color:var(--bg)}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input{font-family:inherit}.mono{font-family:var(--mono)}.grain{z-index:9000;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-aura,.grain{position:fixed;inset:0;pointer-events:none}.bg-aura{z-index:0;background:radial-gradient(40% 50% at 18% 0,rgba(160,107,255,.13),transparent 60%),radial-gradient(40% 50% at 88% 12%,rgba(255,79,195,.1),transparent 60%)}#cursor{position:fixed;top:0;left:0;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(160,107,255,.1),transparent 62%);transform:translate(-50%,-50%);mix-blend-mode:screen;will-change:transform}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,56px)}.eyebrow{font-family:var(--mono);font-size:clamp(10px,1vw,12px);letter-spacing:.28em;text-transform:uppercase;color:var(--mag)}.eyebrow .num{color:var(--faint)}.nav{position:sticky;top:0;z-index:200;background:rgba(7,4,9,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line2)}.nav-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,56px)}.brand{display:flex;align-items:baseline;gap:10px}.logo{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.01em}.logo i{font-style:normal;color:var(--mag)}.brand .tag{font-size:11px;letter-spacing:.16em;color:var(--faint)}.brand .tag,.nav-links{font-family:var(--mono);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,26px);font-size:12px;letter-spacing:.1em;color:var(--dim)}.nav-links a{transition:color .2s}.nav-links a:hover,.status{color:var(--ink)}.status{display:flex;align-items:center;gap:7px}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--vio);box-shadow:0 0 9px var(--vio);animation:pp 1.6s ease-in-out infinite}@keyframes pp{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:760px){.nav-links .desk{display:none}}.header{position:relative;z-index:2;padding:clamp(38px,6vw,76px) 0 clamp(26px,3.5vw,44px)}.h-title{font-family:var(--disp);font-weight:700;font-size:clamp(44px,8vw,116px);line-height:.86;letter-spacing:-.04em;margin:18px 0 0}.h-title .mag{color:var(--mag)}.h-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}.h-sub{font-family:var(--mono);font-size:clamp(13px,1.3vw,15px);line-height:1.6;color:var(--dim);max-width:430px;margin-bottom:6px}.h-sub b{color:var(--ink);font-weight:500}.h-marquee{margin-top:clamp(26px,3vw,40px);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);overflow:hidden;padding:13px 0}.h-marquee .track{display:flex;white-space:nowrap;animation:mleft 34s linear infinite;will-change:transform}.h-marquee span{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:0 1.3em}.h-marquee b{color:var(--mag);font-weight:500}.h-marquee .star{color:var(--vio)}@keyframes mleft{to{transform:translateX(-50%)}}.work{position:relative;z-index:2;display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(18px,2vw,28px);padding-bottom:60px;align-items:start}@media(max-width:980px){.work{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card-h{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line2);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.card-h .step-n{color:var(--mag)}.card-h .right{color:var(--faint)}.drop{margin:18px;border:1.5px dashed var(--line);border-radius:var(--r);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px;transition:border-color .25s,background .25s;position:relative;overflow:hidden}.drop.over,.drop:hover{border-color:var(--mag);background:rgba(255,79,195,.05)}.drop .ic{width:62px;height:62px;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--vio);background:rgba(160,107,255,.06)}.drop .ic svg{width:26px;height:26px}.drop h3{font-family:var(--disp);font-weight:500;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.01em}.drop h3 .mag{color:var(--mag)}.drop .hint{font-family:var(--mono);font-size:12.5px;color:var(--faint);line-height:1.6;max-width:340px}.drop .browse{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--bg);background:var(--ink);border:none;border-radius:999px;padding:11px 22px;transition:transform .2s,background .2s}.drop .browse:hover{transform:translateY(-2px);background:var(--mag)}.drop .formats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:2px}.drop .formats .chip{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 11px}.source{padding:18px;display:none}.source.show{display:block}.src-top{gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line2)}.src-top,.src-top .fic{display:flex;align-items:center}.src-top .fic{width:44px;height:44px;border-radius:10px;background:rgba(255,79,195,.08);border:1px solid var(--line);justify-content:center;color:var(--mag);font-family:var(--mono);font-size:11px;font-weight:500}.src-meta{flex:1;min-width:0}.src-meta .fn{font-family:var(--mono);font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src-meta .fsz{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:3px}.src-top .clear{font-family:var(--mono);font-size:11px;color:var(--dim);background:none;border:1px solid var(--line);border-radius:999px;padding:7px 13px;transition:all .2s}.src-top .clear:hover{border-color:var(--mag);color:var(--mag)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.badge{font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--dim);display:flex;align-items:center;gap:7px}.badge.on{border-color:var(--vio);color:var(--vio)}.badge .d{width:6px;height:6px;border-radius:50%;background:currentColor}.tree-h{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:8px 0 10px}.tree,.tree-h{font-family:var(--mono)}.tree{font-size:13px;line-height:1.5;border:1px solid var(--line2);border-radius:6px;overflow:hidden}.tree .f{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line2);color:var(--dim);transition:background .2s}.tree .f:last-child{border-bottom:none}.tree .f .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree .f .sz{color:var(--faint);font-size:11.5px}.tree .f.sel{background:rgba(255,79,195,.07);color:var(--ink)}.tree .f.sel .pick{color:var(--mag);font-size:10px;letter-spacing:.1em}.tree .f .glyph{color:var(--faint)}.tree .f.sel .glyph{color:var(--mag)}.tree .f.dir{color:var(--faint)}.set{padding:18px}.set .grp{margin-bottom:22px}.set .grp:last-of-type{margin-bottom:0}.set label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}.presets{display:flex;gap:7px;flex-wrap:wrap}.preset{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;padding:9px 13px;border-radius:8px;border:1px solid var(--line);color:var(--dim);background:none;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.preset .ar{font-size:10px;color:var(--faint)}.preset:hover{border-color:var(--line);color:var(--ink)}.preset.on{border-color:var(--mag);color:var(--ink);background:rgba(255,79,195,.07)}.preset.on .ar{color:var(--mag)}.dims{gap:10px}.dims,.field{display:flex;align-items:center}.field{flex:1;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:7px;overflow:hidden}.field .k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:0 10px;border-right:1px solid var(--line2);align-self:stretch;display:flex;align-items:center}.field .k,.field input{font-family:var(--mono)}.field input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:14px;padding:11px 12px;width:100%}.dims .x{color:var(--faint);font-family:var(--mono)}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;background:none;border:none;color:var(--dim);font-family:var(--mono);font-size:12.5px;padding:11px 8px;transition:all .2s;border-right:1px solid var(--line2);position:relative}.seg button:last-child{border-right:none}.seg button .sm{display:block;font-size:10px;color:var(--faint);margin-top:2px}.seg button.on{background:rgba(255,79,195,.1);color:var(--ink)}.seg button.on .sm{color:var(--mag)}.toggles{display:flex;flex-direction:column;gap:2px}.tg{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line2)}.tg:last-child{border-bottom:none}.tg .lbl{font-family:var(--mono);font-size:13px;color:var(--ink);text-transform:none;letter-spacing:0;margin:0}.tg .lbl .sub{display:block;font-size:11px;color:var(--faint);margin-top:2px}.sw{width:42px;height:24px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);position:relative;transition:background .25s,border-color .25s;flex:0 0 auto}.sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--dim);transition:transform .25s,background .25s}.sw.on{background:rgba(255,79,195,.2);border-color:var(--mag)}.sw.on:after{transform:translateX(18px);background:var(--mag)}.sw.lock{opacity:.4;pointer-events:none}.outpath{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;color:var(--dim);background:rgba(255,255,255,.02);border:1px solid var(--line2);border-radius:7px;padding:11px 14px;margin-top:6px}.outpath .pf{color:var(--faint)}.outpath b{color:var(--ink);font-weight:400}.render-btn{width:100%;margin-top:20px;font-family:var(--mono);font-size:14px;letter-spacing:.03em;padding:17px;border-radius:999px;border:none;background:var(--ink);color:var(--bg);transition:transform .25s,background .25s,box-shadow .25s,opacity .25s}.render-btn:hover{transform:translateY(-2px);background:var(--mag);box-shadow:0 16px 44px rgba(255,79,195,.45)}.render-btn .ar{display:inline-block;margin-left:8px;transition:transform .25s}.render-btn:hover .ar{transform:translateX(5px)}.render-btn:disabled{opacity:.35;pointer-events:none}.est{text-align:center;font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:12px;letter-spacing:.04em}.pipeline{grid-column:1/-1;margin-top:8px;display:none}.pipeline.show{display:block;animation:fadeup .6s cubic-bezier(.16,.7,.2,1)}@keyframes fadeup{0%{transform:translateY(20px)}to{transform:none}}.pl-frame{background:rgba(7,4,9,.6);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.5)}.pl-bar{justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.pl-bar,.pl-bar .left{display:flex;align-items:center}.pl-bar .left{gap:14px}.pl-bar .dots{display:flex;gap:6px}.pl-bar .dots i{width:9px;height:9px;border-radius:50%;display:block}.pl-bar .dots i:first-child{background:var(--mag)}.pl-bar .dots i:nth-child(2){background:var(--vio)}.pl-bar .dots i:nth-child(3){background:var(--faint)}.pl-bar .state{display:flex;align-items:center;gap:8px;color:var(--ink)}.pl-bar .state .d{width:7px;height:7px;border-radius:50%;background:var(--vio);box-shadow:0 0 8px var(--vio);animation:pp 1.4s ease-in-out infinite}.pl-bar .state.done .d{background:var(--mag);box-shadow:0 0 8px var(--mag);animation:none}.pl-body{display:grid;grid-template-columns:1.4fr 1fr;gap:0}@media(max-width:820px){.pl-body{grid-template-columns:1fr}}.pl-log{padding:22px 24px;font-family:var(--mono);font-size:13.5px;line-height:2.05;border-right:1px solid var(--line2);min-height:300px}@media(max-width:820px){.pl-log{border-right:none;border-bottom:1px solid var(--line2)}}.pl-log .ln{display:flex;align-items:flex-start;gap:11px;color:var(--dim);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}.pl-log .ln.in{opacity:1;transform:none}.pl-log .ln .mk{width:15px;flex:0 0 auto;text-align:center}.pl-log .ln.ok .mk{color:var(--mag)}.pl-log .ln.run .mk{color:var(--vio)}.pl-log .ln.run{color:var(--ink)}.pl-log .ln .t{flex:1;word-break:break-word}.pl-log .ln .t b{color:var(--ink);font-weight:500}.pl-log .ln .ms{color:var(--faint);font-size:11.5px}.spin{display:inline-block;width:11px;height:11px;border:2px solid rgba(160,107,255,.3);border-top:2px solid var(--vio);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pl-prev{padding:22px 24px;display:flex;flex-direction:column}.frame16{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#0e0814,#1a0e22);display:flex;align-items:center;justify-content:center}.frame16.vert{aspect-ratio:9/16;max-width:240px;margin:0 auto}.frame16 .scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.14) 3px 4px);pointer-events:none;opacity:.5}.frame16 .ph{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-align:center;line-height:1.8;z-index:1}.frame16 .ph b{color:var(--vio);display:block;font-size:13px}.frame16 .play{position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(255,79,195,.16);backdrop-filter:blur(4px);border:1px solid var(--mag);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s}.frame16 .play:hover{transform:scale(1.08)}.frame16 .play svg{width:22px;height:22px;fill:var(--ink);margin-left:3px}.frame16 .sweep{position:absolute;top:0;bottom:0;width:36%;background:linear-gradient(90deg,transparent,rgba(160,107,255,.22),transparent);left:-40%;animation:sweep 1.6s ease-in-out infinite}@keyframes sweep{to{left:120%}}.progress{margin-top:18px}.progress .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--dim);margin-bottom:9px}.progress .meta b{color:var(--ink);font-weight:500}.bar{height:6px;background:rgba(255,255,255,.06);overflow:hidden}.bar,.bar .fill{border-radius:999px}.bar .fill{height:100%;width:0;background:linear-gradient(90deg,var(--vio),var(--mag));transition:width .3s linear}.result{display:none;flex-direction:column;gap:16px;margin-top:18px}.result.show{display:flex;animation:fadeup .5s cubic-bezier(.16,.7,.2,1)}.res-meta{gap:8px}.res-actions,.res-meta{display:flex;flex-wrap:wrap}.res-actions{gap:10px}.btn-pri{font-family:var(--mono);font-size:13px;letter-spacing:.03em;padding:14px 24px;border-radius:999px;border:none;background:var(--mag);color:var(--bg);transition:transform .25s,box-shadow .25s}.btn-pri:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,79,195,.45)}.btn-sec{font-family:var(--mono);font-size:13px;letter-spacing:.03em;padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);transition:all .25s}.btn-sec:hover{border-color:var(--mag);color:var(--mag)}.footer{position:relative;z-index:2;border-top:1px solid var(--line2);padding:40px 0;font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:.05em}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer b{color:var(--dim);font-weight:400}.footer a:hover,.toast{color:var(--ink)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);z-index:9100;background:var(--bg2);border:1px solid var(--mag);border-radius:999px;padding:12px 22px;font-family:var(--mono);font-size:12.5px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 18px 50px rgba(0,0,0,.5)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast b{color:var(--mag)}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important}}