:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--panel:#111418;--panel-2:#161a1f;--pane:#0c0f12;--border:#1f242b;--border-2:#2a313a;--fg:#e6e8eb;--fg-dim:#8b949e;--fg-mute:#5b6472;--accent:#d6ff3f;--accent-dim:#9bbf2c;--accent-soft:#d6ff3f14;--accent-soft-2:#d6ff3f24;--on-accent:#0a0c00;--warn:#ff9f43;--err:#ff5c5c;--mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--serif:"DM Serif Display", ui-serif, Georgia, serif;--panel-width:420px;--header-height:56px;--shadow:0 14px 30px #0009}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-mute)}button,input,select,textarea{font:inherit;color:inherit}code,kbd{font-family:var(--mono)}kbd{color:var(--fg);background:var(--panel);border:1px solid var(--border-2);padding:0 5px;font-size:10px;display:inline-block}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app-header{height:var(--header-height);border-bottom:1px solid var(--border);background:linear-gradient(180deg, #0d1014, var(--bg));justify-content:space-between;align-items:baseline;gap:16px;padding:14px 22px;display:flex}.app-brand{align-items:baseline;gap:14px;min-width:0;display:flex}.app-brand h1{font-family:var(--serif);letter-spacing:.5px;margin:0;font-size:28px;font-weight:400}.app-tag,.app-version{color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:11px}.app-version{letter-spacing:.08em}.app-status{color:var(--fg-dim);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-self:center;font-size:11px;line-height:1}.app-status .dot{vertical-align:baseline;background:var(--fg-mute);border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block;position:relative;bottom:0}@supports (height:1cap){.app-status .dot{bottom:calc(.5cap - 4px)}}.app-status[data-status=running] .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.app-status[data-status=running]{color:var(--accent)}.app-status[data-status=paused] .dot{background:var(--warn);animation:.9s ease-in-out infinite pulse}.app-status[data-status=paused]{color:var(--warn)}.btn{border:1px solid var(--border-2);background:var(--panel);color:var(--fg);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--fire,.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--fire{flex:auto}.btn--fire:hover:not(:disabled),.btn--primary:hover:not(:disabled){color:var(--on-accent);background:#e7ff66}.btn--small{letter-spacing:.14em;padding:7px 10px;font-size:10px}.btn-group{display:flex}.btn-group .btn{letter-spacing:0;padding-inline:12px}.btn-group .btn+.btn{margin-left:-1px}.btn-group .btn:hover{z-index:1;position:relative}.toast{z-index:50;background:var(--accent);max-width:min(90vw,520px);color:var(--on-accent);letter-spacing:.18em;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;padding:10px 16px;font-size:11px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)translateY(20px)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.toast.is-error{background:var(--err);color:#1a0000}.app-nav{align-items:baseline;gap:18px;margin-left:auto;margin-right:22px;display:flex}.app-nav a{color:var(--fg-dim);letter-spacing:.18em;text-transform:uppercase;font-size:11px;text-decoration:none}.app-nav a:hover,.app-nav a[aria-current=page]{color:var(--accent)}.lang-switch{align-self:center;margin-right:18px;display:flex}.lang-option{border:1px solid var(--border-2);color:var(--fg-mute);letter-spacing:.12em;cursor:pointer;background:0 0;padding:4px 7px;font-size:10px;font-weight:700}.lang-option+.lang-option{margin-left:-1px}.lang-option:hover{color:var(--accent);border-color:var(--accent);position:relative}.lang-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft-2);color:var(--accent);position:relative}@media (width<=720px){.app-header{gap:10px;padding:10px 12px}.app-brand h1{font-size:22px}.app-tag,.app-version{display:none}.app-brand{flex-shrink:0}.app-nav{scrollbar-width:none;gap:8px;min-width:0;margin-right:0;overflow-x:auto}.app-nav a{letter-spacing:.04em;white-space:nowrap;font-size:10px}.app-status>:not(.dot),.app-nav .app-nav-extra{display:none}.lang-switch{margin-right:0}.lang-option{padding:3px 5px}}@media (width<=380px){.app-brand h1{font-size:19px}.app-nav{gap:6px}.lang-option{padding:3px 4px}}html,body{height:100%;overflow:hidden}body{grid-template-columns:minmax(0, 1fr) var(--panel-width);grid-template-rows:var(--header-height) minmax(0, 1fr);height:100dvh;display:grid}.app-header{grid-column:1/-1}.panel{overscroll-behavior:contain;background:var(--pane);border-left:1px solid var(--border);min-width:0;height:100%;position:relative;overflow:hidden auto}.topbar{z-index:5;background:var(--pane);border-bottom:1px solid var(--border);padding:14px 22px;position:sticky;top:0}.actions{gap:8px;display:flex}.panel-tabs{margin:12px -22px -14px;padding:0 22px;display:flex}.panel-tab{color:var(--fg-mute);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;padding:10px 8px 9px;font-size:10px;font-weight:700}.panel-tab:hover{color:var(--fg-dim)}.panel-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.tab-panel[hidden]{display:none}.share-row{gap:6px;display:flex}.share-link{min-width:0;color:var(--fg-dim);flex:auto;font-size:11px}.code-mode,.mode-switch{margin-bottom:8px;display:flex}.code-mode-option,.mode-option{border:1px solid var(--border-2);color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1 1 0;padding:6px 8px;font-size:10px;font-weight:700}.code-mode-option+.code-mode-option,.mode-option+.mode-option{margin-left:-1px}.code-mode-option:hover,.mode-option:hover{border-color:var(--accent);color:var(--accent);position:relative}.code-mode-option[aria-pressed=true],.mode-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft-2);color:var(--accent);position:relative}.mode-row{padding:16px 22px 0}.mode-switch{margin-bottom:0}.mode-option{position:relative}.mode-option:hover,.mode-option[aria-pressed=true]{z-index:1}.mode-badge{background:var(--warn);min-width:14px;color:var(--on-accent);letter-spacing:0;text-align:center;border-radius:7px;padding:0 4px;font-size:9px;line-height:14px;position:absolute;top:-7px;right:-7px}.mode-badge[hidden],#tab-controls[data-mode=basic] [data-advanced]{display:none}#tab-controls[data-mode=basic] .control:not(:has(~.control:not([data-advanced]))){border-bottom:none}.code-preview{border:1px solid var(--border);background:var(--panel-2);max-height:320px;color:var(--fg);tab-size:2;margin:0;padding:10px 12px;font-size:11px;line-height:1.55;overflow:auto}.block{padding:18px 22px 4px}.block:last-child{padding-bottom:22px}.block-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.block-title{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:10px;margin:0 0 10px;font-size:10px;font-weight:700;display:flex}.block-head .block-title{margin:0}.block-title:before{content:"";background:var(--accent);flex:none;width:6px;height:6px}.block-title code{color:var(--fg-mute);letter-spacing:.04em;text-transform:none;font-weight:400}.presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preset{border:1px solid var(--border);background:var(--panel-2);color:var(--fg);text-align:left;cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:9px 10px;transition:border-color .12s,background .12s;display:grid}.preset:hover{border-color:var(--accent);background:var(--accent-soft)}.preset:active{background:var(--accent-soft-2)}.preset-icon{grid-row:1/3;font-size:18px;line-height:1}.preset-label{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.preset:hover .preset-label{color:var(--accent)}.preset-code{color:var(--fg-mute);font-size:10px}.preset-item{display:grid;position:relative}.preset-item .preset-code{margin-right:24px}.preset-add{border:1px solid var(--border-2);background:var(--panel);width:20px;height:20px;color:var(--fg-dim);font:inherit;cursor:pointer;place-items:center;padding:0;font-size:13px;line-height:1;display:inline-grid;position:absolute;bottom:6px;right:6px}.preset-add:hover,.preset-add:focus-visible{border-color:var(--accent);color:var(--accent)}.sections{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.section{border-bottom:1px solid var(--border)}.section-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 0;list-style:none;display:flex}.section-summary::-webkit-details-marker{display:none}.section-icon{width:16px;height:16px;color:var(--fg-mute);place-items:center;font-size:11px;display:grid}.section-icon svg{width:14px;height:14px}.section-title{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.section-summary:hover .section-title,.section-summary:hover .section-icon,.section[open] .section-icon{color:var(--accent)}.section[open] .section-title{color:var(--fg)}.section-badge{color:var(--fg-mute);letter-spacing:.12em;margin-left:auto;font-size:10px}.section-badge.is-on{color:var(--accent)}.section-badge.is-dirty{color:var(--warn)}.section-chevron{border-right:1px solid var(--fg-mute);border-bottom:1px solid var(--fg-mute);width:7px;height:7px;margin-left:6px;transition:transform .14s;transform:rotate(-45deg)}.section-badge:empty+.section-chevron{margin-left:auto}.section[open] .section-chevron{border-color:var(--accent);transform:rotate(45deg)}.section-body{grid-template-columns:minmax(0,1fr);padding:0 0 12px;display:grid}.section-description{color:var(--fg-mute);letter-spacing:.02em;margin:0 0 8px;font-size:11px}.section-description code{color:var(--fg-dim)}.control{border-bottom:1px dotted var(--border);gap:8px;padding:9px 0;display:grid}.control:last-child{border-bottom:none}.control.is-inactive{opacity:.4}.control-head{align-items:center;gap:8px;min-width:0;display:flex}.control-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);flex:none;font-size:11px}.control-param{border:1px solid var(--border);min-width:0;color:var(--fg-mute);white-space:nowrap;text-overflow:ellipsis;padding:0 5px;font-size:10px;overflow:hidden}.control-hint{border:1px solid var(--border-2);width:14px;height:14px;color:var(--fg-mute);font-family:var(--serif);cursor:help;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:11px;line-height:1;display:inline-grid}.control-hint:hover,.control-hint:focus-visible,.control-hint[aria-describedby]{border-color:var(--accent);color:var(--accent)}.hint-tooltip{z-index:60;border:1px solid var(--accent);background:var(--panel-2);max-width:min(280px,100vw - 16px);color:var(--fg);letter-spacing:.02em;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;padding:8px 10px;font-size:11px;line-height:1.5;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 6px 24px #00000073}.hint-tooltip.is-visible{opacity:1;visibility:visible}.control-value{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none;margin-left:auto;font-size:13px;font-weight:700}.control--toggle{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center}.slider{--fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:14px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--fill), var(--border-2) var(--fill) 100%);height:2px}.slider::-moz-range-track{background:var(--border-2);height:2px}.slider::-moz-range-progress{background:var(--accent);height:2px}.slider::-webkit-slider-thumb{background:var(--accent);appearance:none;border:0;width:12px;height:12px;margin-top:-5px;transition:transform .12s}.slider::-moz-range-thumb{background:var(--accent);border:0;border-radius:0;width:12px;height:12px}.slider:hover::-webkit-slider-thumb{transform:scale(1.25)}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:disabled{cursor:not-allowed}.slider:disabled::-webkit-slider-thumb{background:var(--fg-mute)}.span-slider{isolation:isolate;height:14px;position:relative}.span-slider:before,.span-slider:after{content:"";height:2px;position:absolute;top:6px}.span-slider:before{background:var(--border-2);left:0;right:0}.span-slider:after{left:var(--from);right:calc(100% - var(--to));background:var(--accent)}.span-thumb{z-index:1;pointer-events:none;touch-action:none;position:absolute;inset:0}.span-thumb::-webkit-slider-runnable-track{background:0 0}.span-thumb::-moz-range-track{background:0 0}.span-thumb::-moz-range-progress{background:0 0}.span-thumb::-webkit-slider-thumb{pointer-events:auto}.span-thumb::-moz-range-thumb{pointer-events:auto}.span-thumb.is-top{z-index:2}.span-thumb:focus-visible::-webkit-slider-thumb{outline:1px solid var(--fg);outline-offset:2px}.span-thumb:focus-visible::-moz-range-thumb{outline:1px solid var(--fg);outline-offset:2px}.control-value-edit{cursor:text;background:0 0;border:0;flex:none;margin-left:auto;padding:0}.control-value-edit:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.control-value-edit:hover:not(:disabled) .control-value{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.control-value-edit:disabled{cursor:not-allowed}.control-head.is-editing{flex-wrap:wrap;row-gap:4px}.value-editor{flex:none;align-items:center;gap:4px;max-width:100%;margin-left:auto;display:inline-flex}.value-input{border:1px solid var(--border-2);background:var(--panel-2);width:auto;min-width:0;max-width:72px;color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;border-radius:0;flex:72px;padding:1px 6px;font-size:13px;font-weight:700}.value-input:focus{border-color:var(--accent);outline:none}.value-input[aria-invalid=true]{outline:1px solid var(--err)}.value-separator{color:var(--fg-mute)}.select,.text-input,textarea{border:1px solid var(--border);background:var(--panel-2);width:100%;min-width:0;color:var(--fg);border-radius:0;padding:8px 10px;font-size:12px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-mute) 50%), linear-gradient(135deg, var(--fg-mute) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.select:hover,.text-input:hover,textarea:hover{border-color:var(--border-2)}.select:focus,.text-input:focus,textarea:focus{border-color:var(--accent);outline:none}.select:disabled,.text-input:disabled{cursor:not-allowed}.switch{cursor:pointer;flex-shrink:0;width:36px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{border:1px solid var(--border-2);background:var(--panel-2);pointer-events:none;border-radius:10px;transition:background .14s,border-color .14s;position:absolute;inset:0}.switch-track:after{content:"";background:var(--fg-mute);border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{border-color:var(--accent);background:var(--accent-soft-2)}.switch input:checked+.switch-track:after{background:var(--accent);transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:1px solid var(--accent);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.4}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--border);background:var(--panel-2);min-width:44px;color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;flex:auto;padding:7px 8px;font-size:10px;font-weight:700}.chip:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip:disabled{opacity:.35;cursor:not-allowed}.color-chip{background:var(--chip-color,#fff);height:24px;color:var(--chip-text,#0a0c00);cursor:pointer;border:1px solid #ffffff14;align-items:center;padding:0 8px;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.color-chip:hover{box-shadow:0 0 0 1px var(--accent);transform:translateY(-1px)}.color-chip:focus-within{outline:1px solid var(--accent);outline-offset:2px}.color-chip-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-chip-input:disabled{cursor:not-allowed}.color-chip-code{letter-spacing:.06em;text-transform:uppercase;pointer-events:none;font-size:10px;font-weight:700}.control--color .control-head .color-chip{margin-left:auto}.palette{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.palette-item{display:inline-flex;position:relative}.palette-remove{border:1px solid var(--border-2);background:var(--panel);width:14px;height:14px;color:var(--fg-dim);opacity:0;cursor:pointer;place-items:center;padding:0;font-size:10px;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:-6px;right:-6px}.palette-item:hover .palette-remove,.palette-remove:focus-visible{opacity:1}.palette-remove:hover{border-color:var(--err);color:var(--err)}.palette-add{border:1px dashed var(--border-2);width:24px;height:24px;color:var(--fg-mute);cursor:pointer;background:0 0;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.palette-add:hover:not(:disabled){border-style:solid;border-color:var(--accent);color:var(--accent)}.palette-empty{color:var(--fg-mute);letter-spacing:.08em;text-transform:uppercase;font-size:11px}@media (hover:none){.palette-remove{opacity:1}}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatches:empty{display:none}.swatch{border:1px solid #ffffff1a;width:14px;height:14px}.file-row{align-items:center;gap:10px;min-width:0;display:flex}.file-button{border:1px solid var(--border-2);background:var(--panel);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:7px 10px;font-size:10px;font-weight:700;position:relative}.file-button:hover{border-color:var(--accent);color:var(--accent)}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-preview{object-fit:contain;border:1px solid var(--border);background:var(--panel-2);width:28px;height:28px}.file-preview[hidden]{display:none}.file-name{min-width:0;color:var(--fg-mute);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cards{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.card{border:1px solid var(--border);background:var(--panel-2);transition:border-color .12s}.card.is-enabled{border-color:var(--accent-dim)}.card-header{cursor:pointer;align-items:center;gap:8px;padding:9px 10px;display:flex}.card-titles{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.card-title{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.card.is-enabled .card-title{color:var(--accent)}.card-titles code{min-width:0;color:var(--fg-mute);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.card-body{border-top:1px dotted var(--border);padding:0 10px 6px;display:none}.card.is-enabled .card-body{grid-template-columns:minmax(0,1fr);display:grid}.preset-chip{border:1px solid var(--accent-dim);background:var(--accent-soft);align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;font-size:11px;display:flex}.preset-chip[hidden]{display:none}.preset-chip-label{color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase}.preset-chip-name{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-chip-edited{color:var(--warn)}.preset-chip-clear{color:var(--fg-dim);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:14px}.preset-chip-clear:hover,.preset-chip-clear:focus-visible{color:var(--err)}.preset[aria-current=true]{border-color:var(--accent-dim)}.burst-bar{align-items:flex-start;gap:6px;margin-bottom:10px;display:flex}.burst-tabs{flex-wrap:wrap;flex:auto;gap:4px;min-width:0;display:flex}.burst-tab,.burst-action{border:1px solid var(--border-2);background:var(--panel);color:var(--fg-dim);font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:6px 9px;font-size:10px}.burst-tab[aria-selected=true]{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--accent)}.burst-actions{flex:none;gap:4px;display:flex}.burst-action{letter-spacing:0;min-width:28px;font-size:13px}.burst-tab:hover,.burst-action:hover:not(:disabled){border-color:var(--accent-dim);color:var(--fg)}.burst-action:disabled{opacity:.4;cursor:default}.card-overrides{border-top:1px dotted var(--border);gap:6px;padding:9px 0 3px;display:grid}.override-bar{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.override-title{color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:11px}.override-picker{flex:96px;min-width:0}.override-add{flex:none}.override-groups{gap:6px;display:grid}.override-group{border:1px solid var(--border-2);border-left:2px solid var(--accent-dim);background:var(--panel);padding:0 8px;display:grid}.override-head{justify-content:space-between;align-items:center;gap:8px;padding-top:7px;display:flex}.override-name{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.override-remove{border:1px solid var(--border-2);width:20px;height:20px;color:var(--fg-dim);font:inherit;cursor:pointer;background:0 0;place-items:center;padding:0;font-size:13px;line-height:1;display:inline-grid}.override-remove:hover,.override-remove:focus-visible{border-color:var(--err);color:var(--err)}.share-note{color:var(--warn);margin:8px 0 0;font-size:11px;line-height:1.5}.json textarea{resize:vertical;tab-size:2;min-height:240px;font-size:11px;line-height:1.55}.json-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.stage{background:repeating-linear-gradient(45deg, transparent 0 12px, #ffffff03 12px 13px), var(--bg);min-width:0;height:100%;position:relative;overflow:hidden}.stage-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-hit{position:absolute;inset:0}body.is-click-fire .stage-hit{cursor:crosshair}.hud{z-index:2;border:1px solid var(--border);background:#111418eb;margin:0;padding:10px 12px;position:absolute}.hud--stats{pointer-events:none;top:14px;left:14px}.stage-options{gap:6px;display:grid}.stage-options .pill-toggle{display:flex}.stage-options .pill-toggle code{margin-left:auto}.hud--log{width:min(300px,100% - 28px);padding:0;bottom:14px;left:14px}.hud--log summary{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:10px;font-weight:700;list-style:none;display:flex}.hud--log summary:before{content:"";background:var(--accent);flex:none;width:6px;height:6px}.hud--log summary::-webkit-details-marker{display:none}.hud--log summary code{color:var(--fg-mute);letter-spacing:.04em;text-transform:none;margin-left:auto;font-weight:400}.hud--log .event-log{padding:0 8px 10px 12px}.stats{grid-template-columns:repeat(3,auto);gap:4px 18px;display:grid}.stats div{flex-direction:column;min-width:64px;display:flex}.stats dt{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute);font-size:9px}.stats dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:700}.stats div.is-unavailable dd{color:var(--fg-mute)}.stats div.is-unavailable{cursor:help}.stats div:first-child dd{color:var(--accent)}.pill-toggle{border:1px solid var(--border-2);background:var(--panel);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.pill-toggle:hover{border-color:var(--accent)}.pill-toggle code{color:var(--fg-mute);letter-spacing:.04em;text-transform:none;font-weight:400}.stage-hint{z-index:1;text-align:right;max-width:calc(100% - 350px);color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;margin:0;font-size:11px;line-height:1.8;position:absolute;bottom:18px;right:18px}.stage-hint code{color:var(--fg-dim);letter-spacing:.04em;text-transform:none}.event-log{overscroll-behavior:contain;align-content:start;gap:0;width:100%;height:148px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.event-log:empty:before{content:attr(data-empty);color:var(--fg-mute);letter-spacing:.08em;font-size:11px}.event-log li{border-bottom:1px dotted var(--border);justify-content:space-between;gap:8px;padding:5px 0;animation:.2s pop-in;display:flex}.event-log code{color:var(--accent);font-size:11px}.event-log time{color:var(--fg-mute);font-size:10px}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width<=1100px){:root{--panel-width:360px}}@media (width<=720px){:root{--panel-width:min(52vw, 320px);--header-height:48px}body{font-size:12px}.topbar{padding:10px}.panel-tabs{margin:10px -10px -10px;padding:0 10px}.actions{flex-wrap:wrap}.btn--fire{flex:1 0 100%;min-width:0}.block,.mode-row{padding-inline:10px}.block-head{flex-wrap:wrap}.btn--small{letter-spacing:.06em;white-space:normal}.presets{grid-template-columns:1fr}.control-head{flex-wrap:wrap;row-gap:2px}.control-label{overflow-wrap:anywhere;flex:0 auto;min-width:0}.card-titles{flex-direction:column;align-items:flex-start;gap:2px}.card-titles code,.control-param{max-width:100%}.section-description{overflow-wrap:anywhere}.hud{padding:8px 10px}.hud--stats{top:8px;left:8px}.stats{grid-template-columns:repeat(3,auto);gap:2px 8px}.stats div{min-width:0}.stats dt{letter-spacing:.08em}.pill-toggle code,.stage-hint{display:none}.hud--log{width:calc(100% - 16px);top:96px;bottom:auto;left:8px}.hud--log summary code{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}