@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg:#131313;--bg-1:#181818;--bg-2:#1f1f1f;--bg-3:#262626;--bg-input:#0e0e0e;--line:#2a2a2a;--line-2:#353535;--ink:#ececea;--ink-2:#b6b6b1;--ink-3:#6f6f6a;--ink-4:#4a4a47;--accent:#f15a22;--accent-2:#ff7a44;--accent-glow:#f15a222e;--accent-line:#f15a2273;--green:#6cc99a;--red:#e0584a;--rad:2px;--rad-2:4px;--pad-y:14px;--pad-x:20px;--msg-gap:6px;--line-h:1.65;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif}[data-theme=paper]{--bg:#efece4;--bg-1:#e8e4d8;--bg-2:#ddd8c8;--bg-3:#d3ccba;--bg-input:#f6f3ec;--line:#c8c1ac;--line-2:#b4ac96;--ink:#1a1817;--ink-2:#4f4b3f;--ink-3:#756f5e;--ink-4:#968f7c;--accent:#e74e16;--accent-2:#ff7a44;--accent-glow:#e74e1629;--accent-line:#e74e1666;--green:#4f8a5e}[data-density=compact]{--pad-y:9px;--pad-x:14px;--msg-gap:2px;--line-h:1.5}[data-density=comfy]{--pad-y:22px;--pad-x:28px;--msg-gap:12px;--line-h:1.75}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#131313;background:var(--bg);color:#ececea;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-weight:400;line-height:1.55;overflow:hidden}::selection{background:#f15a22;background:var(--accent);color:#fff}.app{display:grid;grid-template-columns:minmax(360px,.65fr) minmax(480px,1fr);grid-template-rows:38px 1fr;height:100vh;width:100vw}.rail{background:#181818;background:var(--bg-1);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--line);color:#6f6f6a;color:var(--ink-3);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10.5px;grid-column:1/-1;justify-content:space-between;letter-spacing:.08em;overflow:hidden;padding:0 16px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.rail,.rail-l,.rail-r{align-items:center;display:flex;white-space:nowrap}.rail-l,.rail-r{gap:14px;min-width:0}.rail-l{overflow:hidden;text-overflow:ellipsis}.rail-tag{align-items:baseline;display:inline-flex;gap:6px}.rail-tag b{color:#ececea;color:var(--ink);font-weight:500;letter-spacing:.12em}.rail-tag i{color:#f15a22;color:var(--accent);font-style:normal;letter-spacing:.12em}.rail-sep{background:#353535;background:var(--line-2);height:14px;width:1px}.rail-pill{align-items:center;border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);display:inline-flex;font-size:10px;gap:6px;padding:3px 8px}.rail-pill .dot{background:#6cc99a;background:var(--green);border-radius:50%;box-shadow:0 0 6px #6cc99a;box-shadow:0 0 6px var(--green);height:6px;width:6px}.rail-pill.err .dot{background:#e0584a;background:var(--red);box-shadow:0 0 6px #e0584a;box-shadow:0 0 6px var(--red)}.rail-pill.idle .dot{background:#4a4a47;background:var(--ink-4);box-shadow:none}.rail-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:4px 9px;text-transform:uppercase;transition:border-color .12s,color .12s}.rail-btn:hover{border-color:#f15a2273;border-color:var(--accent-line);color:#ececea;color:var(--ink)}.chat{background:#131313;background:var(--bg);border-right:1px solid #2a2a2a;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.chat-scroll{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scrollbar-color:#353535 #0000;scrollbar-color:var(--line-2) #0000;scrollbar-width:thin}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-thumb{background:#353535;background:var(--line-2);border-radius:3px}.chat-inner{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:760px;padding:24px 20px 20px;padding:24px var(--pad-x) 20px;width:100%}.app[data-has-messages=true] .chat-inner{justify-content:flex-start}.intro{padding-top:20px}.intro-eyebrow{align-items:center;color:#f15a22;color:var(--accent);display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10.5px;gap:10px;letter-spacing:.22em;margin-bottom:12px;text-transform:uppercase}.intro-eyebrow:before{background:#f15a22;background:var(--accent);content:"";height:1px;width:18px}.intro-h1{color:#ececea;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:32px;font-weight:500;letter-spacing:-.015em;line-height:1.15;margin-bottom:14px;max-width:520px}.intro-h1 em{color:#6f6f6a;color:var(--ink-3);font-style:normal}.intro-lede{color:#b6b6b1;color:var(--ink-2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:14.5px;line-height:1.6;margin-bottom:28px;max-width:560px}.intro-meta{color:#6f6f6a;color:var(--ink-3);display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10.5px;gap:16px;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.intro-meta span b{color:#ececea;color:var(--ink);font-weight:500}.intro-divider{background:#2a2a2a;background:var(--line);height:1px;margin:0 0 22px;position:relative}.intro-divider:after{background:#f15a22;background:var(--accent);content:"";height:1px;left:0;position:absolute;top:0;width:60px}.sugg-chips{display:flex;flex-wrap:wrap;gap:8px}.sugg-chip{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:6px 12px;text-align:left;transition:border-color .12s,color .12s,background .12s}.sugg-chip:hover{background:#181818;background:var(--bg-1);border-color:#f15a2273;border-color:var(--accent-line);color:#ececea;color:var(--ink)}.msg-block{margin-bottom:18px}.msg-header{align-items:center;color:#6f6f6a;color:var(--ink-3);display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;gap:10px;letter-spacing:.22em;margin-bottom:8px;text-transform:uppercase}.msg-header .who-mark{background:#4a4a47;background:var(--ink-4);height:1px;width:14px}.msg-block.user .who-mark{background:#f15a22;background:var(--accent)}.msg-block.user .who{color:#f15a22;color:var(--accent)}.msg-header .ts{color:#4a4a47;color:var(--ink-4);font-size:9.5px;letter-spacing:.1em;margin-left:auto}.msg-body-user{border-left:2px solid #f15a22;border-left:2px solid var(--accent);color:#ececea;color:var(--ink);font-size:16px;font-weight:500;line-height:1.5}.msg-body-assistant,.msg-body-user{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);padding-left:14px}.msg-body-assistant{border-left:1px solid #2a2a2a;border-left:1px solid var(--line);color:#b6b6b1;color:var(--ink-2);font-size:14.5px;line-height:1.65;line-height:var(--line-h)}.msg-body-assistant strong{color:#ececea;color:var(--ink);font-weight:600}.msg-body-assistant em{color:#ececea;color:var(--ink);font-style:italic}.msg-body-assistant h1,.msg-body-assistant h2,.msg-body-assistant h3{color:#ececea;color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.18em;margin:18px 0 6px;text-transform:uppercase}.msg-body-assistant h1:first-child,.msg-body-assistant h2:first-child,.msg-body-assistant h3:first-child{margin-top:0}.msg-body-assistant p{margin:0 0 10px}.msg-body-assistant ol,.msg-body-assistant ul{margin:6px 0 12px 4px;padding-left:20px}.msg-body-assistant li{margin-bottom:5px}.msg-body-assistant code{background:#1f1f1f;background:var(--bg-2);border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:2px;color:#f15a22;color:var(--accent);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:1px 6px}.msg-body-assistant hr{background:#2a2a2a;background:var(--line);border:none;height:1px;margin:14px 0}.msg-body-assistant blockquote{align-items:flex-start;background:#f15a220f;border-left:2px solid #f15a22;border-left:2px solid var(--accent);color:#ececea;color:var(--ink);display:flex;font-size:13.5px;gap:8px;margin:8px 0;padding:9px 12px}.refs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.ref{align-items:center;background:#181818;background:var(--bg-1);border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);cursor:default;display:inline-flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10.5px;gap:6px;height:22px;padding:0 8px 0 6px;position:relative;text-decoration:none;transition:border-color .12s,color .12s}.ref:hover{border-color:#f15a2273;border-color:var(--accent-line);color:#ececea;color:var(--ink)}.ref-link{cursor:pointer}.ref-num{align-items:center;background:#f15a22;background:var(--accent);border-radius:1px;color:#fff;display:inline-flex;font-size:9px;font-weight:600;height:14px;justify-content:center;width:14px}.ref-tip{background:#1f1f1f;background:var(--bg-2);border:1px solid #353535;border:1px solid var(--line-2);box-shadow:0 8px 20px #00000059;color:#ececea;color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:11px;left:0;letter-spacing:.04em;max-width:360px;opacity:0;padding:8px 10px;position:absolute;top:calc(100% + 6px);transform:translateY(-3px);transition:opacity .15s,transform .15s;white-space:normal;width:-webkit-max-content;width:max-content;z-index:10}.ref:hover .ref-tip{opacity:1;transform:translateY(0)}.ref-tip-body{color:#ececea;color:var(--ink);font-size:11.5px;line-height:1.5}.ref-tip-link{color:#f15a22;color:var(--accent);font-size:10px;margin-top:5px}.thinking{display:flex;gap:5px;padding-left:14px}.thinking i{animation:thinking 1.2s ease-in-out infinite;background:#f15a22;background:var(--accent);border-radius:50%;display:block;height:6px;width:6px}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes thinking{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.input-bar{background:#181818;background:var(--bg-1);border-top:1px solid #2a2a2a;border-top:1px solid var(--line);gap:10px;padding:12px 20px;padding:12px var(--pad-x)}.input-bar,.input-wrap{align-items:stretch;display:flex}.input-wrap{background:#0e0e0e;background:var(--bg-input);border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;flex:1 1;transition:border-color .15s}.input-wrap:focus-within{border-color:#f15a2273;border-color:var(--accent-line)}.input-prompt{color:#6f6f6a;color:var(--ink-3);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:11px;letter-spacing:.14em;padding:12px 0 12px 12px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.input{background:#0000;border:0;color:#ececea;color:var(--ink);flex:1 1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:14.5px;line-height:1.4;outline:0;padding:12px;resize:none}.input::placeholder{color:#6f6f6a;color:var(--ink-3)}.send{align-items:center;-webkit-appearance:none;appearance:none;background:#f15a22;background:var(--accent);border:0;border-radius:1px;color:#fff;cursor:pointer;display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:14px;justify-content:center;transition:background .12s,transform .08s;width:48px}.send:hover:not(:disabled){background:#ff7a44;background:var(--accent-2)}.send:active:not(:disabled){transform:scale(.96)}.send:disabled{background:#262626;background:var(--bg-3);color:#4a4a47;color:var(--ink-4);cursor:not-allowed}.dev{background:#181818;background:var(--bg-1);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.dev-rail{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--line);color:#6f6f6a;color:var(--ink-3);display:flex;flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;justify-content:space-between;letter-spacing:.18em;padding:10px 14px;text-transform:uppercase}.dev-rail b{color:#ececea;color:var(--ink);font-weight:500}.dev-rail .accent{color:#f15a22;color:var(--accent)}.dev-stage{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:28px;position:relative}.dev-svg-wrap{aspect-ratio:500/620;margin:0 auto;max-width:460px;position:relative;width:100%}.dev-svg-wrap>*{height:100%;width:100%}.dev-stamp{color:#4a4a47;color:var(--ink-4);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;pointer-events:none;position:absolute;text-transform:uppercase}.dev-stamp.tl{left:14px;top:12px}.dev-stamp.tr{right:14px;text-align:right;top:12px}.dev-stamp.bl{bottom:12px;left:14px}.dev-stamp.br{bottom:12px;right:14px;text-align:right}.dev-stamp b{color:#b6b6b1;color:var(--ink-2);font-weight:500}.dev-stamp i{color:#f15a22;color:var(--accent);font-style:normal}.step-overlay{inset:0;pointer-events:none;position:absolute}.step-card{background:#1f1f1f;background:var(--bg-2);border:1px solid #353535;border:1px solid var(--line-2);border-radius:1px;box-shadow:0 12px 30px #00000073;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);padding:12px 14px;pointer-events:auto;position:absolute;width:240px;z-index:5}.step-card:before{background:#f15a22;background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.step-card-head{align-items:center;color:#6f6f6a;color:var(--ink-3);display:flex;font-size:9.5px;justify-content:space-between;letter-spacing:.2em;margin-bottom:8px;text-transform:uppercase}.step-card-head b{color:#f15a22;color:var(--accent);font-weight:500}.step-card-action{align-items:center;display:flex;gap:8px;margin-bottom:6px}.step-card-action .glyph{align-items:center;background:#f15a22;background:var(--accent);border-radius:1px;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:18px;justify-content:center;letter-spacing:0;width:18px}.step-card-action .verb{color:#ececea;color:var(--ink);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.step-card-action .target{color:#6f6f6a;color:var(--ink-3);font-size:10px;letter-spacing:.06em;margin-left:auto}.step-card-desc{color:#ececea;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:13px;line-height:1.45;margin-bottom:10px}.step-nav{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding-top:10px}.step-nav-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;padding:4px 7px;text-transform:uppercase;transition:border-color .12s,color .12s}.step-nav-btn:hover:not(:disabled){border-color:#f15a2273;border-color:var(--accent-line);color:#ececea;color:var(--ink)}.step-nav-btn:disabled{cursor:not-allowed;opacity:.3}.step-dots{align-items:center;display:flex;gap:4px}.step-dot{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #353535;border:1px solid var(--line-2);border-radius:50%;cursor:pointer;height:6px;padding:0;width:6px}.step-dot.active{background:#f15a22;background:var(--accent);border-color:#f15a22;border-color:var(--accent)}.step-dot.done{background:#6f6f6a;background:var(--ink-3);border-color:#6f6f6a;border-color:var(--ink-3)}.step-connector{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:4}.step-connector path{fill:none;stroke:#f15a22;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 5;animation:dash 1.2s linear infinite;opacity:.75}.step-connector .endcap{fill:#f15a22;fill:var(--accent);opacity:.5}.step-connector .startcap{fill:#f15a22;fill:var(--accent);opacity:.9}@keyframes dash{to{stroke-dashoffset:-22}}.step-close{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:1px;color:#6f6f6a;color:var(--ink-3);cursor:pointer;display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:11px;height:22px;justify-content:center;position:absolute;right:6px;top:6px;width:22px}.step-close:hover{background:#262626;background:var(--bg-3);color:#ececea;color:var(--ink)}.dev-idle{background:#131313;background:var(--bg);border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;bottom:18px;color:#6f6f6a;color:var(--ink-3);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;left:50%;letter-spacing:.18em;padding:6px 12px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.dev-idle .accent{color:#f15a22;color:var(--accent)}.ep{--ep-body:var(--bg-2);--ep-panel:var(--bg-1);--ep-line:var(--line-2);--ep-line-2:var(--line);--ep-ink:var(--ink);--ep-ink-2:var(--ink-2);--ep-ink-3:var(--ink-3);--ep-ink-4:var(--ink-4);--ep-key-w:#cdc9bf;--ep-key-k:#1a1a1a;--ep-key-g:#4a4a47;--ep-accent:var(--accent);--ep-accent-soft:#f15a2247;grid-gap:8px;background:var(--ep-body);border:1.5px solid var(--ep-line);border-radius:4px;box-shadow:0 18px 36px #0006;color:var(--ep-ink-2);display:grid;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);gap:8px;grid-template-rows:20px 72px 62px 1fr;height:100%;padding:10px 12px 14px;position:relative;width:100%}[data-theme=paper] .ep{--ep-key-w:#fff;--ep-key-k:#2a2723;--ep-key-g:#b6ad99}.is-hl{animation:hl-pulse .9s ease-in-out infinite;background:var(--ep-accent)!important;outline:3px solid var(--ep-accent)!important;outline-offset:4px;position:relative;z-index:10}.is-hl,.is-hl .btn-bottom,.is-hl .btn-label,.is-hl .btn-top,.is-hl .pad-num{color:#fff!important}@keyframes hl-pulse{0%,to{box-shadow:0 0 0 4px #f15a2259,0 0 18px #f15a2299;outline-width:3px}50%{box-shadow:0 0 0 8px #f15a2233,0 0 32px #f15a22cc;outline-width:3px}}.ep-topbar{grid-gap:8px;align-items:flex-start;border-bottom:1px dashed var(--ep-line);color:var(--ep-ink-3);display:grid;font-size:8px;gap:8px;grid-template-columns:14px 1fr auto auto auto 14px;letter-spacing:.16em;padding-bottom:4px;text-transform:uppercase}.ep-screws{align-items:center;display:flex;gap:4px}.ep-screws i{border:1px solid var(--ep-line);border-radius:50%;display:block;height:4px;width:4px}.ep-toggle{border:1px solid var(--ep-line);height:14px}.ep-toggle,.tog{align-items:center;display:inline-flex}.tog{border-right:1px solid var(--ep-line);color:var(--ep-ink-3);font-size:7.5px;height:100%;justify-content:center;letter-spacing:.16em;padding:0 6px}.tog:last-child{border-right:0}.tog.is-on{background:var(--ep-accent);color:#fff;font-weight:600}.ep-io .tog:not(.is-on){background:#d0d0d0;color:#444}.tog-midi,.tog-sync{background:#1a1a1a;color:#fff}.tog-flat{align-items:center;border:1px solid var(--ep-line);color:var(--ep-ink-3);display:inline-flex;font-size:7.5px;height:14px;letter-spacing:.14em;padding:0 8px}.ep-toggle:not(.ep-io) .tog-flat{background:#888;color:#fff}.ep-power .tog-flat{background:#d0d0d0;color:#444}.pwr-tab{background:var(--ep-accent);border:1px solid var(--ep-accent);display:inline-block;height:14px;width:8px}.ep-brand-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1.7fr 1fr}.ep-brand{background:var(--ep-panel);border:1px solid var(--ep-line);justify-content:space-between;padding:8px 10px}.brand-mark,.ep-brand{display:flex;flex-direction:column}.brand-mark{gap:1px}.brand-line{color:var(--ep-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:.04em;line-height:1}.brand-line .brand-ii{font-style:italic;font-weight:700}.brand-sub{color:var(--ep-accent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:10px;letter-spacing:.06em}.brand-meta{color:var(--ep-ink-3);font-size:7.5px;letter-spacing:.18em;text-transform:uppercase}.ep-speaker{background:var(--ep-panel);border:1px solid var(--ep-line);overflow:hidden;position:relative}.speaker-grille{background-image:radial-gradient(circle,var(--ep-ink-3) 1px,#0000 1.4px);background-size:6px 6px;inset:4px;opacity:.5;position:absolute}.ep-lcd{background:#0a0a0a;border:1px solid var(--ep-line);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;overflow:hidden;padding:6px 10px;position:relative}.lcd-row{align-items:center;color:#f15a22;display:flex;font-size:8px;gap:6px;letter-spacing:.1em}.lcd-bar{border:1px solid #f15a22;color:#f15a22;font-size:7.5px;padding:1px 2px}.lcd-7seg{color:#fff;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.05em;line-height:1}.lcd-7seg .dot{color:#f15a22}.lcd-ico{color:#c34419;font-size:7.5px;letter-spacing:.1em}.lcd-rec{background:#f15a22;border-radius:50%;height:7px;width:7px}.lcd-play{border-bottom:4px solid #0000;border-left:6px solid #fff;border-top:4px solid #0000;height:0;width:0}.lcd-disc{border-radius:50%;display:inline-block;height:20px;margin-left:auto;position:relative;width:20px}.lcd-disc-q{height:50%;position:absolute;width:50%}.lcd-disc-q.q1{background:#f15a22;border-top-left-radius:100%;left:0;top:0}.lcd-disc-q.q2{background:#f0c14b;border-top-right-radius:100%;right:0;top:0}.lcd-disc-q.q3{background:#5fb0d4;border-bottom-right-radius:100%;bottom:0;right:0}.lcd-disc-q.q4{background:#c34419;border-bottom-left-radius:100%;bottom:0;left:0}.lcd-disc-c{background:#0a0a0a;border-radius:50%;inset:35%;position:absolute}.lcd-bars{background:linear-gradient(90deg,#c34419 1px,#0000 0) 0 0/2px 100%;height:8px;width:8px}.lcd-stereo{border:1px solid #c34419;color:#c34419;font-size:7px;padding:0 2px}.lcd-fx,.lcd-q{border:1px solid #f15a22;color:#f15a22;font-size:7.5px;font-weight:600;padding:0 2px}.lcd-batt{border:1px solid #c34419;display:inline-block;height:6px;position:relative;width:10px}.lcd-batt:after{background:#c34419;content:"";height:4px;position:absolute;right:-2px;top:1px;width:1px}.lcd-batt2{border:1px solid #c34419;display:inline-block;height:6px;position:relative;width:10px}.lcd-batt2:after{background:#c34419;content:"";height:4px;position:absolute;right:-2px;top:1px;width:1px}.lcd-tri{border-bottom:3px solid #0000;border-left:5px solid #f15a22;border-top:3px solid #0000;display:inline-block;height:0;width:0}.lcd-square{border:1px solid #c34419;display:inline-block;height:6px;width:6px}.lcd-grid{background:linear-gradient(#c34419 1px,#0000 0) 0 0/100% 3px,linear-gradient(90deg,#c34419 1px,#0000 0) 0 0/3px 100%;display:inline-block;height:9px;opacity:.8;width:9px}.lcd-c{align-items:center;border:1px solid #fff;color:#fff;display:inline-flex;font-size:7px;height:9px;justify-content:center;letter-spacing:0;width:10px}.lcd-wave{background:radial-gradient(circle at 50% 50%,#0000 2px,#f15a22 0,#f15a22 3px,#0000 0);height:8px;width:10px}.lcd-dots,.lcd-wave{display:inline-block}.lcd-dots{background-image:radial-gradient(circle,#f15a22 .8px,#0000 1px);background-size:3px 3px;height:9px;width:9px}.lcd-swing{font-size:7px;letter-spacing:.1em}.ep-main{display:flex;flex-direction:column;gap:4px;min-height:0;position:relative}.ep-fn-row{display:flex;flex-shrink:0;gap:3px}.ep-toplabels{color:var(--ep-ink-3);flex-shrink:0;font-size:7.5px;height:10px;letter-spacing:.2em;position:relative;text-transform:uppercase}.tlab{align-items:center;display:inline-flex;gap:4px;position:absolute;white-space:nowrap}.tlab-volume{left:1.5%}.tlab-bpm{left:78%;transform:translateX(-50%)}.tlab-metro{left:auto;right:0;transform:none}.bracket-l{border-left:1px solid var(--ep-ink-4)}.bracket-l,.bracket-r{border-top:1px solid var(--ep-ink-4);height:4px;width:14px}.bracket-r{border-right:1px solid var(--ep-ink-4)}.ep-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:1fr 1.05fr 1.05fr 1.05fr 1.05fr 1.05fr 1.05fr;grid-template-rows:auto 58px 8px 58px 8px 58px 8px 58px;min-height:0}.ep-grid,.g{align-items:stretch}.g{display:flex;justify-content:stretch;min-width:0;position:relative}.g>*{width:100%}.g-r0{align-items:center;flex-direction:column;gap:2px;grid-row:1;justify-content:center;min-height:60px}.g-r1{grid-row:2}.g-r1b{grid-row:3}.g-r2{grid-row:4}.g-r2b{grid-row:5}.g-r3{grid-row:6}.g-r3b{grid-row:7}.g-r4{grid-row:8}.g-c1{grid-column:1}.g-c2{grid-column:2}.g-c3{grid-column:3}.g-c4{grid-column:4}.g-c5{grid-column:5}.g-c6{grid-column:6}.g-c7{grid-column:7}.g-knob-bpm{grid-column:6}.g-knob-metro{align-items:center;grid-column:7}.g-slider{padding:0 4px}.ep-slider,.g-slider{align-items:center;justify-content:center}.ep-slider{cursor:pointer;display:flex;height:100%;position:relative;width:100%}.slider-track{background:var(--ep-line);height:80%;width:1.5px}.slider-thumb{background:var(--ep-key-g);border:1px solid var(--ep-line);height:7px;position:absolute;top:55%;transform:translateY(-50%);width:14px}.g-sublabel{align-items:center;color:var(--ep-ink-4);display:flex;font-size:6.5px;gap:3px;justify-content:center;letter-spacing:.18em;text-align:center;text-transform:uppercase}.g-sublabel:before{background:var(--ep-accent);border-radius:50%;content:"";height:3px;width:3px}.g-sub{color:var(--ep-ink-4);font-size:6.5px;letter-spacing:.18em;margin-top:2px;text-align:center;text-transform:uppercase}.g-axis{bottom:-2px;color:var(--ep-accent);font-size:7px;letter-spacing:.14em;padding:0 3px;position:absolute}.btn,.g-axis{font-weight:600}.btn{align-items:center;background:var(--ep-key-w);border:1px solid var(--ep-line);color:var(--ep-ink);cursor:pointer;display:flex;flex-direction:column;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:8px;gap:1px;justify-content:center;letter-spacing:.1em;min-height:24px;padding:3px;position:relative;transition:transform .08s,box-shadow .12s;-webkit-user-select:none;user-select:none}.btn:hover{box-shadow:0 0 0 1px var(--ep-line) inset}.btn:active{transform:translateY(1px)}.btn-label{font-size:8px}[data-id=minus] .btn-label,[data-id=plus] .btn-label{font-size:16px}.btn-top{color:var(--ep-ink);font-size:8px;letter-spacing:.12em;line-height:1.1}.btn-bottom{color:var(--ep-ink-3);font-size:7.5px;font-weight:500;letter-spacing:.12em}.btn-white{background:var(--ep-key-w)}.btn-white,.btn-white .btn-top{color:#1a1a1a}.btn-orange{background:var(--ep-accent);border-color:var(--ep-accent);color:#fff}.btn-orange .btn-top{color:#fff}.btn-ghost{background:var(--ep-key-k);border-color:var(--ep-line);color:#d6d6d2;font-size:8px;letter-spacing:.14em}.btn-ghost,[data-id=erase],[data-id=fx],[data-id=sample],[data-id=timing]{align-self:center;height:29px;min-height:0}.pad{align-items:flex-end;border:1px solid var(--ep-line);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:14px;font-weight:700;justify-content:flex-start;min-height:0;padding:4px 5px;position:relative;transition:transform .08s;-webkit-user-select:none;user-select:none}.pad:hover{box-shadow:0 0 0 1px var(--ep-line) inset}.pad:active{transform:translateY(1px)}.pad-num{display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.04em;text-align:left;width:100%}.pad-led{background:var(--ep-accent);border-radius:50%;box-shadow:0 0 3px var(--ep-accent);height:3px;left:5px;position:absolute;top:2px;width:3px}.pad-pad{background:var(--ep-key-k);color:#d6d6d2}.pad-pad .pad-num{color:#d6d6d2;font-size:14px}.pad-letter{background:var(--ep-key-w);color:#1a1a1a}.pad-letter .pad-num{color:#1a1a1a;font-size:11px;font-weight:700}.pad-num-wide{align-items:center;background:var(--ep-key-k);color:#d6d6d2;font-weight:600;justify-content:center;letter-spacing:.16em}.pad-num-wide,.pad-num-wide .pad-num{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:7.5px}.pad-num-wide .pad-num{text-align:center}.knob{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.knob-md .knob-dial{height:24px;width:24px}.knob-lg .knob-dial{height:30px;width:30px}.knob-xl .knob-dial{height:38px;width:38px}.knob-dial{background:var(--ep-key-w);border:1.5px solid var(--ep-line);border-radius:50%;position:relative}.knob-tick{height:6px;left:50%;top:3px;transform:translateX(-50%);width:1.5px}.knob-axis,.knob-tick{background:#1a1a1a;position:absolute}.knob-axis{align-items:center;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:7px;font-weight:700;height:10px;justify-content:center;right:-2px;width:10px}.knob-white .knob-dial{background:var(--ep-key-w);border-color:var(--ep-line)}.knob-black .knob-dial{background:var(--ep-key-k);border-color:var(--ep-key-k)}.knob-black .knob-tick{background:#d6d6d2}.knob-black .knob-axis{background:var(--ep-key-w);color:#1a1a1a}.knob-orange .knob-dial{background:var(--ep-accent);border-color:var(--ep-accent)}.knob-orange .knob-tick{background:#fff}.rail-seq{align-items:center;color:#4a4a47;color:var(--ink-4);display:inline-flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:9.5px;gap:4px;letter-spacing:.1em;max-width:420px;overflow:hidden;white-space:nowrap}.rail-seq-arrow{color:#f15a22;color:var(--accent);font-size:11px;opacity:.6}.step-timeline{background:#1f1f1f;background:var(--bg-2);border-top:2px solid #f15a2273;border-top:2px solid var(--accent-line);flex-shrink:0;padding:10px 14px 12px;position:relative;z-index:5}.step-tl-head{align-items:flex-start;display:flex;gap:12px;margin-top:10px;min-width:0}.step-tl-label{color:#6f6f6a;color:var(--ink-3);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.2em;padding-top:1px;text-transform:uppercase;white-space:nowrap}.step-tl-label b{color:#f15a22;color:var(--accent);font-weight:600}.step-tl-desc{color:#b6b6b1;color:var(--ink-2);flex:1 1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:12px;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-tl-controls{display:flex;flex-shrink:0;gap:6px}.tl-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#b6b6b1;color:var(--ink-2);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:4px 10px;text-transform:uppercase;transition:border-color .12s,color .12s,background .12s}.tl-btn:hover{background:#f15a222e;background:var(--accent-glow);border-color:#f15a2273;border-color:var(--accent-line);color:#f15a22;color:var(--accent)}.tl-btn-close:hover{background:#0000;border-color:#e0584a;border-color:var(--red);color:#e0584a;color:var(--red)}.step-seq{align-items:center;display:flex;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.step-seq::-webkit-scrollbar{display:none}.seq-step{align-items:center;-webkit-appearance:none;appearance:none;background:#181818;background:var(--bg-1);border:1px solid #2a2a2a;border:1px solid var(--line);border-radius:1px;color:#6f6f6a;color:var(--ink-3);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:9px;gap:3px;letter-spacing:.08em;min-width:62px;padding:6px 9px;position:relative;transition:border-color .12s,color .12s,background .15s,transform .15s,box-shadow .15s}.seq-step:hover{border-color:#353535;border-color:var(--line-2);color:#ececea;color:var(--ink)}.seq-step.active{animation:seq-pop .2s cubic-bezier(.34,1.56,.64,1);background:#131313;background:var(--bg);border-color:#f15a22;border-color:var(--accent);box-shadow:0 0 0 3px #f15a222e,0 2px 12px #00000040;box-shadow:0 0 0 3px var(--accent-glow),0 2px 12px #00000040;color:#ececea;color:var(--ink);transform:translateY(-3px);z-index:2}.seq-step.past{border-color:#2a2a2a;border-color:var(--line);opacity:.65}.seq-step.past,.seq-step.past .seq-num,.seq-step.past .seq-verb{color:#6cc99a;color:var(--green)}@keyframes seq-pop{0%{transform:translateY(0) scale(.95)}60%{transform:translateY(-4px) scale(1.04)}to{transform:translateY(-3px) scale(1)}}.seq-num{color:#4a4a47;color:var(--ink-4);font-size:7.5px;line-height:1}.seq-step.active .seq-num{color:#f15a22;color:var(--accent)}.seq-verb{font-size:10.5px;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase}.seq-step.active .seq-verb{color:#f15a22;color:var(--accent)}.seq-btn{font-size:8px;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.seq-arrow{background:#353535;background:var(--line-2);flex-shrink:0;height:1px;margin:0 -1px;position:relative;width:18px}.seq-arrow:after{border-bottom:4px solid #0000;border-left:6px solid #353535;border-left:6px solid var(--line-2);border-top:4px solid #0000;content:"";height:0;position:absolute;right:-1px;top:-3px;transition:border-left-color .12s;width:0}.seq-arrow.past{background:#f15a2273;background:var(--accent-line)}.seq-arrow.past:after{border-left-color:#f15a2273;border-left-color:var(--accent-line)}.step-progress{background:#2a2a2a;background:var(--line);border-radius:1px;height:2px;margin-top:10px;overflow:hidden}.step-progress-fill{animation:progress-fill 2s linear forwards;background:#f15a22;background:var(--accent);border-radius:1px;height:100%;width:0}@keyframes progress-fill{0%{width:0}to{width:100%}}.method-switcher{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--line);display:flex;gap:4px;justify-content:flex-start;padding:6px 12px}.method-switcher-stage{align-items:center;bottom:14px;display:flex;gap:6px;left:14px;padding:5px 0;position:absolute;z-index:6}.method-tab{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #353535;border:1px solid var(--line-2);border-radius:1px;color:#6f6f6a;color:var(--ink-3);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:9px;letter-spacing:.1em;padding:3px 9px;text-transform:uppercase;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.method-tab:hover{border-color:#f15a2273;border-color:var(--accent-line);color:#ececea;color:var(--ink)}.method-tab.active{background:#f15a222e;background:var(--accent-glow);border-color:#f15a22;border-color:var(--accent);color:#f15a22;color:var(--accent)}.btn-callout{animation:callout-enter .18s cubic-bezier(.34,1.4,.64,1);background:#131313;background:var(--bg);border:1px solid #353535;border-left:3px solid #f15a22;border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:1px;box-shadow:0 6px 24px #00000059;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);max-width:175px;min-width:110px;padding:9px 13px 10px;pointer-events:none;position:absolute;z-index:10}@keyframes callout-enter{0%{opacity:0;transform:scale(.88) translateX(-6px)}to{opacity:1;transform:scale(1) translateX(0)}}.callout-verb{color:#f15a22;color:var(--accent);font-size:16px;font-weight:700;letter-spacing:.12em;line-height:1;margin-bottom:3px}.callout-btn,.callout-verb{display:block;text-transform:uppercase}.callout-btn{color:#ececea;color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.2em;margin-bottom:7px}.callout-desc{color:#b6b6b1;color:var(--ink-2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:11.5px;line-height:1.4;margin:0}@keyframes tip-blink{0%,19%,75%,to{background:#0000;border-color:#2a2a2a;border-color:var(--line);box-shadow:none;color:#b6b6b1;color:var(--ink-2)}21%{background:#f15a22;background:var(--accent);border-color:#f15a22;border-color:var(--accent);box-shadow:0 0 10px #f15a2273;box-shadow:0 0 10px var(--accent-line);color:#fff}69%{background:#f15a22;background:var(--accent);border-color:#f15a22;border-color:var(--accent);box-shadow:0 0 10px #f15a2273;box-shadow:0 0 10px var(--accent-line);color:#fff}72%{background:#0000;border-color:#2a2a2a;border-color:var(--line);box-shadow:none;color:#b6b6b1;color:var(--ink-2)}}.donate-btn{animation:tip-blink 20s ease-in-out infinite}@keyframes banner-fly{0%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(calc(-50% + 32vw)) translateY(-90px) scale(.04)}}.welcome-banner{align-items:flex-start;background:#181818;background:var(--bg-1);border:1px solid #f15a22;border:1px solid var(--accent);border-radius:2px;box-shadow:0 8px 32px #00000080;display:flex;gap:16px;left:50%;max-width:calc(100% - 28px);padding:14px 18px;position:absolute;top:40px;transform:translateX(-50%);transform-origin:top center;width:-webkit-max-content;width:max-content;z-index:20}.welcome-banner.flying{animation:banner-fly .6s cubic-bezier(.4,0,1,1) forwards}.welcome-text{color:#b6b6b1;color:var(--ink-2);flex:1 1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--sans);font-size:14px;line-height:1.6;margin:0}.welcome-accent{color:#f15a22;color:var(--accent);font-weight:500}.welcome-close{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#6f6f6a;color:var(--ink-3);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;margin-top:-2px;padding:0;transition:color .1s}.welcome-close:hover{color:#ececea;color:var(--ink)}
/*# sourceMappingURL=main.31f7ead4.css.map*/