@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8c7218c08a268490-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51dc3e8ae5c9e65b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c6c91ee583345af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fraunces Fallback;src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}.__className_5667dc{font-family:Fraunces,Fraunces Fallback;font-style:normal}.__variable_5667dc{--font-fraunces:"Fraunces","Fraunces Fallback"}:root{--font-body:var(--font-inter),"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:var(--font-fraunces),"Fraunces","Iowan Old Style",Georgia,serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--bg:#0b0c0e;--bg-deep:#070809;--raised:#14161a;--raised-2:#1b1e24;--ink:#eceef2;--ink-soft:#a3a9b4;--ink-faint:#737a86;--line:#23262c;--line-strong:#343941;--accent:#e5a95f;--accent-deep:#c1863f;--accent-soft:#241c10;--cool:#86aecd;--ok:#74b193;--danger:#d98d7e;--on-accent:#140e06;--sheen:rgb(255 255 255/0.055);--glow:0 1px 2px rgb(0 0 0/0.4),0 8px 28px -12px rgb(0 0 0/0.6);--glow-lift:0 2px 4px rgb(0 0 0/0.45),0 16px 44px -14px rgb(0 0 0/0.7);--radius:14px;--radius-sm:9px;--ease-out:cubic-bezier(0.22,1,0.36,1);--rail-w:248px;--insp-w:328px;--top-h:56px;--player-h:78px;color-scheme:dark}*{box-sizing:border-box}html{max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh}canvas,img,svg,video{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:560;line-height:1.12;letter-spacing:-.012em;margin:0 0 .5em;text-wrap:balance}p{margin:0 0 1em}a{color:var(--cool);text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--raised);padding:.6rem 1rem;z-index:100;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.eyebrow{font-family:var(--font-body);font-size:.688rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--raised-2);color:var(--ink);padding:.6rem 1.05rem;font-size:.9rem;font-weight:560;cursor:pointer;text-decoration:none;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),transform .18s var(--ease-out)}.btn:hover:not(:disabled){background:var(--line);transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:620}.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--raised-2);color:var(--ink);transform:none}.btn-block{width:100%}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.site{display:flex;flex-direction:column;min-height:100dvh;background-image:radial-gradient(1100px 520px at 78% -12%,var(--accent-soft),transparent 68%);background-repeat:no-repeat}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2.5rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{font-family:var(--font-display);font-size:1.15rem;font-weight:620;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:baseline}.wordmark .six{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav a:not(.btn){color:var(--ink-soft);text-decoration:none;font-size:.875rem;font-weight:520;padding:.45rem .8rem;border-radius:var(--radius-sm);transition:color .18s var(--ease-out),background .18s var(--ease-out)}.site-nav a:not(.btn):hover{color:var(--ink);background:var(--raised)}.site-nav .btn{margin-left:.5rem}.site-main{flex:1 1;width:100%}.wrap{width:min(1180px,calc(100% - 5rem));margin-inline:auto}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;margin-top:5rem;color:var(--ink-faint);font-size:.85rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-gap:3.5rem;gap:3.5rem;align-items:center;padding:6rem 0 4.5rem}.hero-kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:620;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);padding:.35rem .75rem;border-radius:999px;margin-bottom:1.6rem}.hero h1{font-size:clamp(2.5rem,4.2vw,3.7rem);margin-bottom:1.1rem}.hero h1 em{font-style:italic;color:var(--accent)}.hero-lede{font-size:1.08rem;color:var(--ink-soft);max-width:46ch;margin-bottom:2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-frame{display:block;text-decoration:none;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-deep);box-shadow:var(--glow-lift);overflow:hidden;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.hero-frame:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-3px)}.hero-frame img{width:100%;height:auto}.hero-frame-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-bottom:1px solid var(--line);background:var(--raised)}.hero-frame-bar i{width:9px;height:9px;border-radius:999px;background:var(--line-strong);display:block}.hero-frame-bar span{margin-left:auto;font-size:.68rem;color:var(--ink-faint);font-family:var(--font-mono)}.section{padding:4.5rem 0}.section-head{max-width:62ch;margin-bottom:2.5rem}.section-head h2{font-size:clamp(1.7rem,2.6vw,2.25rem)}.section-head p{color:var(--ink-soft);margin:0}.rule{border:0;border-top:1px solid var(--line);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.1rem;gap:1.1rem}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);padding:1.5rem;position:relative;display:flex;flex-direction:column;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--sheen);border-radius:var(--radius) var(--radius) 0 0}.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.card h3{font-size:1.15rem;margin-bottom:.4rem}.card p{color:var(--ink-soft);font-size:.92rem;margin:0}.card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase}.card-meta .dot{width:6px;height:6px;border-radius:999px;background:var(--ok);flex:none}.card-meta .dot.idle{background:var(--line-strong)}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1.1rem}.tag{font-size:.7rem;font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);background:var(--bg-deep);padding:.2rem .5rem;border-radius:5px}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;counter-reset:s;padding:0;margin:0}.steps li{list-style:none;counter-increment:s}.steps li:before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);margin-bottom:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.steps h3{font-size:1rem;margin-bottom:.3rem}.steps p{font-size:.88rem;color:var(--ink-soft);margin:0}.studio{height:100dvh;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--insp-w);grid-template-rows:var(--top-h) minmax(0,1fr) var(--player-h);grid-template-areas:"top    top    top" "rail   main   insp" "player player player";background:var(--bg-deep);overflow:hidden}.studio.is-preview{height:auto;aspect-ratio:16/10.4;grid-template-columns:150px minmax(0,1fr) 168px;grid-template-rows:36px minmax(0,1fr) 48px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.6rem;overflow:hidden}.studio.is-preview .eyebrow{font-size:.48rem}.studio.is-preview .work-body{padding:1rem}.studio.is-preview .insp,.studio.is-preview .rail{padding:.7rem .5rem;gap:.9rem}.studio-top{grid-area:top;display:flex;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--line);background:var(--raised);min-width:0}.studio-top .wordmark{font-size:1rem;flex:none}.studio-search{flex:1 1;max-width:400px;margin-inline:auto;display:flex;align-items:center;gap:.5rem;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.35rem .7rem;color:var(--ink-faint);font-size:.82rem;min-width:0}.studio-search input{flex:1 1;background:transparent;border:0;color:var(--ink);font:inherit;outline:none;min-width:0}.studio-search kbd{font-family:var(--font-mono);font-size:.63rem;border:1px solid var(--line-strong);border-radius:4px;padding:.05rem .3rem;color:var(--ink-faint);flex:none}.studio-account{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--ink-soft);flex:none}.avatar{width:26px;height:26px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:.7rem;font-weight:700;flex:none}.rail{grid-area:rail;border-right:1px solid var(--line);background:var(--raised);overflow-y:auto;padding:1rem .7rem 1.25rem;gap:1.5rem}.rail,.rail-group{display:flex;flex-direction:column}.rail-group{gap:.1rem}.rail-group>.eyebrow{padding:0 .6rem;margin-bottom:.5rem}.rail-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);padding:.48rem .6rem;color:var(--ink-soft);font-size:.875rem;cursor:pointer;transition:background .15s var(--ease-out),color .15s var(--ease-out)}.rail-item:hover{background:var(--raised-2);color:var(--ink)}.rail-item.active{background:var(--accent-soft);color:var(--accent);font-weight:560}.rail-item .glyph{width:16px;text-align:center;opacity:.85;flex:none}.rail-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item .count{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);flex:none}.rail-item.active .count{color:inherit}.rail-foot{margin-top:auto;padding:0 .6rem}.meter-card{border:1px solid var(--line);background:var(--bg-deep);border-radius:var(--radius-sm);padding:.75rem .8rem}.meter-card p{margin:0 0 .55rem;font-size:.76rem;color:var(--ink-soft)}.meter{height:4px;border-radius:999px;background:var(--line);overflow:hidden}.meter i{display:block;height:100%;background:var(--accent);border-radius:inherit}.work{grid-area:main;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;min-width:0}.work-head{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:.8rem 2rem;display:flex;align-items:center;gap:1.5rem;min-height:54px}.work-head h1,.work-head h2{font-size:1.05rem;margin:0}.work-body{padding:2.25rem 2rem 3rem;width:min(760px,100%);margin-inline:auto;flex:1 1}.stepper{list-style:none;margin:0;padding:0}.stepper,.stepper li{display:flex;align-items:center}.stepper .sep{width:18px;height:1px;background:var(--line-strong);flex:none}.step-pill{background:transparent;border:1px solid transparent;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:540;color:var(--ink-faint);cursor:pointer;white-space:nowrap;transition:color .18s var(--ease-out),background .18s var(--ease-out)}.step-pill:disabled{cursor:default}.step-pill.done{color:var(--ink-soft)}.step-pill.done:hover{color:var(--ink);background:var(--raised-2)}.step-pill.current{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.field{margin-bottom:1.75rem}.field-label,.field>label{display:block;font-size:.875rem;font-weight:560;margin-bottom:.5rem;color:var(--ink)}.field .hint{font-size:.82rem;color:var(--ink-faint);margin:0 0 .6rem}input[type=text],select,textarea{width:100%;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font:inherit;padding:.7rem .85rem;transition:border-color .18s var(--ease-out)}textarea{resize:vertical;min-height:7.5rem;line-height:1.65}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea::placeholder{color:var(--ink-faint)}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.chip{border:1px solid var(--line-strong);background:var(--raised);color:var(--ink-soft);border-radius:999px;padding:.34rem .8rem;font-size:.83rem;cursor:pointer;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.chip:hover{border-color:var(--ink-faint);color:var(--ink)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:560}.work-actions{display:flex;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.work-actions .spacer{margin-left:auto}.step-note{font-size:.82rem;color:var(--ink-faint);margin:0}.qcard{border:1px solid var(--line);background:var(--raised);border-radius:var(--radius-sm);padding:1.1rem 1.2rem;margin-bottom:.9rem}.qcard .qnum{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);margin-bottom:.4rem}.qcard p{margin:0 0 .75rem;font-size:.95rem}.qcard textarea{min-height:4.5rem;background:var(--bg-deep)}.qcard.answered{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.sheet{border:1px solid var(--line);background:var(--raised);border-radius:var(--radius);padding:2rem 2.25rem;position:relative}.sheet:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--sheen);border-radius:var(--radius) var(--radius) 0 0}.sheet h2{font-size:1.8rem;margin-bottom:.25rem}.sheet .byline{font-size:.78rem;color:var(--ink-faint);margin-bottom:1.75rem;font-family:var(--font-mono)}.lyrics{font-size:1rem;line-height:1.85;margin:0;color:var(--ink)}.lyrics .meta-tag{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:1.5rem 0 .45rem}.lyrics .meta-tag:first-child{margin-top:0}.lyrics .line{display:block}.lyrics .blank{display:block;height:.6rem}.render-panel{border:1px solid var(--line);background:var(--raised);border-radius:var(--radius);padding:1.75rem;text-align:center}.render-panel .eyebrow{margin-bottom:.85rem}.progress-track{height:5px;background:var(--line);border-radius:999px;overflow:hidden;margin:1.25rem 0 .75rem}.progress-fill{height:100%;background:var(--accent);border-radius:inherit;transform-origin:left center;transition:transform .4s linear}.render-status{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.take-row{display:flex;align-items:center;gap:.9rem;border:1px solid var(--line);background:var(--raised);border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:.6rem}.take-row.playing{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.take-row .n{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);width:3.4rem;flex:none}.take-row .title{font-weight:560;font-size:.92rem}.take-row .sub{font-size:.77rem;color:var(--ink-faint)}.take-row .right{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex:none}.lock-note{display:flex;gap:.8rem;align-items:flex-start;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:var(--accent-soft);border-radius:var(--radius-sm);padding:.95rem 1.05rem;font-size:.86rem;color:var(--ink-soft);margin-top:1.25rem}.lock-note strong{color:var(--ink);font-weight:600}.lock-note p{margin:0}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-gap:1rem;gap:1rem}.tile{border:1px solid var(--line);background:var(--raised);border-radius:var(--radius-sm);padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:border-color .18s var(--ease-out),transform .18s var(--ease-out)}.tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tile-art{aspect-ratio:1;display:grid;place-items:center;font-size:1.5rem;color:var(--accent);background:var(--bg-deep);border-bottom:1px solid var(--line)}.tile-body{padding:.7rem .8rem .85rem;display:flex;flex-direction:column;gap:.1rem;min-width:0}.tile-body .t{font-size:.86rem;font-weight:560}.tile-body .s,.tile-body .t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-body .s{font-size:.73rem;color:var(--ink-faint);font-family:var(--font-mono)}.empty-note{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:2.5rem;text-align:center;color:var(--ink-faint);font-size:.9rem}.insp{grid-area:insp;border-left:1px solid var(--line);background:var(--raised);overflow-y:auto;padding:1.15rem 1.15rem 1.4rem;gap:1.4rem;min-width:0}.insp,.insp-block{display:flex;flex-direction:column}.insp-block{gap:.8rem}.insp-block>.eyebrow{padding-bottom:.6rem;border-bottom:1px solid var(--line);margin:0}.insp-row{display:flex;flex-direction:column;gap:.35rem}.insp-row>.k{font-size:.78rem;color:var(--ink-soft);display:flex;justify-content:space-between;gap:1rem}.insp-row select{padding:.45rem .6rem;font-size:.85rem;background:var(--bg-deep)}.insp-row .val{color:var(--ink);font-family:var(--font-mono);font-size:.74rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--line);border-radius:999px;outline:none;margin:.35rem 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:var(--accent);cursor:pointer;border:0}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--accent);cursor:pointer;border:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--ink-soft)}.switch{width:36px;height:20px;border-radius:999px;background:var(--line-strong);border:0;padding:2px;cursor:pointer;display:flex;flex:none;transition:background .18s var(--ease-out)}.switch i{width:16px;height:16px;border-radius:999px;background:var(--ink-soft);transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.switch.on{background:var(--accent)}.switch.on i{transform:translateX(16px);background:var(--on-accent)}.insp-stat{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--ink-soft)}.insp-stat b{color:var(--ink);font-weight:560;font-family:var(--font-mono);font-size:.77rem}.insp-foot{margin-top:auto;display:flex;flex-direction:column;gap:.6rem}.cost-note{font-size:.72rem;color:var(--ink-faint);text-align:center;margin:0;line-height:1.5}.player{grid-area:player;border-top:1px solid var(--line);background:var(--raised);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;grid-gap:1.5rem;gap:1.5rem;padding:0 1.25rem}.now-playing{display:flex;align-items:center;gap:.75rem;min-width:0}.now-art{width:44px;height:44px;border-radius:7px;background:var(--bg-deep);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);flex:none}.now-text{min-width:0}.now-text .t{font-size:.86rem;font-weight:560}.now-text .s,.now-text .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-text .s{font-size:.74rem;color:var(--ink-faint)}.transport{flex-direction:column;gap:.3rem;min-width:0;width:100%}.transport,.transport-btns{display:flex;align-items:center}.transport-btns{gap:.4rem}.tbtn{background:transparent;border:0;color:var(--ink-soft);width:30px;height:30px;border-radius:999px;display:grid;place-items:center;cursor:pointer;transition:color .15s var(--ease-out),background .15s var(--ease-out)}.tbtn:hover:not(:disabled){color:var(--ink);background:var(--raised-2)}.tbtn:disabled{opacity:.35;cursor:not-allowed}.tbtn.play{width:32px;height:32px;background:var(--accent);color:var(--on-accent)}.tbtn.play:hover:not(:disabled){background:var(--accent-deep);color:var(--on-accent)}.scrub-row{display:flex;align-items:center;gap:.65rem;width:100%;font-family:var(--font-mono);font-size:.67rem;color:var(--ink-faint)}.scrub-row .clock{flex:none;width:2.6rem}.scrub-row .clock.right{text-align:right}.scrub{position:relative;flex:1 1;height:14px;display:flex;align-items:center;cursor:pointer;min-width:0}.scrub-track{position:absolute;inset-inline:0;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.scrub-buffer,.scrub-fill{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;will-change:transform}.scrub-buffer{background:var(--line-strong)}.scrub-fill,.scrub-head{background:var(--accent)}.scrub-head{position:absolute;top:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:999px;transform:translateY(-50%) scale(0);transition:transform .15s var(--ease-out);pointer-events:none}.scrub:focus-visible .scrub-head,.scrub:hover .scrub-head{transform:translateY(-50%) scale(1)}.scrub-cap{position:absolute;top:1px;bottom:1px;width:1px;background:var(--accent);opacity:.5;pointer-events:none}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-width:0}.pill{font-family:var(--font-mono);font-size:.63rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:999px;padding:.2rem .55rem;color:var(--ink-faint);white-space:nowrap}.pill.warn{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:var(--accent-soft)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 34%,transparent)}.proto-note{position:fixed;bottom:calc(var(--player-h) + .85rem);left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:.65rem;background:var(--raised-2);border:1px solid var(--line-strong);border-radius:999px;padding:.4rem .5rem .4rem .95rem;font-size:.78rem;color:var(--ink-soft);box-shadow:var(--glow-lift);max-width:calc(100% - 2rem)}.proto-note button{background:transparent;border:0;color:var(--ink-faint);cursor:pointer;width:22px;height:22px;border-radius:999px;line-height:1;flex:none}.proto-note button:hover{color:var(--ink);background:var(--line)}@media (max-width:1100px){.studio{height:auto;min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--top-h) auto auto auto var(--player-h);grid-template-areas:"top" "main" "insp" "rail" "player";overflow:visible}.insp,.rail{border:0;border-top:1px solid var(--line)}.insp,.rail,.work{overflow:visible}.player{position:-webkit-sticky;position:sticky;bottom:0;z-index:30}.hero{grid-template-columns:minmax(0,1fr);gap:3rem;padding-top:4rem}.steps{grid-template-columns:repeat(2,1fr)}.wrap{width:min(1180px,calc(100% - 2.5rem))}.site-header{padding-inline:1.25rem}}@media (max-width:700px){.player{grid-template-columns:minmax(0,1fr);gap:.5rem;padding-block:.5rem}.now-playing,.player-right{display:none}.steps{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}