:root{--color-canvas: #0b0f0a;--color-surface: #0f1410;--color-rule: #1f2a1f;--color-rule-strong: #2c3a2c;--color-fg: #d7e5d0;--color-fg-muted: #9daa95;--color-fg-subtle: #7e8e76;--color-accent: #c8ff3d;--color-accent-strong: #deff6b;--color-accent-muted: #3d4f18;--color-accent-tint: rgba(200, 255, 61, .08);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display: "VT323", "JetBrains Mono", ui-monospace, monospace;--text-micro: 11px;--text-meta: 12px;--text-body: 14px;--text-h3: 16px;--text-h2: 18px;--text-h1: 28px;--text-display: 56px;--tracking-eyebrow: .16em;--tracking-badge: .12em;--tracking-button: .04em;--tracking-display: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--border-width: 1px;--radius-0: 0;--radius-sm: 2px;--shadow-status-dot: 0 0 0 3px rgba(200, 255, 61, .18);--max-width-shell: 1240px;--breakpoint-xs: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--duration-fast: .12s;--duration-flash: .7s;--duration-blink: 1.06s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--palette-mono-0: #4a5446;--palette-mono-1: #7e8e76;--palette-mono-2: #9daa95;--palette-mono-3: #d7e5d0;--palette-mono-4: #c8ff3d;--palette-acid-0: #0b0f0a;--palette-acid-1: #3d4f18;--palette-acid-2: #7fab1f;--palette-acid-3: #c8ff3d;--palette-acid-4: #f2ffb8;--palette-amber-0: #1a0f00;--palette-amber-1: #5a3000;--palette-amber-2: #b86400;--palette-amber-3: #ffa84a;--palette-amber-4: #ffe8b0;--palette-ice-0: #050a14;--palette-ice-1: #1e3260;--palette-ice-2: #4a78c8;--palette-ice-3: #9cc4ff;--palette-ice-4: #e8f2ff;--palette-cyber-0: #0a0014;--palette-cyber-1: #3d0a5a;--palette-cyber-2: #c81e96;--palette-cyber-3: #ff50c8;--palette-cyber-4: #50f0ff;--palette-rust-0: #0f0a08;--palette-rust-1: #3a1e14;--palette-rust-2: #8c4028;--palette-rust-3: #d2785a;--palette-rust-4: #f0dcc0;--palette-mint-rouge-0: #0b0f0a;--palette-mint-rouge-1: #5a6f50;--palette-mint-rouge-2: #c0d0b8;--palette-mint-rouge-3: #88e0b0;--palette-mint-rouge-4: #ff6478}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{background:var(--color-canvas);color:var(--color-fg);font:var(--text-body) / 1.65 var(--font-mono);font-weight:400;font-feature-settings:"liga" 0,"calt" 0;height:100%;overflow:hidden}::selection{background:var(--color-accent);color:var(--color-canvas)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-rule-strong)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shell{max-width:var(--max-width-shell);margin-inline:auto;padding-inline:var(--space-6);padding-block:var(--space-12)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--text-meta) / 1.55 var(--font-mono);font-weight:500;color:var(--color-fg)}.wordmark__glyph{color:var(--color-accent);flex-shrink:0}.wordmark__slash,.wordmark__path{color:var(--color-fg-subtle)}.wordmark__path{color:var(--color-fg-muted)}.frame{position:relative}.frame__corner{position:absolute;font:var(--text-meta) / 1 var(--font-mono);color:var(--color-rule-strong);user-select:none;pointer-events:none}.frame__corner--tl{top:-7px;left:-7px}.frame__corner--tr{top:-7px;right:-7px}.frame__corner--bl{bottom:-7px;left:-7px}.frame__corner--br{bottom:-7px;right:-7px}.section-label{display:block;padding:var(--space-4) var(--space-3) var(--space-2);font:600 var(--text-micro) / 1.5 var(--font-mono);color:var(--color-accent);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.param{--param-bg: transparent;--param-fg: var(--color-fg-muted);--param-key: var(--color-accent);--param-bracket: var(--color-fg-subtle)}.param:hover{--param-fg: var(--color-fg)}.param[data-active=true]{--param-bg: var(--color-accent-tint);--param-fg: var(--color-fg);--param-bracket: var(--color-accent);border-left:2px solid var(--color-accent);padding-left:calc(var(--space-3) - 2px)}.param{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;background:var(--param-bg);color:var(--param-fg);font:var(--text-body) / 1.65 var(--font-mono);text-align:left;cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.param__label{flex-shrink:0;display:inline-flex;align-items:baseline}.param__key{font-weight:600;letter-spacing:0;flex-shrink:0}.param__bracket{color:var(--param-bracket)}.param__letter{color:var(--param-key);text-transform:uppercase}.param__rest{color:inherit;font-weight:400}.param__value{font-variant-numeric:tabular-nums;color:var(--color-fg);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.param[data-active=true] .param__value{color:var(--color-accent-strong)}.param--inactive{opacity:.4}.param--inactive.param--active{opacity:1}.param__string-input{flex-shrink:0;min-width:4ch;max-width:100%;margin-left:auto;background:transparent;border:none;border-bottom:1px solid var(--color-accent-muted);color:var(--color-accent-strong);font:var(--text-body) / 1.65 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;outline:none;padding:0}.param__string-input:focus{border-bottom-color:var(--color-accent)}.params{display:flex;flex-direction:column;border-top:1px solid var(--color-rule)}.params>.param{border-bottom:1px solid var(--color-rule)}.render-frame{background:var(--color-canvas);padding:var(--space-4);position:relative;overflow:hidden}.render{margin:0;font:13px / 1.15 var(--font-mono);color:var(--color-fg-muted);white-space:pre;user-select:text;letter-spacing:0;overflow:hidden}.keybind-footer{display:flex;flex-direction:row;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-rule);font:var(--text-micro) / 1.5 var(--font-mono);color:var(--color-fg-subtle);font-weight:500}.keybind-footer__group{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.keybind-footer__group--right{margin-left:auto}.keybind-footer__label{font:600 var(--text-micro) / 1.5 var(--font-mono);color:var(--color-accent);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;padding-block:2px}.kb{display:inline-flex;align-items:center;gap:var(--space-1)}.kb kbd{font-family:var(--font-mono);font-weight:600;font-size:var(--text-micro);color:var(--color-accent);background:transparent;border:1px solid var(--color-accent-muted);padding:1px 5px;border-radius:0}.btn-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-accent-muted);background:transparent;color:var(--color-accent);font:var(--text-meta) / 1 var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-button);cursor:pointer;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-cta:hover{background:var(--color-accent-tint);border-color:var(--color-accent);color:var(--color-accent-strong)}.btn-cta:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-canvas);transform:scale(.97)}.btn-cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-cta[data-state=success]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-canvas)}.paste-in{display:block;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-rule);color:var(--color-fg);font:var(--text-body) / 1.65 var(--font-mono);font-weight:400;resize:vertical;min-height:8.2em;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.paste-in::placeholder{color:var(--color-fg-subtle)}.paste-in:focus{border-color:var(--color-accent-muted)}.paste-in[aria-invalid=true]{border-color:#c84a3a}.palette-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border:1px solid var(--color-accent-muted);background:transparent;color:var(--color-accent);font:var(--text-micro) / 1.5 var(--font-mono);font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.palette-tag[data-active=true]{background:var(--color-accent-tint);border-color:var(--color-accent)}.palette-tag:hover{border-color:var(--color-accent)}.palette-tag__swatches{display:inline-flex;gap:1px}.palette-tag__swatches>span{width:6px;height:12px;display:block}.badge{display:inline-flex;align-items:center;padding:1px var(--space-2);border:1px solid var(--color-accent-muted);color:var(--color-accent);font:var(--text-micro) / 1.5 var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-badge)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--color-accent);box-shadow:var(--shadow-status-dot);animation:status-dot-pulse 2.4s ease-in-out infinite}@keyframes status-dot-pulse{50%{box-shadow:0 0 0 5px #c8ff3d0d}}.status-dot[data-playing=false]{animation:none;box-shadow:none;opacity:.4}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.status-dot{animation:none}}.app{display:grid;grid-template-rows:auto 1fr auto auto;height:100dvh;overflow:hidden}.app__header{display:flex;align-items:center;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-rule)}.app__body{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0}.app__sidebar{border-right:1px solid var(--color-rule);overflow-y:auto;display:flex;flex-direction:column}.app__main{display:flex;align-items:stretch;padding:var(--space-6);min-width:0;overflow:hidden}.app__footer{border-top:1px solid var(--color-rule)}.app__main .frame.render-frame{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.paste-overlay{position:fixed;inset:0;z-index:200;align-items:center;justify-content:center}.paste-overlay:not([hidden]){display:flex}.paste-backdrop{position:absolute;inset:0;background:#0b0f0acc;cursor:pointer}.paste-panel{position:relative;width:min(480px,calc(100vw - var(--space-8)));background:var(--color-surface);border:1px solid var(--color-rule-strong);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);z-index:1}.paste-btn-row{display:flex;gap:var(--space-2)}.paste-cancel-btn{color:var(--color-fg-muted);border-color:var(--color-rule)}.paste-cancel-btn:hover{color:var(--color-fg);border-color:var(--color-fg-muted);background:transparent}.paste-error{font:var(--text-meta) / 1.5 var(--font-mono);color:#c84a3a}.paste-success{font:var(--text-meta) / 1.5 var(--font-mono);color:var(--color-accent)}.clipboard-fallback-modal{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0f0ae0;z-index:1000;padding:var(--space-6);gap:var(--space-4)}.clipboard-fallback-modal__heading{font:var(--text-h3) / 1.3 var(--font-mono);font-weight:600;color:var(--color-fg)}.clipboard-fallback-modal__instruction{font:var(--text-body) / 1.5 var(--font-mono);color:var(--color-fg-muted)}.clipboard-fallback-modal__textarea{width:min(560px,100%);min-height:200px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-rule);color:var(--color-fg);font:var(--text-meta) / 1.65 var(--font-mono);resize:vertical;outline:none}.clipboard-fallback-modal__textarea:focus{border-color:var(--color-accent-muted)}.touch-note{display:none;padding:var(--space-2) var(--space-4);font:var(--text-micro) / 1.5 var(--font-mono);color:var(--color-fg-subtle);border-top:1px solid var(--color-rule)}@media(max-width:479px){.touch-note{display:block}}.help-overlay{position:fixed;inset:0;z-index:200;align-items:center;justify-content:center}.help-overlay:not([hidden]){display:flex}.help-backdrop{position:absolute;inset:0;background:#0b0f0acc;cursor:pointer}.help-panel{position:relative;width:min(400px,calc(100vw - var(--space-8)));background:var(--color-surface);border:1px solid var(--color-rule-strong);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);z-index:1}.help-panel__heading{font:600 var(--text-micro) / 1.5 var(--font-mono);color:var(--color-accent);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.help-panel__body{font:var(--text-meta) / 1.6 var(--font-mono);color:var(--color-fg-muted)}.help-panel__keylist{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.help-panel__keyitem{display:flex;align-items:baseline;gap:var(--space-3);font:var(--text-meta) / 1.5 var(--font-mono);color:var(--color-fg-subtle)}.help-panel__keyitem kbd{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:600;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent-muted);padding:1px 5px;border-radius:0;min-width:3.2em;text-align:center;flex-shrink:0}.help-panel__footnote{font:var(--text-micro) / 1.5 var(--font-mono);color:var(--color-fg-subtle);border-top:1px solid var(--color-rule);padding-top:var(--space-3)}.help-panel__close{align-self:flex-start}.toast-region{position:fixed;bottom:calc(var(--space-8) + var(--space-4));right:var(--space-6);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{font:var(--text-micro) / 1.5 var(--font-mono);color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-rule);padding:var(--space-2) var(--space-4);border-radius:var(--radius-0);opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toast--visible{opacity:1;transform:translateY(0)}.toast--hiding{opacity:0;transform:translateY(-4px)}@media(max-width:767px){.app__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.app__sidebar{border-right:none;border-bottom:1px solid var(--color-rule);max-height:40vh;overflow-y:auto}.app__main{padding:var(--space-4);min-height:50vh;min-width:0;overflow:hidden}.keybind-footer__group{gap:var(--space-2) var(--space-4)}.toast-region{right:var(--space-4);bottom:calc(var(--space-6) + var(--space-4))}}@media(max-width:479px){.app__sidebar{max-height:none;overflow-x:auto;overflow-y:hidden}.params{flex-direction:row;border-top:none;border-left:1px solid var(--color-rule)}.params>.param{border-bottom:none;border-right:1px solid var(--color-rule);min-width:120px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.app__main{padding:var(--space-2);min-width:0;overflow:hidden}.keybind-footer{padding:var(--space-2) var(--space-3)}.keybind-footer__group{gap:var(--space-2) var(--space-3)}.toast-region{right:var(--space-2);left:var(--space-2);bottom:calc(var(--space-4) + var(--space-2))}}