:root{--ink-0:#0c0d10;--ink-1:#101114;--ink-2:#121317;--panel:#15161a;--card:#1a1b20;--raised:#1e2026;--line:#22242a;--line-strong:#2a2c33;--grid-1:#1a1c21;--grid-2:#272930;--grid-3:#3f4250;--grid-band:#ffffff09;--editor-bg:#0f1013;--text:#eeece6;--text-bright:#f4efe6;--text-2:#aeada6;--text-3:#8a8a8f;--text-4:#6f7077;--text-5:#4f5158;--text-soft:#d9d7d0;--accent:#f4a259;--accent-ink:#1b1209;--accent-text:#f4a259;--rec:#ff5a4e;--rec-text:#ff8a80;--live:#6be3ae;--live-ink:#0d1f17;--live-text:#6be3ae;--ai:#a99bff;--ai-text:#c9c0ff;--ai-soft:#d4ccff;--ai-ink:#14121f;--t-koper:#f4a259;--t-hemel:#6aaef5;--t-lagune:#55cdc6;--t-mos:#86cf8e;--t-roos:#f08bb0;--t-citroen:#e9d36f;--t-lavendel:#c3a6f2;--t-klei:#e5806a;--clip-fill:17%;--r-s:6px;--r-m:9px;--r-l:12px;--r-xl:16px;--font-ui:"Instrument Sans", system-ui, sans-serif;--font-num:"JetBrains Mono", ui-monospace, monospace;--font-display:"Archivo", sans-serif;--key-white:linear-gradient(#f3f1ec, #dcd8d0);--key-black:linear-gradient(#2e3035, #141518);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--ink-0:#e7e3da;--ink-1:#efece5;--ink-2:#f3f1ec;--panel:#ebe8e1;--card:#fff;--raised:#e4e0d7;--line:#dcd8cf;--line-strong:#cfcac0;--grid-1:#e4e0d7;--grid-2:#d3cec4;--grid-3:#b1a894;--grid-band:#00000008;--editor-bg:#f6f4ef;--text:#1c1c1f;--text-bright:#1c1c1f;--text-2:#4f4e4a;--text-3:#6b6964;--text-4:#84817b;--text-5:#a8a49c;--text-soft:#2b2a28;--accent-text:#b25a1c;--live-text:#157a52;--rec-text:#c8352b;--ai:#7a6cf0;--ai-text:#5a4bd1;--ai-soft:#5a4bd1;--clip-fill:22%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--build:"4919d5925e"}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink-2);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}svg{flex:none;display:block}p,h1,h2,h3,h4,h5{margin:0}.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}.spark{color:var(--ai)}.muted{color:var(--text-3)}.cap{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600}.kc,kbd{color:#d9d7d0;min-width:17px;height:17px;font:600 10px/1 var(--font-num);background:#1f2126;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid;box-shadow:inset 0 -1px #08090b,0 0 0 1px #2a2c33}[data-theme=light] .kc,[data-theme=light] kbd{color:#2b2a28;background:#fff;box-shadow:inset 0 -1px #cfcac0,0 0 0 1px #dcd8cf}.app{background:var(--ink-2);--rail-w:320px;grid-template-columns:minmax(0, 1fr) var(--rail-w);grid-template-rows:56px minmax(120px, 1fr) 9px var(--editor-h,300px) var(--keys-h,118px);grid-template-areas:"top top""work rail""split rail""editor rail""keys rail";height:100dvh;display:grid;position:relative;overflow:hidden}.app.rail-min{--rail-w:52px}.app.recording:before{content:"";background:var(--rec);z-index:50;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #ff5a4e99}.ibtn{width:30px;height:30px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.ibtn:hover:not(:disabled){background:var(--raised);color:var(--text)}.ibtn.on{color:var(--ai-text);background:#a99bff21}.ibtn:disabled,.ibtn.dis{color:#4a4d55}.btn-s{background-color:var(--raised);height:26px;color:var(--text-soft);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.btn-s:hover:not(:disabled){background-color:#262830}.btn-s.m{font-family:var(--font-num);font-size:11.5px}.btn-s:disabled{opacity:.45}.btn-s.danger{color:var(--rec-text)}.btn-s.pri{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn-s.pri:hover{filter:brightness(1.06);background:var(--accent)}[data-theme=light] .btn-s{color:#2b2a28;box-shadow:0 0 0 1px var(--line);background-color:#fff}[data-theme=light] .btn-s:not(.pri):not(.on):hover:not(:disabled){color:#2b2a28;background-color:#f2efe8}select.btn-s{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 10 10' fill='none' stroke='%23aeada6' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2.5 4l2.5 2.5L7.5 4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:0;outline:none;padding-right:22px}.stepper{background:var(--raised);border-radius:7px;align-items:center;height:26px;display:flex}.stepper button{width:24px;height:26px;color:var(--text-2);text-align:center}.stepper span{font:500 11.5px/1 var(--font-num);white-space:nowrap;padding:0 4px}[data-theme=light] .stepper{box-shadow:0 0 0 1px var(--line);background:#fff}.fld{color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.hint{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:11px;overflow:hidden}.seg,.tabs{background:var(--ink-0);border:1px solid var(--line);border-radius:9px;flex:none;padding:2px;display:flex}.seg button,.tabs button{height:26px;color:var(--text-3);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.seg button.on,.tabs button.on{color:var(--text-bright);background:#25272d;box-shadow:inset 0 1px #ffffff0d}.tabs b{font:600 9.5px/14px var(--font-num);background:var(--line-strong);color:var(--text-2);border-radius:4px;padding:0 4px}[data-theme=light] .seg,[data-theme=light] .tabs{background:#e4e0d7;border-color:#d6d1c7}[data-theme=light] .seg button.on,[data-theme=light] .tabs button.on{color:#1c1c1f;background:#fff;box-shadow:0 1px 2px #0000001f}.inp{background:var(--editor-bg);border:1px solid var(--line-strong);height:30px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-size:12.5px}.inp:focus{border-color:var(--accent)}.toast{z-index:60;white-space:nowrap;color:var(--text);background:#221a1a;border:1px solid #ff5a4e73;border-radius:12px;align-items:center;gap:12px;padding:9px 9px 9px 14px;font-size:12.5px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000008c}.toast svg{color:var(--rec-text)}[data-theme=light] .toast{background:#fff4f2}@keyframes recp{0%,to{box-shadow:0 0 0 2px #ff5a4e4d,0 0 14px #ff5a4e73}50%{box-shadow:0 0 0 5px #ff5a4e1f,0 0 26px #ff5a4e4d}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes eq{0%,to{height:3px}50%{height:11px}}@keyframes shim{0%{background-position:130% 0}to{background-position:-130% 0}}@keyframes qb{0%{box-shadow:0 0 0 2px var(--live)}50%{box-shadow:0 0 0 2px #6be3ae00}}.eq{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.eq i{background:var(--live);border-radius:1px;width:2.5px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.spinner{border:2px solid #a99bff4d;border-top-color:var(--ai);border-radius:50%;flex:none;width:12px;height:12px;animation:.9s linear infinite spin}.btn-s.on{color:var(--accent);background:#f4a25929;box-shadow:inset 0 0 0 1px #f4a25973}