@font-face{font-stretch:75% 100%;font-family:sans;src:url(../media/InstrumentSans-s.p.18rlu__ekyr76.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:93.97%;descent-override:24.22%;line-gap-override:0.0%;size-adjust:103.22%}.sans_2456ab73-module__E-yo7W__className{font-family:sans,sans Fallback}.sans_2456ab73-module__E-yo7W__variable{--sans:"sans", "sans Fallback"}
@font-face{font-family:mono;src:url(../media/MartianMono_400-s.p.3-tyw26y7ns0r.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:mono;src:url(../media/MartianMono_500-s.p.13etk5rns0cvp.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:65.19%;descent-override:13.04%;line-gap-override:0.0%;size-adjust:153.41%}.mono_cb57a333-module__4Sc6CW__className{font-family:mono,mono Fallback}.mono_cb57a333-module__4Sc6CW__variable{--mono:"mono", "mono Fallback"}
:root,.site-header,.site-footer{--bg:#0f0f11;--panel:#17171a;--raise:#212125;--line:#2e2e33;--text:#f4f4f5;--dim:#a1a1aa;--mute:#52525b;--primary:var(--text);--on-primary:var(--bg);--primary-hi:color-mix(in srgb, var(--text) 86%, var(--bg));--accent:#8b7cff;--on-accent:var(--bg);--agent:#8b7cff;--tally:#ff453a;--ok:#5fd38d;--pencil:#ffd23f;--body:#d4d4d8;--ink:var(--bg);--film:#000;--raise-hi:color-mix(in srgb, var(--text) 6%, var(--raise));--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--fill:color-mix(in srgb, var(--text) 4%, var(--panel));--ok-soft:color-mix(in srgb, var(--ok) 18%, transparent);--tally-soft:color-mix(in srgb, var(--tally) 18%, transparent);--shadow-pop:0 12px 32px color-mix(in srgb, var(--film) 55%, transparent);--shadow-card:0 6px 20px color-mix(in srgb, var(--film) 35%, transparent);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:16px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}[data-landing]:focus{outline:none}.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.mono{font-family:var(--sans), system-ui, sans-serif;text-transform:none;letter-spacing:0;font-size:13px}.tc{font-family:var(--mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;letter-spacing:0}.label{color:var(--dim);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.label:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.roll{height:1.25em;line-height:1.25em;display:inline-flex;overflow:hidden}.roll>span{transition:transform .45s var(--ease);display:block}.roll>span:after{content:attr(data-t);display:block}@media (hover:hover) and (pointer:fine){:is(a,button):hover .roll>span{transform:translateY(-50%)}}.btn{border-radius:var(--r-md);background:var(--raise);color:var(--text);transition:transform .16s var(--ease-out), background-color .16s ease;border:0;align-items:center;padding:14px 20px;text-decoration:none;display:inline-flex}.btn.y{background:var(--primary);color:var(--on-primary)}.btn:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.roll>span{transition:none!important}}.skip-link{z-index:100;border-radius:var(--r-md);background:var(--primary);min-height:44px;color:var(--on-primary);font:600 14px var(--sans), system-ui, sans-serif;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.site-header{z-index:50;width:100%;color:var(--text);font-family:var(--sans), system-ui, sans-serif;transition:top .5s var(--ease-out), width .5s var(--ease-out), padding .5s var(--ease-out), border-radius .5s var(--ease-out), background-color .3s ease, box-shadow .3s ease;background:0 0;border-radius:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 28px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.site-header.pill{border-radius:var(--r-xl);background:var(--panel);width:min(1040px,100% - 32px);box-shadow:var(--shadow-pop);padding:8px 8px 8px 18px;top:12px}.sh-brand{letter-spacing:-.02em;color:var(--text);justify-self:start;align-items:center;gap:8px;font-size:17px;font-weight:600;text-decoration:none;transition:color .18s;display:flex}.sh-nav{align-items:center;gap:4px;font-size:14px;display:flex}.sh-end{justify-self:end;align-items:center;gap:8px;font-size:14px;display:flex}.sh-link{border-radius:var(--r-md);height:36px;color:var(--dim);align-items:center;padding:0 12px;font-weight:500;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.sh-link[aria-current=page]{color:var(--text);background:var(--raise)}@media (hover:hover) and (pointer:fine){.sh-link:hover{color:var(--text);background:var(--raise)}}.sh-dl{border-radius:var(--r-md);background:var(--primary);height:36px;color:var(--on-primary);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .18s ease;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sh-dl:active{transform:scale(.97)}@media (max-width:519.98px){.sh-dl-long{display:none}}@media (hover:hover) and (pointer:fine){.sh-dl:hover{background:var(--primary-hi)}}.sh-menu{display:none;position:relative}.sh-menu summary{cursor:pointer;border-radius:var(--r-md);background:var(--raise);min-height:36px;color:var(--text);align-items:center;padding:0 14px;font-size:14px;font-weight:500;list-style:none;display:inline-flex}.sh-menu summary::-webkit-details-marker{display:none}.sh-menu[open] summary{background:var(--raise-hi)}.sh-menu-list{background:var(--raise);border-radius:var(--r-lg);min-width:200px;box-shadow:var(--shadow-pop);padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.sh-mlink{border-radius:var(--r-md);min-height:44px;color:var(--text);align-items:center;padding:0 12px;text-decoration:none;display:flex}.sh-mlink[aria-current=page]{background:var(--raise-hi)}@media (hover:hover) and (pointer:fine){.sh-mlink:hover{background:var(--raise-hi)}}.sh-burger{display:none}@media (max-width:899.98px){.site-header{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.site-header.pill{padding:6px 6px 6px 14px}.site-header{gap:10px}.sh-nav,.sh-acct{display:none}.sh-end{gap:8px}.sh-menu{display:block}}@media (max-width:767.98px){.sh-brand{min-height:44px}.sh-dl{height:44px}.sh-menu summary{min-height:44px}.sh-brand{min-width:0}.sh-dl{padding:0 12px}.sh-menu summary{justify-content:center;width:44px;padding:0}.sh-burger{display:block}.sh-menu-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:359.98px){.sh-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.site-header{transition:none}}.site-footer{color:var(--text);font-family:var(--sans), system-ui, sans-serif;overflow:hidden}.site-footer.sf-plain{background:var(--bg);margin-top:140px;padding:0 24px}.sf-mark{padding:0 0 28px}.sf-giant{letter-spacing:-.055em;white-space:nowrap;text-align:left;margin:0;padding-bottom:.03em;font-weight:700;line-height:.78;position:relative;overflow:hidden}.sf-giant span{font-size:22.6vw;display:inline-block}.sf-ph{background:var(--accent);opacity:0;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0}.sf-ph:before{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:14px;height:10px;position:absolute;top:0;left:-6px}.sf-giant[data-reveal=armed] span{clip-path:inset(0 100% 0 0)}.sf-giant[data-reveal=play] span{clip-path:inset(0);transition:clip-path 1.5s cubic-bezier(.65,0,.35,1)}.sf-giant[data-reveal=play] .sf-ph{animation:1.5s cubic-bezier(.65,0,.35,1) forwards sf-sweep}@keyframes sf-sweep{0%{opacity:1;left:0}92%{opacity:1}to{opacity:0;left:calc(100% - 2px)}}.sf-grid{border-radius:var(--r-xl);background:var(--panel);grid-template-columns:minmax(220px,1fr) 3fr;gap:24px;padding:32px;display:grid}.sf-side{align-content:start;gap:10px;display:grid}.sf-side p{margin:0}.sf-line{color:var(--dim);max-width:300px;font-size:14px;line-height:1.5}.sf-social{gap:8px;margin-top:8px;display:flex}.sf-social a{border-radius:var(--r-md);background:var(--raise);width:36px;height:36px;color:var(--text);place-items:center;transition:background-color .18s;display:inline-grid}@media (hover:hover) and (pointer:fine){.sf-social a:hover{background:var(--raise-hi)}}.sf-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.sf-col{align-content:start;gap:8px;display:grid}.sf-h{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.sf-col a{color:var(--dim);width:max-content;font-size:14px;text-decoration:none;transition:color .18s}@media (hover:hover) and (pointer:fine){.sf-col a:hover{color:var(--text)}}.sf-bottom{color:var(--dim);justify-content:space-between;gap:12px;padding:20px 8px 28px;display:flex}.sf-bottom a{color:var(--text);text-decoration:none}@media (hover:hover) and (pointer:fine){.sf-bottom a:hover{color:var(--accent)}}.site-footer.sf-panel{text-align:left;margin-top:120px}.site-footer.sf-panel .sf-grid{background:var(--raise)}.site-footer.sf-panel .sf-social a{background:var(--raise-hi)}@media (max-width:767.98px){.sf-grid{grid-template-columns:1fr;gap:28px;padding:24px 20px}.sf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.sf-col{gap:0}.sf-col a{align-items:center;width:auto;min-height:44px;display:flex}.sf-social a{width:44px;height:44px}.sf-bottom{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.sf-giant span{clip-path:none!important;transition:none!important}.sf-ph{display:none}}.site{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;padding:128px 24px 0}@media (max-width:767.98px){.site-main{padding-top:96px}}article.legal{max-width:70ch;color:var(--text);margin:0 auto;font-size:16px;line-height:1.65}article.legal h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 12px;font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1.05}article.legal h2:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)),article.legal h3:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){font-family:var(--sans), system-ui, sans-serif;text-transform:none;letter-spacing:-.01em;color:var(--text);margin:44px 0 10px;font-weight:600}article.legal h2:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){letter-spacing:-.02em;font-size:22px;line-height:1.25}article.legal h3:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){margin-top:32px;font-size:17px}article.legal .updated:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){color:var(--dim);margin:0 0 40px;font-size:14px}article.legal p:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)),article.legal li:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){color:var(--body)}article.legal strong:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){color:var(--text);font-weight:600}article.legal ul:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)),article.legal ol:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){padding-left:20px}article.legal li:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *))::marker{color:var(--accent)}article.legal a:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color .18s}article.legal table:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:var(--r-lg);width:100%;margin:16px 0;padding:4px 8px;font-size:14px;display:block;overflow-x:auto}article.legal th:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)),article.legal td:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px}article.legal tr:last-child td:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){border-bottom:0}article.legal th:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){color:var(--text);font-weight:600}article.legal code:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){font:12.5px var(--mono), ui-monospace, monospace;color:var(--text);background:var(--raise);border-radius:var(--r-sm);overflow-wrap:anywhere;margin:0;padding:2px 6px;display:inline}article.legal pre:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){background:var(--panel);border-radius:var(--r-lg);font:12.5px/1.6 var(--mono), ui-monospace, monospace;padding:16px 18px;overflow-x:auto}article.legal pre code:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){background:0 0;padding:0;display:block}article.legal kbd:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)){font:600 12px var(--sans), system-ui, sans-serif;color:var(--text);background:var(--raise);border-radius:var(--r-sm);padding:2px 7px}@media (hover:hover) and (pointer:fine){article.legal a:not(:where(.not-prose,.not-prose *,.itabs *,.pr-card *,.lr-plans,.lr-plans *)):hover{color:var(--accent)}}.connect{gap:22px;display:grid}.connect h1{margin:0}.connect .lede{color:var(--dim);margin:0}.connect-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.connect .connect-plan,.connect .connect-plan:hover{color:var(--text);text-decoration:none}.connect .connect-plan span{text-decoration:none}.connect-plan{border-radius:var(--r-lg);background:var(--panel);color:var(--text);transition:background-color .15s ease, box-shadow .15s ease, transform .16s var(--ease-out);gap:6px;padding:18px;text-decoration:none;display:grid}.connect-plan:hover{background:var(--raise)}.connect-plan:active{transform:scale(.98)}.connect-plan.hot{box-shadow:inset 0 0 0 2px var(--accent)}.connect-plan span{color:var(--dim);font-size:14px}.connect-plan b,.connect-plan strong{font-weight:600}.connect-note{color:var(--dim);margin:0;font-size:14px}.connect-key{border-radius:var(--r-xl);background:var(--panel);gap:10px;padding:20px;display:grid}.connect-key label{color:var(--text);font-size:14px;font-weight:500}.connect-key div{gap:8px;display:flex}.connect-key input{border-radius:var(--r-md);background:var(--raise);min-width:0;min-height:44px;color:var(--text);font:inherit;border:0;outline:none;flex:1;padding:10px 14px;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #0000}.connect-key input::placeholder{color:var(--dim)}.connect-key input:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.connect-key button{border-radius:var(--r-md);background:var(--primary);min-height:44px;color:var(--on-primary);cursor:pointer;transition:background-color .15s ease, transform .16s var(--ease-out);border:0;padding:10px 18px;font-weight:600}.connect-key button:hover:not(:disabled){background:var(--primary-hi)}.connect-key button:active:not(:disabled){transform:scale(.97)}.connect-key button:disabled{background:var(--raise);color:var(--dim);cursor:default}.connect-err{color:var(--tally);margin:0;font-size:14px}@media (max-width:640px){.connect-plans{grid-template-columns:1fr}}.dl-mac{flex-wrap:wrap;align-items:center;gap:14px;margin:4px 0 14px;display:flex}.dl-btn{border-radius:var(--r-md);background:var(--primary);height:44px;color:var(--on-primary);transition:transform .16s var(--ease-out), background-color .18s ease;align-items:center;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.dl-btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.dl-btn:hover{background:var(--primary-hi)}}.dl-mac .mono{color:var(--dim);font-size:13px}.dcard{border-radius:var(--r-xl);background:var(--raise);box-shadow:var(--shadow-card);font-family:var(--sans), system-ui, sans-serif;text-align:left;align-items:center;gap:16px;padding:14px;display:inline-flex}.dc-icon{object-fit:contain;filter:drop-shadow(0 6px 14px #0006);flex:none;width:64px;height:64px;display:block}.dc-text{gap:2px;min-width:0;display:grid}.dc-text b{letter-spacing:-.01em;color:var(--text);margin-bottom:2px;font-size:16px;font-weight:600}.dc-text span{color:var(--dim);font-size:13px;line-height:1.4}.dc-go{border-radius:var(--r-md);background:var(--primary);height:44px;color:var(--on-primary);transition:transform .16s var(--ease-out), background-color .18s ease;flex:none;align-items:center;margin-left:10px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.dc-go:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.dc-go:hover{background:var(--primary-hi)}}.dcard.compact{flex-wrap:nowrap;gap:12px;padding:10px}.dcard.compact .dc-icon{width:44px;height:44px;margin:-2px -2px -2px 0}.dcard.compact .dc-text{flex:1}.dcard.compact .dc-text b{margin-bottom:0;font-size:15px}.dcard.compact .dc-text span{font-size:13px}.dcard.compact .dc-go{width:auto;height:40px;margin-left:8px;padding:0 18px;font-size:14px}.dcard.paper{background:var(--raise-hi)}@media (max-width:479.98px){.dcard{flex-wrap:wrap;gap:14px;display:flex}.dc-go{justify-content:center;width:100%;margin-left:0}}@media (max-width:767.98px){.dcard.compact .dc-go{height:44px}}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a,button,summary,input,select,textarea,[role=button]{touch-action:manipulation}h1,h2{text-wrap:balance}.lede{text-wrap:pretty}.studio-app{background:var(--bg);min-height:100vh;color:var(--text);font:16px/1.5 var(--sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.studio-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.studio-app h1,.studio-app h2,.studio-app h3{font-family:var(--sans), system-ui, sans-serif;color:var(--text);font-weight:600}.studio-app a:not([class]):not(.site-footer *){color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.studio-app .quiet{color:var(--dim);font-size:14px;font-weight:400}.studio-app .muted{color:var(--dim);font-size:13px}.studio-app .err,.studio-app .error{color:var(--tally)}.studio-app .error{font-weight:500}.studio-app .error.small{margin:6px 0 0;font-size:13px}.studio-app .detail:focus{outline:none}@keyframes lr-pulse{50%{opacity:.35}}@keyframes lr-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lr-fade-in{0%{opacity:0}}@keyframes lr-fade-out{to{opacity:0}}@keyframes lr-sheet-in{0%{opacity:0;transform:translateY(28px)}}@keyframes lr-sheet-out{to{opacity:0;transform:translateY(16px)}}@keyframes lr-nudge{30%{box-shadow:0 0 0 2px var(--accent);transform:translateY(-6px)}}.studio-app .top{z-index:20;background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 28px;display:grid;position:sticky;top:0}.studio-app .top-left{align-items:center;gap:32px;min-width:0;display:flex}.studio-app .top-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.studio-app .brand{letter-spacing:-.03em;color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.studio-app .links{gap:28px;display:flex}.studio-app .navlink{font:500 13px var(--sans), system-ui, sans-serif;color:var(--body);text-decoration:none;transition:color .18s}@media (hover:hover) and (pointer:fine){.studio-app .navlink:hover{color:var(--text)}}.studio-app .settings-btn svg{display:none}.studio-app .settings{background:var(--panel);border-radius:var(--r-lg);width:min(360px,100vw - 32px);box-shadow:var(--shadow-pop);border:1px solid #0000;gap:14px;padding:18px;display:grid;position:absolute;top:calc(100% + 8px);right:28px}.studio-app .settings label{color:var(--text);gap:6px;font-size:14px;font-weight:500;display:grid}.studio-app .steps-rail{font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.studio-app .steps-rail li{border-radius:var(--r-md);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:6px 10px;display:flex}.studio-app .steps-rail li span{background:var(--raise);width:20px;height:20px;font:600 11px var(--sans), system-ui, sans-serif;border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.studio-app .steps-rail li.done{color:var(--body)}.studio-app .steps-rail li.done span{background:var(--raise-hi);color:var(--text)}.studio-app .steps-rail li.now{color:var(--text);background:var(--panel)}.studio-app .steps-rail li.now span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.studio-app main{padding:0 clamp(16px,6vw,96px) 96px}.studio-app input,.studio-app textarea,.studio-app select{border-radius:var(--r-md);background:var(--raise);width:100%;color:var(--text);border:1px solid #0000;outline:none;padding:12px 14px;font-weight:400;transition:border-color .18s}.studio-app input::placeholder,.studio-app textarea::placeholder{color:var(--dim)}.studio-app textarea{resize:vertical;line-height:1.5}.studio-app input:focus,.studio-app textarea:focus,.studio-app select:focus{border-color:var(--accent)}.studio-app input:focus-visible,.studio-app textarea:focus-visible,.studio-app select:focus-visible{box-shadow:0 0 0 1px var(--accent);outline:0}.studio-app select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-app .primary,.studio-app .secondary,.studio-app .soft,.studio-app .ghost{border-radius:var(--r-md);white-space:nowrap;min-height:40px;transition:background .18s ease, border-color .18s ease, color .18s ease, transform .16s var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.studio-app .primary{background:var(--primary);color:var(--on-primary);border:1px solid #0000}.studio-app .primary:disabled{background:var(--raise);color:var(--dim);cursor:not-allowed}.studio-app .secondary{background:var(--raise);color:var(--text);border:1px solid #0000}.studio-app .ghost{color:var(--text);background:0 0;border:1px solid #0000}.studio-app .soft{background:var(--raise);color:var(--text);border:1px solid #0000}@media (hover:hover) and (pointer:fine){.studio-app .primary:not(:disabled):hover{background:var(--primary-hi)}.studio-app .secondary:hover,.studio-app .ghost:hover,.studio-app .soft:hover{background:var(--raise);background:var(--raise-hi)}}.studio-app :is(.primary,.secondary,.soft,.ghost):not(:disabled):active{transform:scale(.97)}.studio-app a.primary,.studio-app a.primary:visited{color:var(--on-primary)}.studio-app a.secondary,.studio-app a.secondary:visited,.studio-app a.soft,.studio-app a.soft:visited{color:var(--text)}.studio-app .big{min-height:46px;padding:12px 22px;font-size:15px}.studio-app .full{width:100%}.studio-app .rec{background:var(--tally);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.studio-app .primary:disabled .rec{background:var(--mute)}.studio-app .gallery{max-width:1320px;margin:0 auto}.studio-app .gallery-head{text-align:center;flex-direction:column;align-items:center;max-width:1040px;margin:0 auto;padding:clamp(48px,8vw,96px) 0 clamp(32px,5vw,56px);display:flex}.studio-app .gallery-head h1{letter-spacing:-.045em;max-width:16ch;margin:0 0 18px;font-size:clamp(39px,5vw,64px);font-weight:700;line-height:1.02}.studio-app .gallery-head h1 em{color:var(--accent);font-style:normal}.studio-app .gallery-head p{color:var(--body);text-wrap:pretty;max-width:52ch;margin:0;font-size:18px;line-height:1.5}.studio-app .gallery-head p strong{color:var(--text);font-weight:500}.studio-app .gallery-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:clamp(56px,8vw,96px) 0 28px;padding-top:22px;scroll-margin-top:88px;display:flex}.studio-app .pick-title{letter-spacing:-.03em;width:100%;margin:0 0 4px;font-size:25px}.studio-app .chips{flex-wrap:wrap;gap:4px;display:flex}.studio-app .chip{border-radius:var(--r-md);font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);background:0 0;border:1px solid #0000;padding:8px 12px;transition:color .18s,border-color .18s}@media (hover:hover) and (pointer:fine){.studio-app .chip:hover{color:var(--text);background:var(--raise)}}.studio-app .chip.on{background:var(--raise-hi);color:var(--text)}.studio-app .search{background:var(--raise);border-radius:var(--r-md);width:min(320px,100%);color:var(--dim);border:1px solid #0000;align-items:center;gap:10px;padding:0 14px;display:flex}.studio-app .search svg{flex:none;width:15px;height:15px}.studio-app .search input{color:var(--text);background:0 0;border:0;padding:11px 0;font-size:15px}.studio-app .search input:focus-visible{outline:none}.studio-app .search:focus-within{border-color:var(--accent)}.studio-app .grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:40px 24px;display:grid}.studio-app .empty{color:var(--dim);text-align:center;grid-column:1/-1}.studio-app .tile{color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.studio-app .tile-media{background:var(--panel);border-radius:var(--r-xl);border:1px solid #0000;margin-bottom:10px;padding:8px;transition:border-color .2s,background-color .2s;display:block}.studio-app .tile-frame{display:block;position:relative}.studio-app .tile-media video{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);border-radius:10px;display:block}@media (hover:hover) and (pointer:fine){.studio-app .tile:hover .tile-media{background:var(--raise-hi)}.studio-app .tile:hover .tile-media video{transform:translateY(-3px)}}.studio-app .tile:focus-visible .tile-media{border-color:var(--accent)}.studio-app .tile-tc{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text);font:10px/1 var(--mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;border-radius:var(--r-sm);align-items:center;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:10px;left:10px}.studio-app .tile-tc .rec{width:6px;height:6px;animation:1.2s infinite lr-pulse}.studio-app .tile-title{letter-spacing:-.02em;font-size:17px;font-weight:600}.studio-app .tile-line{color:var(--dim);max-width:46ch;font-size:14px;line-height:1.45}.studio-app .gallery-bar.pulse+.grid .tile-media{animation:lr-nudge .9s var(--ease-out) both}.studio-app .gallery-bar.pulse+.grid .tile:nth-child(2) .tile-media{animation-delay:70ms}.studio-app .gallery-bar.pulse+.grid .tile:nth-child(3) .tile-media{animation-delay:.14s}.studio-app .gallery-bar.pulse+.grid .tile:nth-child(4) .tile-media{animation-delay:.21s}.studio-app .gallery-bar.pulse+.grid .tile:nth-child(5) .tile-media{animation-delay:.28s}.studio-app .reel{max-width:1120px;margin:clamp(40px,6vw,64px) auto 0}.studio-app .reel-stage{background:var(--panel);border-radius:var(--r-lg);aspect-ratio:16/9;border:1px solid #0000;position:relative;overflow:hidden}.studio-app .reel-stage video{object-fit:cover;width:100%;height:100%;display:block}.studio-app .reel-rec{font:500 13px/1 var(--sans), system-ui, sans-serif;color:var(--text);background:color-mix(in srgb, var(--bg) 82%, transparent);border-radius:var(--r-sm);align-items:center;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:14px;left:14px}.studio-app .reel-rec .rec{width:7px;height:7px;animation:1.2s infinite lr-pulse}.studio-app .track{gap:3px;height:36px;margin-top:10px;display:flex;position:relative}.studio-app .seg-clip{border-radius:var(--r-sm);background:var(--panel);text-align:left;min-width:0;font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);white-space:nowrap;border:1px solid #0000;padding:0 10px;transition:background .2s,color .2s,border-color .2s;overflow:hidden}.studio-app .seg-clip span{text-overflow:ellipsis;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.studio-app .seg-clip:hover{background:var(--raise);color:var(--text)}}.studio-app .seg-clip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.studio-app .playhead{background:var(--accent);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:-6px;bottom:-6px;transform:translate(-1px)}.studio-app .playhead:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;left:-4px}.studio-app .how{margin:clamp(80px,10vw,140px) 0 0;scroll-margin-top:88px}.studio-app .how h2{letter-spacing:-.035em;margin:0 0 28px;font-size:31px}.studio-app .how ol{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.studio-app .how li{border-radius:var(--r-xl);background:var(--panel);align-content:start;gap:8px;padding:20px;display:grid}.studio-app .how li span{font:600 13px var(--sans), system-ui, sans-serif;color:var(--accent)}.studio-app .how li strong{font-size:16px;font-weight:600}.studio-app .how li p{color:var(--dim);margin:0;font-size:14px;line-height:1.5}.studio-app .detail{z-index:60;background:color-mix(in srgb, var(--film) 70%, transparent);overscroll-behavior:contain;padding:72px 20px 40px;animation:.22s ease-out both lr-fade-in;position:fixed;inset:0;overflow-y:auto}.studio-app .detail-body{background:var(--panel);border-radius:var(--r-xl);max-width:1160px;box-shadow:var(--shadow-pop);animation:lr-sheet-in .5s var(--ease-out) both;border:1px solid #0000;margin:0 auto;position:relative;overflow:hidden}.studio-app .detail.leaving{animation:.22s ease-in both lr-fade-out}.studio-app .detail.leaving .detail-body{animation:.22s ease-in both lr-sheet-out}.studio-app .detail-top{grid-template-columns:1fr 1.45fr;min-height:520px;display:grid}.studio-app .detail-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(28px,4vw,56px);display:flex}.studio-app .detail-copy>*{animation:lr-rise .5s var(--ease-out) both}.studio-app .detail-copy>:nth-child(2){animation-delay:60ms}.studio-app .detail-copy>:nth-child(3){animation-delay:.11s}.studio-app .detail-copy>:nth-child(4){animation-delay:.16s}.studio-app .detail-copy>:nth-child(5){animation-delay:.2s}.studio-app .tag{font:500 13px var(--sans), system-ui, sans-serif;color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:3px 10px}.studio-app .detail-copy h2{letter-spacing:-.04em;margin:4px 0 0;font-size:39px;font-weight:700;line-height:1.05}.studio-app .detail-copy p{color:var(--dim);max-width:34ch;margin:0 0 10px}.studio-app .linkish{color:var(--dim);text-decoration:underline;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px}@media (hover:hover) and (pointer:fine){.studio-app .linkish:hover{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.studio-app .detail-stage{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:clamp(24px,4vw,56px);display:flex}.studio-app .detail-video{transform-origin:0 0;width:100%}.studio-app .detail-video.tall{aspect-ratio:9/16;width:auto;height:min(56vh,520px)}.studio-app .detail-video video{object-fit:cover;width:100%;height:100%;aspect-ratio:inherit;border-radius:var(--r-md);display:block}.studio-app .detail-video:not(.tall) video{aspect-ratio:16/9}.studio-app .dots{gap:6px;display:flex}.studio-app .dots button{background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.studio-app .dots button:before{content:"";background:var(--mute);border-radius:50%;width:8px;height:8px;transition:background .18s}.studio-app .dots button.on:before{background:var(--accent)}.studio-app .detail .close{border-radius:var(--r-lg);background:var(--raise);width:44px;height:44px;color:var(--text);z-index:1;border:1px solid #0000;place-items:center;display:grid;position:absolute;top:16px;right:16px}@media (hover:hover) and (pointer:fine){.studio-app .detail .close:hover{background:var(--raise-hi)}}.studio-app .detail-more{gap:32px;padding:clamp(28px,4vw,56px) clamp(28px,8vw,120px) clamp(36px,5vw,64px);display:grid}.studio-app .about{color:var(--text);max-width:62ch;margin:0;font-size:19px;line-height:1.55}.studio-app .specs{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:16px;margin:0;padding-top:20px;display:grid}.studio-app .specs dt{font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);margin-bottom:6px}.studio-app .specs dd{margin:0;font-size:14px;font-weight:500}.studio-app .scene-strip{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-app .scene-strip li{background:var(--raise);border-radius:var(--r-sm);animation:lr-rise .45s var(--ease-out) both;border:1px solid #0000;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.studio-app .scene-strip li span{font:11px var(--mono), ui-monospace, monospace;color:var(--dim);font-variant-numeric:tabular-nums}.studio-app .example{gap:6px;padding-top:28px;scroll-margin:40px;display:grid}.studio-app .example h3{letter-spacing:-.03em;margin:0;font-size:25px}.studio-app .example p{margin:0 0 14px}.studio-app .example>div,.studio-app .example .player-skeleton{border-radius:var(--r-md);overflow:hidden}@media (max-width:860px){.studio-app .detail-top{grid-template-columns:1fr}.studio-app .detail-copy{order:2}.studio-app .detail-stage{border-left:0}.studio-app .gallery-bar{flex-direction:column;align-items:stretch}}.studio-app .flow-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:clamp(32px,5vw,72px);max-width:1180px;margin:0 auto;padding-top:clamp(24px,4vw,48px);display:grid}.studio-app .flow{max-width:600px;margin:0 auto;padding-top:clamp(32px,6vw,72px)}.studio-app .flow.wide{max-width:860px}.studio-app .flow-grid .flow{max-width:none;margin:0;padding-top:12px}.studio-app .flow-for{background:var(--panel);border-radius:var(--r-md);font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);border:1px solid #0000;align-items:center;gap:8px;margin:0 0 24px;padding:6px 10px;display:inline-flex}.studio-app .flow-for button{font:inherit;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0}.studio-app .q-track{gap:4px;margin:0 0 14px;display:flex;position:relative}.studio-app .q-track>button,.studio-app .q-track>span:not(.playhead){background:var(--line);border:0;border-radius:2px;flex:1;height:6px;padding:0}.studio-app .q-track>.done{background:var(--dim);cursor:pointer}.studio-app .q-track>.now{background:var(--accent)}.studio-app .q-track .playhead{transition:left .4s var(--ease-out);top:-5px;bottom:-5px}.studio-app .q-track .playhead:before{top:-4px}.studio-app .q-count{font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);margin-bottom:10px}.studio-app .q-title{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(31px,3.2vw,39px);font-weight:700;line-height:1.1}.studio-app .q-hint{color:var(--dim);margin:0 0 20px;font-size:16px}.studio-app .q-body{animation:lr-rise .35s var(--ease-out);margin:22px 0 30px}.studio-app .q-body input,.studio-app .q-body textarea{padding:14px 16px;font-size:16px}.studio-app .pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studio-app .pair label{color:var(--dim);gap:6px;font-size:14px;display:grid}.studio-app .choice{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:620px){.studio-app .pair,.studio-app .choice{grid-template-columns:1fr}}.studio-app .opt,.studio-app .vcard{color:var(--text);text-align:left;background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;transition:border-color .15s,background .15s}@media (hover:hover) and (pointer:fine){.studio-app .opt:hover,.studio-app .vcard:hover{background:var(--raise-hi);background:var(--raise)}}.studio-app .opt.on,.studio-app .vcard.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.studio-app .opt{gap:6px;padding:20px;display:grid}.studio-app .opt strong{letter-spacing:-.01em;font-size:16px;font-weight:600}.studio-app .opt span{color:var(--dim);font-size:14px}.studio-app .q-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.studio-app .q-actions.sticky{background:var(--bg);padding:16px 0;position:sticky;bottom:0}.studio-app .side{gap:14px;display:grid;position:sticky;top:88px}.studio-app .side-frame{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;place-items:center;padding:10px;display:grid;position:relative}.studio-app .side-frame video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);width:100%;display:block}.studio-app .side-frame.tall video{aspect-ratio:9/16;width:auto;height:380px}.studio-app .side-rec{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text);font:500 13px/1 var(--sans), system-ui, sans-serif;border-radius:var(--r-sm);align-items:center;gap:6px;padding:6px 9px;display:flex;position:absolute;bottom:20px;left:20px}.studio-app .side-rec .rec{width:6px;height:6px;animation:1.2s infinite lr-pulse}.studio-app .side-sum{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;margin:0;padding:4px 16px}.studio-app .side-sum div{justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;display:flex}.studio-app .side-sum div:last-child{border-bottom:0}.studio-app .side-sum dt{font:500 13px/1.9 var(--sans), system-ui, sans-serif;color:var(--dim)}.studio-app .side-sum dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;margin:0;font-weight:500;overflow:hidden}@media (max-width:1000px){.studio-app .flow-grid{grid-template-columns:1fr}.studio-app .side{order:-1;position:static}.studio-app .side-frame{justify-self:center}.studio-app .side-sum{display:none}.studio-app .side-frame video,.studio-app .side-frame.tall video{width:auto;max-width:100%;height:min(26vh,220px)}}.studio-app .group{margin:26px 0}.studio-app .group h3,.studio-app .panel-group h3{font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);margin:0 0 12px}.studio-app .cards{grid-template-columns:repeat(auto-fill,minmax(min(176px,100%),1fr));gap:8px;display:grid}.studio-app .vcard{align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex;position:relative}.studio-app .vcard input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-app .vcard:has(input[type=file]:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.studio-app .play{background:var(--raise);width:28px;height:28px;color:var(--text);border:1px solid #0000;border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.studio-app .play.on,.studio-app .vcard.on .play{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.studio-app .vtext{line-height:1.25;display:grid}.studio-app .vtext strong{font-size:14px;font-weight:500}.studio-app .vtext small{color:var(--dim);font-size:12px}.studio-app .row-group{flex-wrap:wrap;gap:32px;display:flex}.studio-app .seg{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;gap:2px;padding:3px;display:inline-flex}.studio-app .seg button{font:500 13px var(--sans), system-ui, sans-serif;color:var(--dim);background:0 0;border:0;border-radius:8px;padding:7px 12px}@media (hover:hover) and (pointer:fine){.studio-app .seg button:not(.on):not(:disabled):hover{color:var(--text)}}.studio-app .seg button.on{background:var(--raise-hi);color:var(--text)}.studio-app .seg button:disabled{opacity:.35;cursor:not-allowed}.studio-app .switch{cursor:pointer;background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;align-items:center;gap:10px;margin:22px 0 8px;padding:14px 16px;font-size:14px;display:flex}.studio-app .switch input{width:18px;height:18px;accent-color:var(--accent);flex:none;padding:0}.studio-app .switch:has(input:disabled){opacity:.5;cursor:not-allowed}.studio-app .switch:has(input:disabled) input{cursor:not-allowed}.studio-app .note{background:var(--panel);border-radius:var(--r-md);color:var(--dim);border:1px solid #0000;padding:10px 14px;font-size:14px}.studio-app .banner-err{border:1px solid color-mix(in srgb, var(--tally) 50%, transparent);background:var(--tally-soft);border-radius:var(--r-lg);margin-bottom:18px;padding:16px 18px}.studio-app .beats{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.studio-app .beat{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;gap:10px;padding:16px 18px;display:grid}.studio-app .beat label{color:var(--dim);gap:4px;font-size:13px;display:grid}.studio-app .beat input,.studio-app .beat textarea{background:var(--bg)}.studio-app .beat-top{justify-content:space-between;align-items:center;display:flex}.studio-app .beat-n{font:500 13px var(--sans), system-ui, sans-serif;align-items:center;gap:8px;display:inline-flex}.studio-app .beat-n:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.studio-app .beat-tools{gap:6px;display:flex}.studio-app .beat-tools button{background:var(--raise);min-width:32px;min-height:32px;color:var(--text);border-radius:var(--r-sm);border:1px solid #0000;padding:4px 10px;font-size:13px}@media (hover:hover) and (pointer:fine){.studio-app .beat-tools button:not(:disabled):hover{background:var(--raise-hi)}}.studio-app .beat-tools button:disabled{opacity:.3;cursor:not-allowed}.studio-app .working{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);max-width:1000px;margin:clamp(40px,7vw,88px) auto 0;display:grid}.studio-app .work-frame{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;padding:10px;position:relative}.studio-app .work-frame video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);width:100%;display:block}.studio-app .work-copy h2{letter-spacing:-.035em;margin:0 0 6px;font-size:31px;font-weight:700}.studio-app .work-track{grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.studio-app .work-track>span:not(.playhead){border-top:4px solid var(--line);height:auto;font:500 13px/1.4 var(--sans), system-ui, sans-serif;color:var(--dim);background:0 0;border-radius:0;padding:10px 8px 0 0}.studio-app .work-track>.done{border-top-color:var(--dim);color:var(--text);background:0 0}.studio-app .work-track>.now{border-top-color:var(--accent);color:var(--text);background:0 0}.studio-app .work-track .playhead{height:18px;transition:left 1s linear;top:-7px;bottom:auto}@media (max-width:800px){.studio-app .working{grid-template-columns:1fr}}.studio-app .result{grid-template-columns:1fr 280px;align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding-top:24px;display:grid}.studio-app .stage{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;min-width:0;padding:clamp(12px,2.5vw,32px)}.studio-app .stage .note{margin:0 0 16px}.studio-app .panel{background:var(--panel);border-radius:var(--r-lg);border:1px solid #0000;gap:16px;padding:20px;display:grid;position:sticky;top:88px}.studio-app .panel h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:20px}.studio-app .panel-group{gap:8px;padding-top:16px;display:grid}.studio-app .panel .switch{background:var(--bg);margin:0}.studio-app .panel select{background:var(--bg)}.studio-app .upload-link{color:var(--dim);text-decoration:underline;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim);text-underline-offset:3px;cursor:pointer;width:max-content;font-size:14px;position:relative}.studio-app .upload-link input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.studio-app .upload-link:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.studio-app .range{color:var(--dim);gap:6px;font-size:13px;display:grid}.studio-app .range input{accent-color:var(--accent);background:0 0;border:0;padding:0}.studio-app .player-skeleton{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--raise)}.studio-app .render{gap:8px;display:grid}.studio-app .render .primary{width:100%}.studio-app .render .muted,.studio-app .render .err{font-size:13px}.studio-app .bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.studio-app .bar>*{background:var(--accent);height:100%}@media (max-width:960px){.studio-app .result{grid-template-columns:1fr}.studio-app .panel{position:static}}.studio-app .unlock{background:var(--panel);border-radius:var(--r-lg);animation:lr-rise .4s var(--ease-out) both;border:1px solid #0000;gap:14px;margin:24px 0 0;padding:20px;display:grid}.studio-app .unlock-head{gap:4px;display:grid}.studio-app .unlock-head strong{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.studio-app .unlock-head strong:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.studio-app .unlock .seg{background:var(--bg);width:max-content;max-width:100%}.studio-app .unlock-row{gap:8px;display:flex}.studio-app .unlock-row input{background:var(--bg)}.studio-app .small-note{margin:0;font-size:13px}@media (max-width:520px){.studio-app .unlock-row{flex-direction:column}.studio-app .unlock .seg{width:100%}.studio-app .unlock .seg button{flex:1}}@media (max-width:760px){.studio-app .links{display:none}.studio-app .top{grid-template-columns:auto 1fr auto}.studio-app .steps-rail li:not(.now){display:none}}@media (max-width:600px){.studio-app .top{gap:10px;padding:10px 16px}.studio-app .top-right{gap:8px}.studio-app .top-right .primary,.studio-app .top-right .soft{padding:8px 12px;font-size:13px}.studio-app .top-right .primary,.studio-app .top-right .soft,.studio-app .settings-btn{min-width:44px;min-height:44px}.studio-app .settings-btn{padding:0}.studio-app .settings-btn svg{display:block}.studio-app .settings-btn span{display:none}.studio-app .settings{right:16px}.studio-app .seg-clip{padding:0 6px}.studio-app .gallery-head p{font-size:16px}.studio-app .chip,.studio-app .opt{min-height:44px}.studio-app .beat-tools button{min-width:44px;min-height:44px}}@media (max-width:420px){.studio-app .top{gap:8px;padding:10px 12px}.studio-app .top-left{gap:12px}.studio-app .brand{gap:6px;font-size:16px}.studio-app .top-right{gap:6px}.studio-app .top-right .primary{padding:7px 10px;font-size:12px}}@media (max-width:350px){.studio-app .brand{font-size:15px}.studio-app .top-right .primary{padding:6px 8px}}