:root{--paper: #f4f1e9;--ink: #050505;--muted: #858585;--line: rgba(244, 241, 233, .2);--line-strong: rgba(244, 241, 233, .72);--panel: rgba(244, 241, 233, .035);--panel-strong: rgba(244, 241, 233, .075);--accent: #f5b84b;--accent-soft: rgba(245, 184, 75, .14);--success: #e8fff4;color:#f5f5f5;background:#050506;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(244,241,233,.055),transparent 240px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 86px),#050506}button,select{font:inherit}.studio{min-height:100vh;padding-bottom:60px}.topline{height:54px;display:grid;grid-template-columns:190px 1fr minmax(280px,430px) 150px;align-items:center;gap:20px;padding:0 34px;border-top:1px solid rgba(244,241,233,.16);border-bottom:1px solid rgba(244,241,233,.12);background:#050505e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand,.nav,.launch,.verified,.loaded-file,.block-head,.method-top,.auto-scale,.render-console,.status-line,.checks,.empty-output,.output p,.download,.admin-card form,.header-login,.header-session,.solid-button,.ghost-button{display:flex;align-items:center}.brand{gap:14px;font-size:13px;font-weight:950;letter-spacing:.08em}.brand svg{color:var(--accent)}.brand span:first-letter{color:var(--accent)}.nav{justify-content:flex-start;gap:20px;color:var(--paper);font-size:9px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.header-auth{min-width:0}.header-login{justify-content:flex-end;gap:7px}.header-login input{min-height:28px;max-width:135px;border-color:#f4f1e938;background:#f4f1e90e;font-size:10px}.header-login button,.header-session button{display:grid;place-items:center;width:30px;height:28px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);cursor:pointer}.header-session{justify-content:flex-end;gap:9px;color:var(--paper)}.header-session span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.header-session small{color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.launch{justify-content:center;gap:8px;min-height:28px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.layout{width:min(880px,calc(100% - 34px));margin:0 auto;display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px}.timeline{position:relative;padding-top:66px;display:grid;align-content:start;gap:222px}.timeline:before{content:"";position:absolute;top:72px;bottom:40px;left:50%;border-left:1px dashed rgba(244,241,233,.4);opacity:.9}.step-dot{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;margin:0 auto;border:1px solid var(--paper);background:var(--ink);color:var(--paper);font-size:10px;font-weight:950}.step-dot.active{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 0 24px #f5b84b38}.content{padding-top:58px}.block{margin-bottom:40px}.block-head{gap:18px;margin-bottom:14px}.block-head b{display:none}h2,h3,p{margin:0}.block-head h2{font-size:31px;line-height:.95;font-weight:950;letter-spacing:.03em;text-transform:uppercase}.block-head p{margin-top:7px;color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.verified{justify-content:space-between;gap:16px;min-height:40px;padding:0 12px;border:1px solid rgba(244,241,233,.32);background:linear-gradient(90deg,#f4f1e918,#f5b84b0e);color:var(--paper);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.verified span{display:inline-flex;align-items:center;gap:9px}.verified small{color:var(--accent)}.dropbox{width:100%;min-height:138px;display:grid;place-items:center;align-content:center;gap:8px;margin-top:14px;border:1px solid rgba(244,241,233,.24);background:linear-gradient(180deg,#f4f1e909,#f4f1e904);color:#fff;cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease}.dropbox:hover,.dropbox.dragging{border-color:var(--accent);background:#f5b84b0f}.dropbox input{display:none}.dash{width:104px;height:4px;background:linear-gradient(90deg,var(--paper) 30%,rgba(244,241,233,.24) 30%)}.dropbox strong{font-size:16px;font-weight:950;text-transform:uppercase}.dropbox small{color:#8a9099;font-size:10px}.loaded-file{justify-content:space-between;gap:12px;min-height:48px;margin-top:12px;padding:0 13px;border:1px solid rgba(244,241,233,.18);background:var(--panel);color:var(--paper);font-size:11px;font-weight:850}.loaded-file b{color:var(--accent);font-size:10px;text-transform:uppercase}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.method{min-height:138px;padding:16px;border:1px solid rgba(244,241,233,.46);background:linear-gradient(145deg,#f4f1e90b,#f4f1e904);transition:transform .18s ease,border-color .18s ease,background .18s ease}.method:hover{transform:translateY(-2px);border-color:#f4f1e9c7}.method.active{border-color:var(--accent);background:linear-gradient(145deg,var(--accent-soft),rgba(244,241,233,.025));box-shadow:0 0 34px #f5b84b14 inset}.method.dim{opacity:.72}.method.wide{grid-column:1 / -1}.method-top{justify-content:space-between;margin-bottom:18px}.method-top>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;color:var(--paper)}.method.active .method-top>span{color:var(--accent)}.method-top small{color:#666;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.method.active .method-top small{color:var(--accent)}.method b{color:#c7c7c7;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.method.active b{color:var(--accent)}.method h3{margin:6px 0 18px;font-size:16px;font-weight:950;text-transform:uppercase}.method p{margin-top:6px;color:#9ba2ac;font-size:10px}.auto-scale{gap:10px;margin-top:12px;padding:13px 14px;border:1px solid rgba(244,241,233,.26);background:#f4f1e90b;color:#dbdbdb;font-size:10px;font-weight:800}.time-warning{display:grid;gap:7px;margin-top:10px;padding:13px 14px;border:1px solid rgba(245,184,75,.42);background:#f5b84b12}.time-warning b{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.time-warning span{color:#d8d4c9;font-size:11px;line-height:1.45}.render-console{gap:30px;min-height:204px;padding:34px 26px;border:1px solid rgba(244,241,233,.66);background:linear-gradient(180deg,#f4f1e90d,#f4f1e905),linear-gradient(90deg,transparent,rgba(245,184,75,.045),transparent)}.orb{flex:0 0 auto;width:96px;height:96px;border:1px solid var(--accent);border-radius:50%;background:var(--paper);color:var(--ink);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 16px #f5b84b0b,0 0 0 28px #f4f1e906}.orb:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.68}.render-body{min-width:0;flex:1}.status-line{justify-content:space-between;gap:16px}.status-line span{color:#9097a2;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.status-line strong{color:var(--accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.status-line b{color:#fff;font-size:clamp(38px,8vw,54px);line-height:1;font-variant-numeric:tabular-nums}.meter{position:relative;height:11px;overflow:hidden;margin-top:12px;border:1px solid rgba(244,241,233,.24);background:#f4f1e914}.meter span{position:relative;display:block;height:100%;background:linear-gradient(90deg,var(--paper),var(--accent));box-shadow:0 0 22px #f5b84b6b;transition:width .25s ease}.meter.active span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:progressShine 1s linear infinite}.checks{gap:20px;margin-top:15px;flex-wrap:wrap}.checks span{color:#6f767f;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.checks span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#333}.checks span.on{color:var(--paper)}.checks span.on:before{background:var(--accent);box-shadow:0 0 10px #f5b84bb8}.render-note{margin-top:13px;color:#bdb7aa;font-size:11px;line-height:1.45}.error{white-space:pre-wrap;margin:14px 0 0;padding:12px;border:1px solid #ff6b6b;background:#ff6b6b1a;color:#ffe1e1;max-height:170px;overflow:auto}.empty-output{gap:10px;min-height:58px;padding:0 14px;border:1px dashed rgba(255,255,255,.22);color:#8a9099;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.admin-card{padding:15px;border:1px solid rgba(244,241,233,.22);background:#f4f1e90a}.admin-card form{gap:12px}label{display:grid;gap:7px;min-width:0;flex:1;color:#9d9d9d;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}input{width:100%;min-height:38px;padding:0 11px;border:1px solid rgba(244,241,233,.24);background:#0000006b;color:var(--paper);font:inherit;font-size:12px;outline:none}input:focus{border-color:var(--accent)}.solid-button,.ghost-button{justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--paper);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.solid-button{background:var(--paper);color:var(--ink)}.ghost-button{background:transparent;color:var(--paper)}.user-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.user-list span{padding:7px 9px;border:1px solid rgba(244,241,233,.2);background:#f4f1e90a;color:#cfcfcf;font-size:10px}.ad-tile{position:fixed;z-index:4;max-width:min(468px,22vw);min-width:160px;padding:22px 8px 8px;border:1px solid rgba(244,241,233,.22);background:#050505db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #00000052}.ad-close{position:absolute;top:4px;right:5px;z-index:3;display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(244,241,233,.28);background:#000000b8;color:var(--paper);font-size:11px;line-height:1;cursor:pointer}.ad-left-top,.ad-left-mid,.ad-left-bottom{left:18px}.ad-right-top,.ad-right-mid,.ad-right-bottom{right:18px}.ad-left-top,.ad-right-top{top:78px}.ad-left-mid,.ad-right-mid{top:50%;transform:translateY(-50%)}.ad-left-bottom,.ad-right-bottom{bottom:18px}.ad-tile b,.ad-tile span{display:block}.ad-tile b{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.ad-tile span{margin-top:7px;color:#a5a5a5;font-size:10px;line-height:1.35}.ad-frame{display:grid;place-items:center;position:relative;width:var(--ad-width);height:var(--ad-height);max-width:100%;overflow:hidden;margin-top:8px;background:#ffffff06}.ad-frame iframe{position:relative;z-index:1;display:block;max-width:100%;border:0;background:transparent}.ad-frame span{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#666;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.ad-left-top,.ad-left-mid{max-width:176px}.ad-left-bottom{max-width:316px}.ad-right-top{max-width:min(484px,24vw)}.ad-right-mid{max-width:min(336px,22vw)}.ad-right-bottom{max-width:min(484px,24vw)}.output{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid rgba(245,184,75,.55);background:#f5b84b13}.output p{gap:8px;margin-bottom:8px;color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.output strong,.output small{display:block}.output small{margin-top:4px;color:#aab2bd;font-size:11px}.output .playback-warning{max-width:520px;color:#f3cf91;line-height:1.45}.download-stack{display:grid;gap:8px;min-width:180px}.download{justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font-size:10px;font-weight:950;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;cursor:pointer}button.download{font:inherit}.locked-download,.secondary-download{background:transparent;color:var(--paper)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:860px){.topline{grid-template-columns:1fr;height:auto;padding:16px}.nav{justify-content:flex-start;gap:14px;flex-wrap:wrap}.layout{grid-template-columns:1fr}.timeline{display:none}.content{padding-top:34px}.method-grid,.render-console,.output,.download-stack,.admin-card form,.header-login,.header-session{grid-template-columns:1fr}.render-console{align-items:stretch;flex-direction:column}.admin-card form,.header-login,.header-session{justify-content:flex-start;align-items:stretch;flex-wrap:wrap}.header-login input{max-width:none;flex:1 1 130px}.ad-tile{inset:auto;transform:none;width:auto;min-width:0;max-width:none;padding:6px}.ad-tile b{display:none}.ad-left-top,.ad-right-top{top:86px}.ad-left-mid,.ad-right-mid{top:150px}.ad-left-bottom,.ad-right-bottom{bottom:10px}.ad-left-top,.ad-left-mid,.ad-left-bottom{left:8px}.ad-right-top,.ad-right-mid,.ad-right-bottom{right:8px}.ad-frame,.ad-frame iframe{width:min(var(--ad-width),42vw);height:min(var(--ad-height),90px)}.ad-left-mid,.ad-right-mid{display:none}}@media(max-width:560px){.layout{width:min(100% - 22px,880px)}.method-grid{grid-template-columns:1fr}.status-line{align-items:flex-start;flex-direction:column}}