:root{--bg:#0b0d13;--panel:#13161c;--panel-2:#11141a;--panel-3:#0e1016;--raised:#171b21;--line:#21242b;--line-soft:#1c1f26;--line-hard:#2c3039;--ink:#e5e8ed;--ink-2:#9b9ea6;--ink-3:#6e7279;--ink-4:#55585f;--hue:195;--cyan:195;--amber:80;--violet:300;--green:150;--red:25;--accent:oklch(.8 .14 var(--cyan));--accent-ink:oklch(.18 .04 var(--cyan));--radius:10px;--radius-sm:8px;--radius-lg:14px;--sans:Archivo, "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--ease:cubic-bezier(.22, .7, .3, 1);--t:.16s var(--ease);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--bg:lab(3.66055% -.0193194 -3.00652);--panel:lab(7.16193% -.0707507 -4.75201);--panel-2:lab(6.13688% -.0521317 -4.51255);--panel-3:lab(4.79022% -.0271127 -3.89277);--raised:lab(9.44586% -.0880882 -5.17764);--line:lab(14.0883% -.130877 -5.19505);--line-soft:lab(11.7672% -.111312 -5.18694);--line-hard:lab(19.8787% -.160635 -5.94191);--ink:lab(91.8454% -.184864 -3.023);--ink-2:lab(65.1463% -.246704 -4.51732);--ink-3:lab(47.7453% -.229836 -4.50829);--ink-4:lab(37.3044% -.214353 -4.50028)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13.5px;line-height:1.45}input,button,textarea,select{font:inherit;color:inherit}::selection{background:oklch(.78 .14 var(--cyan) / .3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#2a2e36;background:lab(18.7242% -.158131 -5.57374);border-radius:8px}@keyframes sweep{0%{left:0%}to{left:100%}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mono{font-family:var(--mono);font-size:.92em}.faint{color:var(--ink-3)}.tiny{font-size:10.5px}.hint{color:var(--ink-4);text-wrap:pretty;font-size:11.5px}.spacer{flex:1;min-width:0}.hidden{display:none}.good{color:oklch(.76 .13 var(--green))}.warn{color:oklch(.8 .13 var(--amber))}.bad{color:oklch(.74 .13 var(--red))}.cyan{color:oklch(.8 .12 var(--cyan))}.amber{color:oklch(.82 .12 var(--amber))}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}button{border:1px solid var(--line-hard);border-radius:var(--radius-sm);background:var(--raised);height:30px;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:transform var(--t), background var(--t), border-color var(--t), color var(--t);padding:0 12px;font-size:12.5px}button:hover:not(:disabled){color:var(--ink);border-color:oklch(.4 .03 var(--hue))}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.42;cursor:not-allowed}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:.7s linear infinite spin}button:has(>.spinner){align-items:center;gap:7px;display:inline-flex}.ic{vertical-align:-.16em;flex:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid oklch(.7 .12 var(--cyan));outline-offset:1px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){background:oklch(.86 .14 var(--cyan));color:var(--accent-ink)}button.on{background:oklch(.32 .06 var(--cyan));border-color:oklch(.62 .11 var(--cyan));color:oklch(.93 .09 var(--cyan))}button.on:hover:not(:disabled){border-color:oklch(.74 .13 var(--cyan));color:oklch(.97 .06 var(--cyan))}button.big{border-radius:9px;height:38px;padding:0 18px;font-size:13.5px}button.block,button.wide{justify-content:center;align-items:center;gap:7px;width:100%;height:34px;display:flex}button.danger:hover:not(:disabled){color:oklch(.86 .1 var(--red));border-color:oklch(.42 .07 var(--red))}.exit-button{justify-content:center;align-items:center;min-width:88px;display:inline-flex}button.violet{border-color:oklch(.33 .05 var(--violet));background:oklch(.23 .03 var(--violet));color:oklch(.85 .09 var(--violet))}button.violet:hover:not(:disabled){background:oklch(.27 .04 var(--violet));border-color:oklch(.4 .06 var(--violet));color:oklch(.9 .1 var(--violet))}button.violet.selected{border-color:oklch(.55 .09 var(--violet));background:oklch(.42 .09 var(--violet));color:oklch(.95 .04 var(--violet))}button.violet.selected:hover:not(:disabled){background:oklch(.47 .1 var(--violet));border-color:oklch(.62 .11 var(--violet))}button.amber-button{background:oklch(.82 .13 var(--amber));color:oklch(.2 .05 var(--amber));border-color:#0000;font-weight:600}button.hue-button{border-color:oklch(.36 .06 var(--hue));background:oklch(.24 .03 var(--hue));color:oklch(.86 .11 var(--hue));transition:background .28s,border-color .28s,color .28s}button.link,.link{height:auto;color:oklch(.72 .1 var(--cyan));background:0 0;border:none;padding:0;font-size:12.5px}button.link:hover{color:oklch(.88 .12 var(--cyan));border-color:#0000}button.icon{border-color:var(--line);background:0 0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:11px;display:flex}.plus{font-size:15px;line-height:1}.input-shell{border:1px solid var(--line-hard);border-radius:var(--radius);min-width:0;height:48px;transition:border-color var(--t);background:#15181f;background:lab(8.28509% -.074774 -5.17245);flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.input-shell:focus-within{border-color:oklch(.5 .09 var(--hue))}.input-shell input{min-width:40px;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.input-shell.accent{border-color:oklch(.34 .045 var(--cyan))}.input-shell.small{border-color:var(--line);border-radius:var(--radius-sm);background:#13161c;background:lab(7.16193% -.0707507 -4.75201);flex:none;gap:8px;width:260px;height:32px;padding:0 11px;font-size:12.5px}.input-shell.hue{border-color:oklch(.3 .035 var(--hue));height:44px;transition:border-color .28s}.caret{color:oklch(.74 .12 var(--hue));transition:color .28s}label.field{color:var(--ink-3);align-items:center;gap:7px;font-size:11.5px;display:flex}label.field input,label.field select{border:1px solid var(--line);min-width:0;height:28px;color:var(--ink);background:#0d0f15;background:lab(4.39411% -.0330284 -3.37467);border-radius:6px;padding:0 8px;font-size:12px}label.field.tight input{width:56px}label.field input[type=text],label.field input[type=password]{flex:1}label.toggle{color:var(--ink-2);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}label.toggle input{accent-color:oklch(.75 .13 var(--cyan))}input[type=range]{width:100%;accent-color:oklch(.8 .14 var(--cyan))}.topbar{background:#0f1217;background:lab(5.21456% -.0350624 -4.10737);border-bottom:1px solid #1e2229;border-bottom:1px solid lab(12.9278% -.121474 -5.19114);flex:none;align-items:center;gap:16px;height:50px;padding:0 18px;display:flex}.brand{height:auto;font-family:var(--mono);letter-spacing:-.02em;color:oklch(.82 .14 var(--cyan));background:0 0;border:none;padding:0;font-size:15px;font-weight:700}.brand:hover{color:oklch(.9 .14 var(--cyan));border-color:#0000}.segmented{background:var(--raised);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.segmented button{height:26px;color:var(--ink-3);background:0 0;border:none;border-radius:6px;padding:0 14px;font-size:13px;font-weight:500}.segmented button.selected{background:oklch(.3 .035 var(--cyan));color:oklch(.92 .06 var(--cyan))}.segmented.small{border:1px solid var(--line);background:#101319;background:lab(5.66322% -.0433996 -4.32559);border-radius:9px}.segmented.small button{border-radius:7px;font-size:12px}.segmented.small button.selected.cyan{background:oklch(.28 .035 var(--cyan));color:oklch(.9 .07 var(--cyan))}.segmented.small button.selected.amber{background:oklch(.28 .035 var(--amber));color:oklch(.9 .07 var(--amber))}.segmented.small button.selected.violet{background:oklch(.28 .035 var(--violet));color:oklch(.9 .07 var(--violet))}.segmented.small button.selected.green{background:oklch(.28 .035 var(--green));color:oklch(.9 .07 var(--green))}.pill{border-radius:var(--radius-sm);align-items:center;gap:8px;height:29px;padding:0 11px;font-size:11.5px;display:flex}.pill-ok{border-color:oklch(.36 .06 var(--green));background:oklch(.24 .04 var(--green));color:oklch(.82 .13 var(--green))}.pill-warn{border-color:oklch(.36 .06 var(--amber));background:oklch(.24 .04 var(--amber));color:oklch(.84 .12 var(--amber))}.pill-bad{border-color:oklch(.34 .05 var(--red));background:oklch(.23 .03 var(--red));color:oklch(.7 .1 var(--red))}.pill:hover:not(:disabled){color:inherit;filter:brightness(1.15)}.repo-group{border-radius:var(--radius-sm);border:1px solid #2a2e35;border:1px solid lab(18.7301% -.162005 -5.20847);align-items:stretch;height:29px;display:flex;overflow:hidden}.repo-group>a{color:var(--ink-2);background:var(--raised);align-items:center;gap:6px;padding:0 10px;font-size:11.5px;text-decoration:none;display:flex}.repo-group>a:hover{color:var(--ink);background:#20242b;background:lab(14.0822% -.122279 -5.55865)}.repo-star{white-space:nowrap;border-left:1px solid #2a2e35;border-left:1px solid lab(18.7301% -.162005 -5.20847)}.repo-star:hover{color:oklch(.84 .12 var(--amber))!important}@media (max-width:900px){.repo-link span{display:none}}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px}.dot-breathing{animation:2.6s ease-in-out infinite breathe}.dot-ok{color:oklch(.8 .13 var(--green))}.dot-bad{color:oklch(.72 .11 var(--red))}.lang{flex:none;position:relative}.lang-button{border-radius:var(--radius-sm);height:29px;color:var(--ink-3);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 9px;display:flex}.lang-button:hover,.lang-button.selected{border-color:var(--line-hard);background:var(--raised);color:var(--ink-1)}.globe{opacity:.85;flex:none}.lang-code{letter-spacing:.04em;font-size:11px}.lang-menu{min-width:160px;top:37px;left:auto;right:0}.lang-menu .menu-item{font-family:inherit;font-size:13px}.screen{flex:1;min-height:0}.screen-gallery,.screen-share{overflow-y:auto}.screen-studio,.screen-render{display:flex}.wrap{max-width:1060px;margin:0 auto}.hero{background:radial-gradient(1000px 200px at 20% -50%, oklch(.31 .06 var(--cyan) / .5), transparent 70%);padding:32px 26px 20px}.hero h1{letter-spacing:-.02em;margin:0 0 5px;font-size:22px;font-weight:600}.lede{color:var(--ink-3);text-wrap:pretty;max-width:520px;margin:0 0 18px;font-size:13.5px}.hero-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fs-button{border-color:oklch(.34 .05 var(--green));background:oklch(.23 .03 var(--green));height:42px;color:oklch(.84 .1 var(--green));white-space:nowrap;align-items:center;gap:8px;padding:0 15px;font-size:13px;display:flex}.fs-button:hover:not(:disabled){border-color:oklch(.44 .08 var(--green));background:oklch(.27 .04 var(--green))}.fs-help{border:1px solid var(--line);width:20px;height:20px;color:var(--ink-4);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.fs-help:hover,.fs-help:focus-visible{border-color:oklch(.44 .08 var(--green));color:oklch(.84 .1 var(--green))}.fs-connect,.fs-connected{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.fs-connect p{flex-basis:100%;margin:0}.fs-connected .ok{color:oklch(.8 .12 var(--green))}.fs-connected .link{color:var(--ink-4)}.fs-connected .link:hover{color:oklch(.8 .1 var(--red))}.fs-block{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.fs-head{flex-wrap:wrap;align-items:baseline;gap:11px;margin-bottom:12px;display:flex}.fs-head h2{color:oklch(.82 .09 var(--green));margin:0;font-size:14px;font-weight:600}.hero-search{border-radius:var(--radius-lg);max-width:640px;height:56px;padding:0 18px;font-size:16px}.hero-search input{font-size:16px}.hero-search .faint{font-size:19px}.onboard{border:1px solid oklch(.26 .02 var(--cyan));border-radius:var(--radius);background:#10141b;background:lab(6.11948% .00287592 -5.5855);flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:11px 14px;display:flex}.onboard-step{color:var(--ink-2);white-space:nowrap;align-items:center;gap:9px;font-size:12.5px;display:flex}.step-n{background:oklch(.28 .05 var(--cyan));width:19px;height:19px;color:oklch(.85 .12 var(--cyan));font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.catalog{padding:12px 26px 42px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;display:flex}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line);height:26px;color:var(--ink-3);font-family:var(--mono);background:0 0;border-radius:7px;padding:0 11px;font-size:11.5px}.chip.selected{border-color:oklch(.42 .07 var(--cyan));background:oklch(.26 .04 var(--cyan));color:oklch(.86 .1 var(--cyan))}.cat-chip{color:oklch(.68 .055 var(--hue))}.cat-chip.selected{border-color:oklch(.45 .09 var(--hue));background:oklch(.27 .05 var(--hue));color:oklch(.88 .1 var(--hue))}.chip-star{color:oklch(.7 .06 var(--amber));border-color:#1e2229;border-color:lab(12.9278% -.121474 -5.19114)}.chip-star.selected,.chip-amber.selected{border-color:oklch(.4 .06 var(--amber));background:oklch(.26 .035 var(--amber));color:oklch(.88 .1 var(--amber))}.chip-recording,button.chip-recording{border-color:oklch(.45 .09 var(--red));background:oklch(.27 .05 var(--red));color:oklch(.88 .11 var(--red));animation:1.8s ease-in-out infinite breathe}.chip-cyan{border-color:oklch(.32 .05 var(--cyan));background:oklch(.23 .03 var(--cyan));color:oklch(.84 .11 var(--cyan))}.chip-amber,.chip-green{border-color:#23262d;border-color:lab(15.2488% -.139549 -5.19872)}.chip-green.selected{border-color:oklch(.4 .06 var(--green));background:oklch(.26 .035 var(--green));color:oklch(.88 .1 var(--green))}.grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:12px;display:grid}.empty{border-radius:var(--radius-lg);border:1px dashed #252930;border:1px dashed lab(16.4033% -.141516 -5.56665);flex-direction:column;align-items:center;gap:13px;padding:64px 20px;display:flex}.empty p{color:var(--ink-2);text-align:center;text-wrap:pretty;margin:0;font-size:14px}.card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:100%;padding:13px 14px 12px;animation:.28s both rise;display:flex;position:relative;overflow:hidden}.card:hover{border-color:oklch(.44 .08 var(--hue));background:#171b23;background:lab(9.42574% -.0338778 -6.25964)}.card.menu-open{overflow:visible}.card-head{align-items:center;gap:8px;margin-bottom:11px;display:flex}.card-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.cat{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:oklch(.76 .11 var(--hue));font-size:10.5px;font-weight:700}.star{height:auto;color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.star:hover:not(:disabled){color:oklch(.85 .13 var(--amber));border:none}.star.on,.star.on:hover:not(:disabled){color:oklch(.85 .13 var(--amber))}.star-button.on{border-color:oklch(.42 .07 var(--amber));color:oklch(.88 .11 var(--amber))}.card-body{align-items:center;gap:11px;display:flex}.play-round{border:1px solid oklch(.4 .07 var(--hue));background:oklch(.26 .035 var(--hue));width:34px;height:34px;color:oklch(.86 .12 var(--hue));cursor:pointer;transition:transform var(--t), background var(--t);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex}.play-round:hover:not(:disabled){background:oklch(.32 .05 var(--hue));border-color:oklch(.4 .07 var(--hue));color:oklch(.86 .12 var(--hue))}.play-round:active:not(:disabled){transform:scale(.94)}.card-prompt{min-width:0;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:12px;line-height:1.45;overflow:hidden}.card-actions{align-items:center;gap:9px;margin-top:auto;padding-top:10px;display:flex}.card-open{border-color:oklch(.4 .07 var(--hue));height:28px;color:oklch(.86 .12 var(--hue));background:0 0;flex:none;padding:0 14px;font-size:12px;font-weight:500}.card-open:hover:not(:disabled){background:oklch(.3 .045 var(--hue));border-color:oklch(.5 .09 var(--hue));color:oklch(.92 .11 var(--hue))}.card-edited{color:var(--ink-4);white-space:nowrap;flex:none;font-size:10.5px}.icon-menu{flex:none;position:relative}.icon-download{border-color:oklch(.4 .07 var(--hue));width:28px;height:28px;color:oklch(.86 .12 var(--hue));background:0 0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.icon-download:hover:not(:disabled){background:oklch(.3 .045 var(--hue));border-color:oklch(.5 .09 var(--hue));color:oklch(.92 .11 var(--hue))}.icon-download[aria-expanded=true]{background:oklch(.3 .045 var(--hue));border-color:oklch(.5 .09 var(--hue))}.bars{min-width:0;height:44px;color:oklch(.72 .12 var(--cyan));flex:1;align-items:center;gap:1.5px;display:flex;position:relative}.bars i{opacity:.75;background:currentColor;border-radius:1px;flex:1;min-width:1px;transition:height .12s linear}.bars-muted{opacity:.35}.bars-head{background:oklch(.94 .09 var(--cyan));width:2px;box-shadow:0 0 12px oklch(.85 .14 var(--cyan));animation:linear forwards sweep;position:absolute;top:0;bottom:0}.bars-head-loop{animation-iteration-count:infinite;animation-fill-mode:none}.bars-card{height:44px}.bars-master{background:linear-gradient(oklch(.18 .02 var(--cyan) / .55), oklch(.18 .02 var(--violet) / .3));border-radius:9px;gap:1px;height:130px;padding:0 2px}.bars-master i{opacity:.85}.bars-lane{gap:1px;height:26px}.bars-ghost{color:#333843;color:lab(23.3358% -.155941 -7.40867);flex:none;width:120px;height:36px}.bars-share{height:58px}.bars-card-share{height:66px;color:oklch(.86 .13 var(--cyan));margin:18px 0}.bars-card-share i{opacity:1}.rail{background:var(--panel-3);border-right:1px solid #1e2229;border-right:1px solid lab(12.9278% -.121474 -5.19114);flex-direction:column;flex:0 0 194px;min-height:0;display:flex}.rail-top{flex:none;padding:10px 8px 4px}.rail-tabs{flex:none;gap:2px;padding:6px 8px 4px;display:flex}.rail-tabs button{height:26px;color:var(--ink-3);background:0 0;border:none;border-radius:6px;flex:1;padding:0 4px;font-size:11.5px;font-weight:500}.rail-tabs button.selected{background:oklch(.27 .03 var(--cyan));color:oklch(.9 .06 var(--cyan))}.rail-list{flex-direction:column;flex:1;gap:12px;padding:6px 8px 12px;display:flex;overflow-y:auto}.rail-group{flex-direction:column;gap:1px;display:flex}.rail-group-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:7px;margin-bottom:3px;padding:7px 9px 8px;display:flex}.rail-group-label{letter-spacing:.12em;text-transform:uppercase;color:oklch(.75 .1 var(--hue));font-size:10.5px;font-weight:700}.rail-empty{color:var(--ink-4);margin:0;padding:2px 9px 6px;font-size:11.5px}.rail-row{cursor:pointer;width:100%;font-family:var(--mono);white-space:nowrap;color:oklch(.74 .06 var(--hue));transition:background var(--t), color var(--t);border-radius:7px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.rail-row:hover{background:#171b22;background:lab(9.43262% -.0548959 -5.89982)}.rail-row.selected{background:oklch(.26 .04 var(--hue));color:oklch(.93 .09 var(--hue))}.rail-play{color:var(--ink-3);opacity:.7;cursor:pointer;transition:opacity var(--t), color var(--t);flex:0 0 13px;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.rail-row:hover .rail-play,.rail-play:focus-visible{opacity:1;color:oklch(.88 .13 var(--hue))}.rail-play.playing{opacity:1;color:oklch(.9 .13 var(--hue))}.rail-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dirty{color:oklch(.8 .13 var(--amber));font-size:9px}.rail-meta{opacity:.6;font-size:10px}.rail-act{color:var(--ink-4);cursor:pointer;opacity:.7;transition:opacity var(--t), color var(--t);flex:none;padding:0 1px;font-size:11px}.rail-row:hover .rail-act,.rail-act:focus-visible{opacity:1;color:var(--ink-2)}.rail-act.on,.rail-row:hover .rail-act.on{opacity:1;color:oklch(.85 .13 var(--amber))}.studio-main,.render-main{flex:1;min-width:0;padding:18px 22px 64px;overflow-y:auto}.column{flex-direction:column;gap:13px;max-width:880px;margin:0 auto;display:flex}.prompt-row .input-shell{align-items:flex-start;gap:10px;height:auto;min-height:44px;padding:7px 12px 7px 14px}.prompt-row .caret,.prompt-row .prompt-count{align-items:center;height:30px;display:flex}.prompt-row .chip-hue{height:30px}.prompt-row .chip-hue.gear{width:30px}.prompt-text{resize:none;min-width:40px;height:30px;max-height:148px;color:var(--ink);line-height:1.45;font-size:inherit;overflow-wrap:anywhere;background:0 0;border:none;outline:none;flex:1;padding:6px 0 0;overflow-y:auto}.prompt-count{font-variant-numeric:tabular-nums;color:var(--ink-4);cursor:default;flex:none;font-size:11px}.prompt-count.warn{color:oklch(.8 .13 var(--amber))}.chip-hue{border:1px solid oklch(.32 .04 var(--hue));background:oklch(.24 .025 var(--hue));height:27px;color:oklch(.85 .09 var(--hue));font-family:var(--mono);border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;display:flex}.chip-hue.warn{border-color:oklch(.42 .09 var(--amber));background:oklch(.24 .04 var(--amber));color:oklch(.84 .12 var(--amber))}.chip-hue.gear{justify-content:center;width:27px;padding:0;position:relative}.chip-hue.gear .warn-dot{position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #15181f;box-shadow:0 0 0 2px lab(8.28509% -.074774 -5.17245)}.caret-down{opacity:.7;font-size:8px}.warn-dot{background:oklch(.8 .13 var(--amber));border-radius:50%;width:6px;height:6px}.dialog-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 0 16px;display:flex}.dialog-section.bare{border-bottom:none;margin-bottom:0;padding-bottom:0}.views{flex-wrap:wrap;align-items:center;gap:10px;margin:-2px 0;display:flex}.prompt-row{z-index:5;position:relative}.share-main{z-index:2;position:relative}.card-panel{z-index:4;background:var(--panel);border:1px solid #23262e;border:1px solid lab(15.2427% -.132263 -5.56278);border-radius:13px;padding:16px 18px 15px;position:relative}.card-panel-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.card-panel-head h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500}.card-panel-head .cat{font-size:11px}.render-panel{--hue:var(--amber)}.render-panel .card-panel-head h2{color:oklch(.84 .1 var(--amber));font-family:var(--mono);font-size:15px}.strip{animation:rise .26s var(--ease) both;align-items:center;gap:10px;display:flex}.strip-label{letter-spacing:.05em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex:0 0 76px;font-size:11.5px;overflow:hidden}.strip-meta{text-align:right;color:var(--ink-3);white-space:nowrap;flex:0 0 96px;font-size:10.5px}.lanes{animation:rise .3s var(--ease) both;flex-direction:column;gap:6px;margin-top:10px;display:flex}.transport{z-index:10;animation:rise .34s var(--ease) both;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;display:flex;position:relative}.split{position:relative}.split-body{border:1px solid var(--line-hard);background:var(--raised);border-radius:9px;align-items:stretch;height:38px;display:flex;overflow:hidden}.split-main,.split-toggle{background:0 0;border:none;border-radius:0;height:100%}.split-main{align-items:center;gap:8px;padding:0 13px;font-size:13px;display:flex}.split-main:hover:not(:disabled){background:oklch(.26 .022 var(--cyan))}.split-format{color:oklch(.82 .11 var(--cyan));font-size:11px}.split-size{color:var(--ink-4);font-size:10.5px}.split-toggle{border-left:1px solid var(--line-hard);width:25px;padding:0;font-size:9px}.split-toggle:hover:not(:disabled){background:oklch(.26 .022 var(--cyan))}.split.amber .split-format{color:oklch(.84 .11 var(--amber))}.split.amber .split-main:hover:not(:disabled),.split.amber .split-toggle:hover:not(:disabled){background:oklch(.26 .022 var(--amber))}.split.green .split-format{color:oklch(.84 .11 var(--green))}.split.green .split-main:hover:not(:disabled),.split.green .split-toggle:hover:not(:disabled){background:oklch(.26 .022 var(--green))}.split.compact .split-body{height:28px}.split.compact .split-main{gap:6px;padding:0 9px;font-size:11.5px}.split.compact .split-format{font-size:10px}.split.compact .menu{top:33px;left:auto;right:0}.menu{z-index:30;border-radius:var(--radius);background:#161920;background:lab(8.86548% -.0815839 -5.17509);border:1px solid #2f333b;border:1px solid lab(21.0392% -.168636 -5.94534);flex-direction:column;gap:1px;min-width:224px;padding:5px;animation:.14s both rise;display:flex;position:absolute;top:43px;left:0;box-shadow:0 16px 36px #00000080}.menu-up{min-width:196px;inset:auto 0 33px auto}.menu-item{text-align:left;height:30px;font-family:var(--mono);color:var(--ink-2);background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:11.5px;display:flex}.menu-item:hover{background:#1d222b;background:lab(12.8881% -.0225306 -7.35811)}.menu-right{color:var(--ink-4);white-space:pre;flex:none;font-size:10.5px}.menu-item.selected .menu-right{color:inherit}.menu-item.selected{background:oklch(.27 .035 var(--cyan));color:oklch(.9 .08 var(--cyan))}.run{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;overflow:hidden}.run.running{border-color:oklch(.36 .05 var(--cyan))}.run-head{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:9px;width:100%;height:34px;padding:0 12px;display:flex}.run-head:hover{background:#15181f;background:lab(8.27844% -.0576153 -5.53337);border-color:#0000}.run-dot{background:var(--ink-4);border-radius:50%;flex:none;width:8px;height:8px}.run-dot.spinning{border:2px solid oklch(.7 .12 var(--cyan));background:0 0;border-top-color:#0000;animation:.7s linear infinite spin}.run-line{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.run-log{border-top:1px solid var(--line-soft);background:var(--panel-3);max-height:176px;padding:4px 12px 10px;overflow-y:auto}.run-log-line{font-family:var(--mono);color:var(--ink-2);font-size:11.5px;line-height:1.7}.run-log-line.live{color:oklch(.82 .11 var(--cyan))}.run-log-line.bad{color:oklch(.76 .13 var(--red))}.run-note{color:var(--ink-3);text-wrap:pretty;margin-top:4px;font-size:12px;line-height:1.5}.fit-preview{border-top:1px solid var(--line-soft);background:oklch(.2 .018 var(--violet));align-items:center;gap:10px;padding:9px 12px;display:flex}.fit-preview-bar{color:var(--ink-2);align-items:center;gap:8px;font-size:11.5px;display:flex}.fit-preview-canvas{background:#090b10;background:lab(3.01347% -.00704825 -2.65963);border-radius:6px;flex:1;min-width:0;height:44px}.panel{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:8px 12px;display:flex}.panel-head button{height:26px;font-size:11.5px}.panel-title{letter-spacing:.1em;color:var(--ink-3);font-size:10.5px}.panel-body{flex-direction:column;gap:13px;padding:13px 15px;display:flex}.panel-foot{border-top:1px solid var(--line-soft);background:var(--panel-3);gap:10px;padding:10px 14px;display:flex}.panel-foot-text{color:var(--ink-2);text-wrap:pretty;font-size:12px;line-height:1.5}.pair{grid-template-columns:1fr 1fr;align-items:start;gap:13px;display:grid}.studio-composing{flex-direction:column;gap:13px;display:flex}.skeleton{border:1px solid var(--line);background:linear-gradient(100deg,#111419 0%,#171b21 45%,#111419 90%) 100% 0/260% 100%;background:linear-gradient(100deg,lab(6.14235% -.0647605 -4.15282) 0%,lab(9.44586% -.0880882 -5.17764) 45%,lab(6.14235% -.0647605 -4.15282) 90%) 100% 0/260% 100%;border-radius:13px}.skeleton-panel{height:236px}.skeleton-card{height:168px}.pulsing{animation:1.5s ease-in-out infinite drift}@keyframes drift{to{background-position:0 0}}@media (max-width:780px){.pair{grid-template-columns:1fr}}.more{border-top:1px solid var(--line-soft);background:var(--panel-3);padding:8px 14px 12px}.more summary{cursor:pointer;color:var(--ink-4);font-size:11px}.more ul{margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.6}.teach{color:var(--ink-3);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.55}.teach code{font-family:var(--mono);color:oklch(.78 .1 var(--cyan));font-size:11.5px}.code-block{border:1px solid var(--line-soft);border-radius:var(--radius-sm);max-height:168px;font-family:var(--mono);color:#bdd0c0;color:lab(81.841% -8.87573 5.66335);white-space:pre-wrap;word-break:break-all;background:#090b10;background:lab(3.01347% -.00704825 -2.65963);margin:0;padding:11px 12px;font-size:11px;line-height:1.6;overflow:auto}.sliders{flex-direction:column;gap:14px;display:flex}.slider{flex-direction:column;gap:5px;display:flex}.slider-head{align-items:baseline;gap:8px;display:flex}.slider-label{color:var(--ink-2);font-size:11.5px}.slider-value{color:oklch(.82 .11 var(--cyan));font-size:11.5px}.slider-range{color:var(--ink-4);font-size:10px}.masters{border-bottom:1px solid var(--line-soft);gap:10px;margin-bottom:14px;padding-bottom:14px}.masters .slider-label{color:var(--ink-3)}.budget{align-items:center;gap:10px;display:flex}.budget-track{background:var(--line);border-radius:3px;flex:1;height:5px;overflow:hidden}.budget-fill{background:oklch(.76 .14 var(--green));height:100%;transition:width .2s var(--ease);border-radius:3px}.budget-fill.over{background:oklch(.8 .13 var(--amber))}.facts{color:var(--ink-3);flex-wrap:wrap;gap:14px;font-size:11.5px;display:flex}.compare{animation:rise .28s var(--ease) both;flex-direction:column;gap:13px;display:flex}.compare-controls,.compare-colour,.compare-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.compare-colour{border-top:1px solid var(--line-soft);padding-top:11px}.compare-names{flex-wrap:wrap;align-items:center;gap:9px;font-size:11.5px;display:flex}.swatches{flex-wrap:wrap;gap:11px;display:flex}.swatch{align-items:center;gap:6px;display:flex}.swatch i{border-radius:3px;width:11px;height:11px;transition:background .3s}.plots{flex-direction:column;gap:6px;display:flex}.plot-label{margin-top:8px;font-size:10.5px}.plot-row{gap:7px;display:flex}.axis{font-family:var(--mono);color:var(--ink-3);flex-direction:column;flex:0 0 30px;justify-content:space-between;align-items:flex-end;padding:1px 0;font-size:9.5px;display:flex}.plot-row canvas{border-radius:6px;flex:1;width:100%;min-width:0;display:block}.plot-spec{flex:1;min-width:0;position:relative}.badge{color:var(--ink);pointer-events:none;background:#0a0c10b8;border-radius:4px;padding:1px 5px;font-size:9.5px;position:absolute;top:6px;right:8px}.caption{color:var(--ink-4);text-wrap:pretty;margin:4px 0 0;font-size:11.5px;line-height:1.6}.caption.mono{font-family:var(--mono);font-size:10.5px}.dropzone{text-align:center;border:1px dashed #2a2e36;border:1px dashed lab(18.7242% -.158131 -5.57374);border-radius:12px;padding:32px 22px}.dropzone p{color:var(--ink-3);text-wrap:pretty;margin:0;font-size:12.5px}.table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.table-head,.table-row{grid-template-columns:1fr 104px 104px 92px;gap:10px;padding:7px 14px;display:grid}.table-head{background:var(--panel);letter-spacing:.08em;color:var(--ink-3);font-size:10.5px}.table-head span:not(:first-child),.table-row span:not(:first-child){text-align:right}.table-row{background:var(--panel-3);border-top:1px solid #181b21;border-top:1px solid lab(9.45222% -.100277 -4.8152);font-size:11.5px}.model{animation:rise .28s var(--ease) both;flex-direction:column;gap:13px;display:flex}.model-controls{flex-wrap:wrap;align-items:center;gap:9px;font-size:11.5px;display:flex}.model-controls .chip{align-items:center;display:inline-flex}.model-controls button{height:22px;font-family:var(--mono);padding:0 8px;font-size:11px}.model-wave{background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;position:relative}.model-busy{z-index:2;border-radius:var(--radius);color:oklch(.84 .11 var(--amber));letter-spacing:.04em;background:#0d1017f0;background:lab(4.78528% -.0111833 -4.22339/.94);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;inset:0;overflow:hidden}.model-busy:after{content:"";z-index:-1;background:linear-gradient(90deg, transparent, oklch(.5 .09 var(--amber) / .16), transparent);width:34%;animation:1.9s linear infinite sweep;position:absolute;top:0;bottom:0}.model-setup{background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:11px;padding:15px 16px;display:flex}.model-setup-title{letter-spacing:.01em;color:var(--ink-1);margin:0;font-size:13px;font-weight:600}.model-steps{color:var(--ink-2);margin:0;padding-left:20px;font-size:12.5px;line-height:1.7}.model-fields{flex-direction:column;gap:11px;display:flex}.field.wide{color:var(--ink-2);flex-direction:column;align-items:stretch;gap:5px;font-size:11.5px;display:flex}.field.wide input{width:100%;height:32px;font-family:var(--mono);color:var(--ink);background:#1d2027;background:lab(12.3475% -.116497 -5.18907);border:1px solid #434852;border:1px solid lab(30.3107% -.217542 -6.70071);border-radius:7px;padding:0 10px;font-size:12px}.field.wide input:hover:not(:disabled){background:#23262e;background:lab(15.2427% -.132263 -5.56278);border-color:#555b66;border-color:lab(38.4216% -.256762 -7.45204)}.field.wide input:focus{border-color:var(--accent);background:#252931;background:lab(16.3971% -.133142 -5.93038)}.field.wide input::placeholder{color:#71747c;color:lab(48.9054% -.231266 -4.50902)}.field.wide input:disabled{border-color:var(--line);background:#13161c;background:lab(7.16788% -.0827834 -4.39059)}.render-rail{border-right:1px solid oklch(.28 .03 var(--amber));background:#0d1017;background:lab(4.78528% -.0111833 -4.22339);flex-direction:column;flex:0 0 232px;min-height:0;display:flex}.render-rail-head{border-bottom:1px solid var(--line-soft);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:13px 12px 9px;display:flex}.render-rail-title{letter-spacing:.12em;color:oklch(.8 .11 var(--amber));font-size:10.5px;font-weight:700}.render-rail-empty{color:var(--ink-4);margin:0;padding:12px;font-size:11.5px;line-height:1.55}.render-rail-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.render-row{transition:background var(--t);border-radius:8px;align-items:center;gap:7px;padding:7px 8px;display:flex}.render-row:hover{background:oklch(.22 .02 var(--amber))}.render-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.render-row-top{align-items:baseline;gap:7px;display:flex}.render-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:oklch(.88 .06 var(--amber));flex:1;font-size:12px;overflow:hidden}.render-meta{color:var(--ink-4);flex:none;font-size:10px}.render-prompt{-webkit-line-clamp:2;color:#636975;color:lab(44.2231% -.2819 -7.46365);-webkit-box-orient:vertical;font-size:10.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.render-play{border-color:oklch(.32 .05 var(--amber));background:oklch(.23 .03 var(--amber));height:22px;color:oklch(.86 .11 var(--amber));flex:0 0 22px;justify-content:center;align-items:center;padding:0;font-size:9px;display:inline-flex}.render-play.playing{background:oklch(.32 .06 var(--amber));color:oklch(.94 .11 var(--amber))}.render-act{width:20px;height:22px;color:var(--ink-4);opacity:.55;transition:opacity var(--t), color var(--t);background:0 0;border:none;flex:none;padding:0;font-size:11px}.render-row:hover .render-act,.render-act:focus-visible{opacity:1;color:oklch(.86 .1 var(--amber))}@media (max-width:900px){.render-rail{display:none}}.model-facts{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#090b10;background:lab(3.01347% -.00704825 -2.65963);flex-direction:column;gap:4px;margin:0;padding:10px 12px;font-size:11px;line-height:1.55;display:flex}.model-fact{align-items:baseline;gap:10px;display:flex}.model-fact dt{flex:0 0 84px}.model-fact dd{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;margin:0;display:flex}.model-path{color:var(--ink-3);overflow-wrap:anywhere}.model-log{border:1px solid var(--line-soft);border-radius:var(--radius-sm);max-height:160px;font-family:var(--mono);color:var(--ink-2);white-space:pre-wrap;background:#090b10;background:lab(3.01347% -.00704825 -2.65963);margin:0;padding:10px 12px;font-size:11px;line-height:1.6;overflow:auto}.library{animation:rise .28s var(--ease) both;flex-direction:column;gap:13px;display:flex}.library-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:11.5px;display:flex}.library-words{color:oklch(.8 .1 var(--green))}.library-error{background:oklch(.2 .03 var(--red));border:1px solid oklch(.36 .06 var(--red));border-radius:var(--radius-sm);padding:10px 12px}.library-error p{margin:0;font-size:12px;line-height:1.55}.library-error p+p{word-break:break-word;margin-top:5px;font-size:10.5px}.library-list{flex-direction:column;gap:5px;max-height:420px;display:flex;overflow:auto}.library-empty{text-align:center;color:var(--ink-4);text-wrap:pretty;margin:0;padding:26px 14px;font-size:12px;line-height:1.6}.library-row{background:var(--panel-3);border:1px solid var(--line-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:7px 10px;display:flex}.library-row:hover{border-color:oklch(.34 .04 var(--green))}.library-play{width:26px;height:26px;color:oklch(.8 .1 var(--green));border-radius:50%;flex:none;padding:0;font-size:10px}.library-play.playing{border-color:oklch(.44 .08 var(--green));background:oklch(.26 .045 var(--green))}.library-wave{flex:none;gap:1px;width:96px;height:26px}.library-wave .bars-head{background:oklch(.94 .09 var(--green));box-shadow:0 0 12px oklch(.85 .14 var(--green))}.library-main{flex:auto;min-width:0}.library-head{align-items:center;gap:8px;display:flex}.library-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.library-meta{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;overflow:hidden}.lic{font-family:var(--mono);border:1px solid #0000;border-radius:999px;flex:none;padding:1px 6px;font-size:9.5px;text-decoration:none}.lic-free{border-color:oklch(.36 .06 var(--green));color:oklch(.82 .11 var(--green))}.lic-bound{border-color:oklch(.38 .06 var(--amber));color:oklch(.84 .11 var(--amber))}.library-acts{flex:none;align-items:center;gap:5px;display:flex}.library-acts .chip{text-align:center;justify-content:center;min-width:28px}.screen-share{padding:26px 24px 48px}.share-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:22px;max-width:940px;margin:0 auto;display:grid}.share-grid>*{min-width:0}@media (max-width:900px){.share-grid{grid-template-columns:1fr}}.share-main{flex-direction:column;gap:14px;min-width:0;display:flex}.share-main h2{margin:0;font-size:21px;font-weight:500}.back{align-self:flex-start}.share-prompt{color:var(--ink-2);text-wrap:pretty;margin:-8px 0 0;font-size:14px;line-height:1.5}.share-play{align-items:center;gap:13px;display:flex}.play-big{background:var(--accent);width:46px;height:46px;color:var(--accent-ink);border:none;border-radius:50%;flex:none;padding:0;font-size:14px}.link-row{gap:9px;height:42px;padding:0 4px 0 13px}.link-row button{height:30px}.link-text{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.share-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-side{flex-direction:column;gap:10px;display:flex}.share-card{background:linear-gradient(155deg, oklch(.24 .055 var(--violet)), oklch(.19 .045 var(--cyan)));border:1px solid #2e3c5d;border:1px solid lab(25.3241% 1.64185 -21.6162);border-radius:16px;padding:26px 26px 22px}.share-card-head{letter-spacing:.08em;color:oklch(.74 .1 var(--cyan));align-items:center;gap:8px;font-size:11px;display:flex}.share-card-prompt{color:#ebeef5;color:lab(94.1564% -.225365 -3.77545);text-wrap:pretty;margin-top:16px;font-size:16px;line-height:1.4}.share-card-code{max-height:200px;font-family:var(--mono);color:#d7deec;color:lab(88.3088% -.380635 -7.51255);white-space:pre-wrap;background:#060911b8;background:lab(2.41698% .175312 -4.18369/.72);border-radius:9px;margin:0;padding:12px 13px;font-size:10.5px;line-height:1.6;overflow:auto}.scrim{z-index:80;background:#020306ad;background:lab(.889429% .0122339 -1.01076/.68);justify-content:center;align-items:center;padding:24px;animation:.18s both rise;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);width:100%;max-width:560px;max-height:100%;animation:rise .24s var(--ease) both;border:1px solid #2b303b;border:1px solid lab(19.8538% -.120312 -7.39446);border-radius:16px;padding:22px 24px 20px;overflow-y:auto;box-shadow:0 30px 70px #0000008c}.dialog-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.dialog-head h3{margin:0;font-size:16px;font-weight:600}.dialog-lede{color:var(--ink-3);text-wrap:pretty;margin:0 0 16px;font-size:12.5px;line-height:1.5}.checks{border:1px solid var(--line);border-radius:11px;flex-direction:column;gap:1px;margin-bottom:18px;display:flex;overflow:hidden}.check{background:#101319;background:lab(5.66322% -.0433996 -4.32559);align-items:center;gap:10px;padding:9px 13px;display:flex}.mark{font-family:var(--mono);text-align:center;width:13px;font-size:11.5px}.mark.good{color:oklch(.76 .13 var(--green))}.mark.bad{color:oklch(.68 .1 var(--red))}.check-label{min-width:0;color:var(--ink-2);flex:1;font-size:12.5px}.check-daemon .check-label{flex:none}.check-url{min-width:90px;height:26px;color:var(--ink-2);border:1px solid var(--line);background:#0a0c11;background:lab(3.32654% -.0130013 -2.83041);border-radius:6px;flex:1;padding:0 8px;font-size:11.5px}.check-url:focus{color:var(--ink);border-color:var(--accent);background:#13161d;background:lab(7.15581% -.0557452 -5.11242)}.check-action{flex:none;height:26px;padding:0 10px;font-size:11.5px}.dialog-tabs{margin-bottom:16px}.steps{flex-direction:column;gap:15px;display:flex}.step{gap:11px;display:flex}.step .step-n{width:20px;height:20px;margin-top:1px}.step-body{flex:1;min-width:0}.step-title{color:#dbdee5;color:lab(88.3563% -.223666 -3.77445);text-wrap:pretty;margin-bottom:6px;font-size:13px}.step-body pre{border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--mono);color:#b7caba;color:lab(79.5209% -8.87635 5.66437);background:#090b10;background:lab(3.01347% -.00704825 -2.65963);margin:0;padding:9px 11px;font-size:11.5px;line-height:1.6;overflow-x:auto}.code{position:relative}.code pre{padding-right:38px}.code button.copy{border-color:var(--line);width:24px;height:24px;color:var(--ink-3);opacity:.65;background:#11141a;background:lab(6.13125% -.0366643 -4.87121);justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:5px;right:5px}.code:hover button.copy,.code button.copy:hover,.code button.copy:focus-visible{opacity:1}.step-file{color:var(--ink-4);margin-bottom:5px;font-size:11px}.step-body .segmented.small{margin-bottom:8px}.segmented.wrap{flex-wrap:wrap}.segmented.small.wrap button{height:24px;padding:0 10px;font-size:11.5px}.step-note{color:var(--ink-4);text-wrap:pretty;margin-top:6px;font-size:11.5px;line-height:1.5}.dialog-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:15px;display:flex}.toast{z-index:70;border:1px solid var(--line-hard);border-radius:var(--radius);max-width:70vw;color:var(--ink);cursor:pointer;background:#1c1f27;background:lab(11.7544% -.0854582 -5.91137);padding:9px 16px;font-size:12.5px;animation:.18s both rise;position:fixed;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.toast.update{cursor:default;align-items:center;gap:12px;display:flex}.toast.update button{border:1px solid var(--line-hard);border-radius:var(--radius-sm);background:var(--raised);color:var(--ink);font:inherit;cursor:pointer;padding:4px 11px;font-size:12px}.toast.update button:hover{border-color:var(--accent);color:var(--accent)}.seedbar{z-index:60;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#13161ceb;background:lab(7.16193% -.0707507 -4.75201/.92);align-items:center;gap:7px;padding:5px 8px;font-size:11px;display:flex;position:fixed;bottom:12px;right:14px}.seedbar label{color:var(--ink-3);align-items:center;gap:6px;display:flex}.seedbar input{border:1px solid var(--line);width:68px;height:24px;color:var(--ink);font-family:var(--mono);background:#0d0f15;background:lab(4.39411% -.0330284 -3.37467);border-radius:6px;padding:0 6px;font-size:11px}.seedbar button{height:24px;padding:0 9px;font-size:11px}.editor{min-height:208px;position:relative}.editor-layer{width:100%;min-height:208px;font-family:var(--mono);letter-spacing:0;tab-size:2;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;border:none;margin:0;padding:13px 15px;font-size:12.5px;line-height:1.7;overflow:auto}.editor-overlay{pointer-events:none;color:var(--ink);background:0 0;position:absolute;inset:0}.editor-input{color:#0000;caret-color:oklch(.85 .13 var(--cyan));resize:vertical;background:0 0;outline:none;display:block;position:relative}.editor-input::selection{background:oklch(.7 .13 var(--cyan) / .28)}.tk-num{color:oklch(.82 .12 var(--cyan))}.tk-str{color:#d9c968;color:lab(80.9% -3.27563 50.0831)}.tk-com{color:oklch(.6 .05 var(--green));font-style:italic}.tk-kw{color:oklch(.78 .13 var(--violet))}.tk-prim{color:oklch(.82 .12 var(--green))}.tk-fx{color:oklch(.82 .12 var(--amber))}.tk-id{color:#d4d7de;color:lab(86.0363% -.222862 -3.77402)}.tk-punct{color:var(--ink-3)}.tk-bad{-webkit-text-decoration:underline wavy oklch(.7 .15 var(--red));text-decoration:underline wavy oklch(.7 .15 var(--red));text-underline-offset:3px}.card-social{align-items:center;gap:8px;margin-top:9px;display:flex}.chip-social{height:auto;font-family:var(--mono);color:var(--ink-4);border:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:color .14s var(--ease), border-color .14s var(--ease);background:0 0;border-radius:5px;padding:2px 7px;font-size:10.5px}.chip-social:hover:not(:disabled){color:var(--ink-2);border-color:#484d58;border-color:lab(32.6198% -.225529 -7.43808)}.chip-social.on,.chip-social.on:hover:not(:disabled){color:oklch(.82 .13 var(--red));border-color:oklch(.42 .09 var(--red));background:0 0}.card-author{margin-left:auto;font-size:10.5px}.account-group{align-items:center;gap:8px;display:flex}.avatar{border-radius:50%;display:block}.avatar-fallback{width:16px;height:16px;color:var(--ink-2);background:#333843;background:lab(23.3358% -.155941 -7.40867);border-radius:50%;place-items:center;font-size:9px;display:grid}.thread{flex-direction:column;gap:14px;max-height:46vh;margin:14px 0;display:flex;overflow-y:auto}.comment header{align-items:baseline;gap:10px;font-size:11px;display:flex}.comment p{color:var(--ink-2);text-wrap:pretty;overflow-wrap:anywhere;margin:4px 0 0;font-size:12.5px;line-height:1.5}.comment-sound{border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:9px;margin-top:7px;padding:8px 10px;display:flex}.comment-sound pre{color:var(--ink-3);flex:1;margin:0;font-size:11px;line-height:1.45;overflow-x:auto}.play-round.small{width:24px;height:24px;font-size:9px}.comment-form{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;display:flex}.comment-form textarea{resize:vertical;border:1px solid var(--line);background:var(--panel-3);width:100%;color:var(--ink);font:inherit;border-radius:9px;padding:9px 11px;font-size:12.5px}.comment-form .attached{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.comment-form .small{margin:0;font-size:11px;line-height:1.45}.screen-loop{display:flex}.loop-main{flex:1;min-width:0;padding:18px 22px 64px;overflow-y:auto}.tag-rows{flex-direction:column;gap:5px;display:flex}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-row-label{letter-spacing:.09em;color:var(--ink-4);white-space:nowrap;flex:0 0 74px;font-size:10px}.tag-row .chip{height:23px;padding:0 9px;font-size:11px}.tag{border:1px solid oklch(.42 .07 var(--hue));background:oklch(.27 .05 var(--hue));height:24px;color:oklch(.9 .09 var(--hue));white-space:nowrap;border-radius:6px;align-items:center;gap:5px;margin-top:3px;padding:0 4px 0 9px;font-size:11.5px;display:inline-flex}.tag-drop{width:16px;height:16px;color:oklch(.8 .07 var(--hue));background:0 0;border:none;border-radius:4px;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.tag-drop:hover{background:oklch(.36 .07 var(--hue));color:var(--ink)}.prompt-row .input-shell input{height:30px}.loop-card{background:var(--panel);border-radius:var(--radius-lg);border:1px solid #23262e;border:1px solid lab(15.2427% -.132263 -5.56278);padding:16px 18px 15px}.loop-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.loop-head h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500}.loop-head span{white-space:nowrap}.loop-prompt{color:var(--ink-3);text-wrap:pretty;margin:0 0 13px;font-size:12px;line-height:1.5}.loop-facts{margin:11px 0 0;font-size:11px}.timeline{gap:9px;margin-top:14px;display:flex}.timeline-labels{flex-direction:column;flex:0 0 122px;gap:6px;display:flex}.timeline-ruler-gap{height:18px}.timeline-grid{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.timeline-ruler{height:18px;color:var(--ink-4);font-size:9.5px;display:flex}.timeline-ruler>div{border-left:1px solid var(--line-soft);flex:1;min-width:0;padding-left:4px;overflow:hidden}.lane-label{height:44px;animation:rise .32s var(--ease) both;align-items:center;gap:7px;display:flex}.lane-label.muted{opacity:.4}.lane-name{white-space:nowrap;text-overflow:ellipsis;color:oklch(.78 .12 var(--hue));font-size:11.5px;overflow:hidden}.lane-mute{border:1px solid var(--line);width:18px;height:18px;color:var(--ink-4);font-family:var(--mono);background:0 0;border-radius:5px;flex:none;padding:0;font-size:9.5px}.lane-mute.on{border-color:oklch(.45 .08 var(--amber));background:oklch(.28 .05 var(--amber));color:oklch(.86 .11 var(--amber))}.lane-badge{background:oklch(.28 .05 var(--amber));color:oklch(.86 .11 var(--amber));white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:9px}.lane-track{background:var(--panel-3);border:1px solid var(--line-soft);border-radius:var(--radius-sm);height:44px;animation:rise .32s var(--ease) both;position:relative}.clip{color:oklch(.78 .12 var(--hue));background:oklch(.24 .035 var(--hue) / .45);border:1px solid oklch(.42 .07 var(--hue) / .55);border-radius:6px;align-items:center;gap:1px;padding:0 4px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.clip.proposed{border-style:dashed;border-color:oklch(.42 .07 var(--hue) / .9)}.clip.muted{background:oklch(.24 .035 var(--hue) / .2);opacity:.5}.clip i{background:currentColor;border-radius:1px;flex:1;min-width:1px}.lane-verdict{z-index:5;align-items:center;gap:5px;display:flex;position:absolute;top:0;bottom:0;right:6px}.lane-verdict .keep{border-color:oklch(.4 .07 var(--green));background:oklch(.25 .045 var(--green));height:22px;color:oklch(.85 .12 var(--green));font-family:var(--mono);padding:0 10px;font-size:10.5px}.lane-verdict .icon{background:#15181feb;background:lab(8.28509% -.074774 -5.17245/.92);width:22px;height:22px}.playhead{z-index:6;pointer-events:none;background:oklch(.94 .09 var(--cyan));width:2px;box-shadow:0 0 14px oklch(.85 .14 var(--cyan));animation:linear infinite sweep;position:absolute;top:0;bottom:0}.stages{background:linear-gradient(180deg, oklch(.23 .02 var(--hue) / .5), transparent 70%);color:var(--ink-2);animation:rise .2s var(--ease) both;border:1px dashed #292e38;border:1px dashed lab(18.693% -.106797 -7.38921);border-radius:11px;flex-direction:column;gap:4px;margin-top:12px;padding:11px 13px 9px;font-size:11.5px;display:flex}.breath{align-items:flex-end;gap:3px;height:34px;margin-bottom:7px;display:flex}.breath i{background:linear-gradient(180deg, oklch(.78 .13 var(--hue)), oklch(.44 .08 var(--hue)));transform-origin:bottom;min-width:0;animation:swell 2.6s var(--ease) infinite;border-radius:2px;flex:1}@keyframes swell{0%,to{opacity:.4;transform:scaleY(.28)}50%{opacity:.95;transform:scaleY(1)}}.stage{align-items:baseline;gap:8px;min-height:17px;display:flex}.stage-mark{border:1px solid #424853;border:1px solid lab(30.299% -.210792 -7.43167);border-radius:50%;flex:none;width:7px;height:7px;margin-bottom:1px}.stage-name{flex:none;font-size:11.5px}.stage-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;overflow:hidden}.stage.waiting{color:var(--ink-4);opacity:.6}.stage.done .stage-mark{border-color:oklch(.6 .11 var(--green));background:oklch(.6 .11 var(--green))}.stage.done{color:var(--ink-3)}.stage.active .stage-mark{border-color:oklch(.8 .13 var(--hue));background:oklch(.8 .13 var(--hue));box-shadow:0 0 9px oklch(.8 .13 var(--hue));animation:2.6s ease-in-out infinite breathe}.stage.active .stage-name{color:oklch(.9 .08 var(--hue))}.loop-ghost{opacity:.75}.ghost-line{background:#21242b;background:lab(14.0883% -.130877 -5.19505);border-radius:5px;display:block}.ghost-head{align-items:center;gap:12px;margin-top:15px;display:flex}.ghost-title{width:150px;height:17px}.ghost-meta{width:210px;height:11px}.ghost-transport{align-items:center;gap:11px;margin-top:13px;display:flex}.ghost-button{border-radius:9px;width:124px;height:34px}.ghost-word{width:88px;height:11px}.ghost-lanes{flex-direction:column;gap:6px;margin-top:18px;display:flex}.ghost-lane{align-items:center;gap:9px;display:flex}.ghost-label{flex:0 0 90px;height:12px}.ghost-track{border-radius:var(--radius-sm);flex:1;height:44px}.lane-label.pending,.lane-track.pending{opacity:.35}.lane-label.pending{align-items:center;display:flex}.lane-track.pending{background:#1c1f26;background:lab(11.7672% -.111312 -5.18694)}
