.confirm-modal__overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--bg) 60%,transparent);display:grid;place-items:center;z-index:2000}.confirm-modal__surface{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);min-width:280px;max-width:400px;width:90vw;box-shadow:0 4px 24px color-mix(in oklch,var(--bg) 30%,transparent)}.confirm-modal__dialog{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);outline:none}.confirm-modal__title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--fg);line-height:1.3}.confirm-modal__body{margin:0;font-size:var(--text-sm);color:var(--fg-muted)}.confirm-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-1)}.toaster{position:fixed;bottom:var(--space-4);right:var(--space-4);pointer-events:none;z-index:1500;display:flex;flex-direction:column;gap:var(--space-2)}.toaster__message{background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);box-shadow:0 4px 24px color-mix(in oklch,var(--bg) 30%,transparent);pointer-events:auto;animation:toaster-fade .2s ease-out}@keyframes toaster-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.adsr-viz{width:100%;height:80px;display:block}.adsr-viz__bg{fill:var(--bg-elevated)}.adsr-viz__line{fill:none;stroke:var(--accent);stroke-width:1.25;vector-effect:non-scaling-stroke}.adsr-viz--instrument{height:56px}.dev-gallery{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.dev-gallery__header h1{margin:0 0 var(--space-2) 0}.dev-gallery__header p,.dev-gallery section>p{margin:0 0 var(--space-3) 0;color:var(--fg-muted);font-size:var(--text-xs)}.dev-gallery section>h2{margin:0 0 var(--space-2) 0}.dev-gallery__matrix,.dev-gallery__compound-table{border-collapse:collapse;width:100%}.dev-gallery__matrix th,.dev-gallery__matrix td,.dev-gallery__compound-table th,.dev-gallery__compound-table td{border:var(--border-thin) solid var(--border-subtle);padding:var(--space-2);text-align:left;vertical-align:middle}.dev-gallery__matrix th[scope=col],.dev-gallery__compound-table th[scope=col]{background:var(--bg-elevated);font-weight:600;font-size:var(--text-xs);color:var(--fg-muted)}.dev-gallery__matrix th[scope=row],.dev-gallery__compound-table th[scope=row]{background:var(--bg-surface);font-weight:600;font-size:var(--text-xs);white-space:nowrap}.workspace-drop-target{position:relative;width:100%;height:100%}.workspace-drop-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--accent) 22%,transparent);border:var(--border-thick) dashed var(--accent);z-index:2000}.workspace-drop-overlay__label{font-size:var(--text-lg);font-weight:600;color:var(--fg);background:var(--bg-surface);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--border-strong)}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/PixelifySans-Variable-Cbhn5ptY.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/VT323-Regular-wDgJuOC9.woff2) format("woff2")}:root{--space-0p25: 1px;--space-0p5: 2px;--space-1: 4px;--space-1p5: 6px;--space-2: 8px;--space-2p5: 10px;--space-3: 12px;--space-3p5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-2xs: 12px;--text-xs: 14px;--text-sm: 16px;--text-base: 18px;--text-lg: 20px;--text-xl: 24px;--radius-sm: 0;--radius-xs: 0;--radius-md: 1px;--radius-lg: 2px;--border-thin: 1px;--border-thick: 2px;--border-bold: 3px;--font-ui: "Pixelify Sans", system-ui, -apple-system, sans-serif;--font-mono: "VT323", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cart-color-0: rgb(10 10 20);--cart-color-1: rgb(240 240 255);--cart-color-2: rgb(106 169 255);--cart-color-3: rgb(204 34 85);--cart-color-4: rgb(255 153 51);--cart-color-5: rgb(51 204 119);--cart-color-6: rgb(42 42 74);--cart-color-7: rgb(153 153 187);--cart-color-8: rgb(17 34 136);--cart-color-9: rgb(51 85 221);--cart-color-10: rgb(119 34 204);--cart-color-11: rgb(187 136 221);--cart-color-12: rgb(34 204 187);--cart-color-13: rgb(26 102 68);--cart-color-14: rgb(181 234 215);--cart-color-15: rgb(255 85 119);--cart-color-16: rgb(255 183 197);--cart-color-17: rgb(170 0 51);--cart-color-18: rgb(255 224 102);--cart-color-19: rgb(204 85 17);--cart-color-20: rgb(122 64 48);--cart-color-21: rgb(160 96 64);--cart-color-22: rgb(200 133 90);--cart-color-23: rgb(255 213 170);--bg: var(--cart-color-0);--fg: var(--cart-color-1);--accent: var(--cart-color-2);--bg-surface: color-mix(in oklch, var(--bg) 92%, var(--fg));--bg-elevated: color-mix(in oklch, var(--bg) 84%, var(--fg));--border-subtle: color-mix(in oklch, var(--bg) 70%, var(--fg));--border-strong: color-mix(in oklch, var(--bg) 60%, var(--fg));--editor-section-border: color-mix(in oklch, var(--bg) 50%, var(--fg));--fg-muted: color-mix(in oklch, var(--fg) 70%, var(--bg));--fg-subtle: color-mix(in oklch, var(--fg) 55%, var(--bg-elevated));--accent-bg: color-mix(in oklch, var(--bg) 80%, var(--accent));--accent-hover: color-mix(in oklch, var(--accent) 78%, var(--fg));--ui-secondary: var(--cart-color-5);--ui-warm: var(--cart-color-4);--ui-strong: var(--cart-color-3);--ui-warm-bg: color-mix(in oklch, var(--bg) 84%, var(--ui-warm));--ui-strong-bg: color-mix(in oklch, var(--bg) 84%, var(--ui-strong));--control-hover: var(--accent-bg);--control-border-hover: var(--accent);--range-track: color-mix(in oklch, var(--bg) 68%, var(--fg));--range-track-hover: color-mix(in oklch, var(--bg) 58%, var(--ui-secondary));--range-fill: color-mix(in oklch, var(--accent) 88%, var(--fg));--focus-ring: var(--accent);--bevel-highlight: var(--fg);--bevel-shadow: var(--bg);--checkerboard-dark: #1a1a1a;--checkerboard-mid: #222222;--checkerboard-light: #2a2a2a;--checkerboard-soft: #2c2c2c;--debug-collider-stroke: #00ff88;--debug-collider-fill: rgb(0 255 136 / 30%);--swatch-marker-fg: #ffffff;--swatch-marker-shadow: rgba(0, 0, 0, .7);--swatch-marker-shadow-strong: rgba(0, 0, 0, .85)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-ui);background:var(--bg);color:var(--fg)}.editor-shell{display:flex;flex-direction:column;height:100%}.editor-workspace{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg)}.editor-workspace[data-grid]{background-image:radial-gradient(circle,color-mix(in oklch,var(--fg) 18%,transparent) 1px,transparent 1.5px);background-size:var(--space-2) var(--space-2)}.editor-header{flex:0 0 48px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:var(--border-thin) solid var(--border-subtle)}.editor-header h1{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--fg-muted)}.editor-header__opener-bar{display:flex;align-items:center;gap:var(--space-1);flex:1}.editor-header__opener-badge{display:inline-flex;align-items:center;gap:var(--space-0p5);margin-left:var(--space-1);color:var(--ui-strong);font-weight:600}.editor-header__opener-badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ui-strong)}.editor-dev-demo{background:var(--accent-bg);border:var(--border-thin) solid var(--border-strong);color:var(--fg);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-xs);cursor:pointer;align-self:center;margin-left:var(--space-2)}.editor-dev-demo:hover{border-color:var(--accent)}.cart-info{display:flex;flex-direction:column;height:100%;gap:var(--space-3);padding:var(--space-3);overflow-y:auto}.cart-info__tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-thin) solid var(--border-subtle);padding-bottom:var(--space-1)}.cart-info__tab{display:inline-flex;align-items:center;gap:var(--space-1)}.cart-info__tab[aria-selected=true]{background:var(--ui-strong-bg);color:var(--fg)}.cart-info__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.4em;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--ui-strong);color:var(--bg);font-size:var(--text-2xs);font-weight:600;font-variant-numeric:tabular-nums}.cart-info__panel{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0}.cart-info__cover-purpose{font-size:var(--text-xs);color:var(--fg-muted);margin:0;line-height:1.4}.cart-info__cover{display:flex;flex-direction:column;gap:var(--space-2)}.cart-info__canvas-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.cart-info__canvas-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--fg-muted);margin:0}.cart-info__canvas-controls{display:flex;align-items:center;gap:var(--space-2)}.cart-info__canvas-controls button{font-size:var(--text-xs);padding:var(--space-0p25) var(--space-2)}.cart-info__canvas-zoom-label{font-size:var(--text-xs);color:var(--fg-muted);min-width:2.5ch;text-align:center}.cart-info__canvas-wrap{display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--space-2);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow:auto;scrollbar-width:none;align-self:flex-start;width:calc(288px + 2 * var(--space-2));height:calc(288px + 2 * var(--space-2))}.cart-info__canvas-wrap::-webkit-scrollbar{display:none}.cart-info__canvas-wrap--pan{cursor:grab}.cart-info__canvas-wrap--panning{cursor:grabbing}.cart-info__fields{display:flex;flex-direction:column;gap:var(--space-2)}.cart-info__field .field__label{width:44px;flex-shrink:0}.cart-info__field input{flex:1;min-width:0}.cart-info__section-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:0 0 var(--space-1)}.cart-info__io,.cart-info__io-actions{display:flex;flex-direction:column;gap:var(--space-1)}.cart-info__io-error{font-size:var(--text-xs);color:var(--error);margin:0;cursor:pointer}.cart-info__io-recovery{font-size:var(--text-xs);display:flex;flex-direction:column;gap:var(--space-1)}.cart-info__io-recovery p{margin:0;color:var(--fg-muted)}.cart-info__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);border-top:var(--border-thin) solid var(--border-subtle)}.cart-info__autosave{font-size:var(--text-xs)}.cart-info__autosave--on{color:var(--fg-muted)}.cart-info__autosave--off{color:var(--error)}.cart-stats-window{display:flex;flex-direction:column;gap:var(--space-3);height:100%;font-size:var(--text-xs)}.cart-stats-window__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1p5)}.cart-stats-window__row{display:flex;flex-direction:column;gap:var(--space-0p5);padding:var(--space-1) var(--space-1p5);border-radius:var(--radius-sm);border-left:var(--border-thin) solid transparent}.cart-stats-window__row[data-tier=caution]{border-left-color:var(--ui-warm)}.cart-stats-window__row[data-tier=warning],.cart-stats-window__row[data-tier=full]{border-left-color:var(--ui-strong)}.cart-stats-window__row[data-tier=full]{background:var(--ui-strong-bg)}.cart-stats-window__row-header{display:grid;grid-template-columns:1fr auto 3.5em;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums}.cart-stats-window__row-label{color:var(--fg);font-weight:500}.cart-stats-window__row-ratio{color:var(--fg-muted)}.cart-stats-window__row-pct{text-align:right;color:var(--fg-muted)}.cart-stats-window__row[data-tier=caution] .cart-stats-window__row-pct{color:var(--ui-warm)}.cart-stats-window__row[data-tier=warning] .cart-stats-window__row-pct,.cart-stats-window__row[data-tier=full] .cart-stats-window__row-pct{color:var(--ui-strong);font-weight:600}.cart-stats-window__row-bar{height:var(--space-2);border-radius:var(--radius-xs);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);overflow:hidden}.cart-stats-window__row-bar-fill{height:100%;background:var(--fg-muted);transition:width .1s ease-out}.cart-stats-window__row[data-tier=caution] .cart-stats-window__row-bar-fill{background:var(--ui-warm)}.cart-stats-window__row[data-tier=warning] .cart-stats-window__row-bar-fill,.cart-stats-window__row[data-tier=full] .cart-stats-window__row-bar-fill{background:var(--ui-strong)}.cart-stats-window__row-bar--segmented{display:flex;gap:var(--space-0p25);background:transparent;border:none;overflow:visible}.cart-stats-window__row-bar-slot{flex:1 1 0;min-width:var(--space-0p25);height:100%;border-radius:var(--radius-xs);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle)}.cart-stats-window__row-bar-slot--live{background:var(--fg-muted);border-color:transparent}.cart-stats-window__row[data-tier=caution] .cart-stats-window__row-bar-slot--live{background:var(--ui-warm)}.cart-stats-window__row[data-tier=warning] .cart-stats-window__row-bar-slot--live,.cart-stats-window__row[data-tier=full] .cart-stats-window__row-bar-slot--live{background:var(--ui-strong)}.cart-stats-window__row-bar-slot--tombstone{background-color:transparent;background-image:repeating-linear-gradient(135deg,var(--fg-subtle) 0,var(--fg-subtle) 1px,transparent 1px,transparent 3px);border-color:var(--fg-subtle)}.cart-stats-window__row-bar-slot--unused{background:var(--bg-elevated);border-color:var(--border-subtle)}.cart-stats-window__row-detail{font-size:var(--text-2xs);color:var(--fg-subtle)}.cart-stats-window__scripts{border-top:var(--border-thin) solid var(--border-subtle);padding-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.cart-stats-window__scripts-toggle{background:none;border:none;color:var(--fg);cursor:pointer;text-align:left;padding:0 var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;min-height:var(--space-6)}.cart-stats-window__scripts-toggle:hover{color:var(--fg)}.cart-stats-window__script-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-0p5)}.cart-stats-window__script-list-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--space-2);padding:var(--space-0p5) var(--space-1p5);font-variant-numeric:tabular-nums}.cart-stats-window__script-list-label{color:var(--fg)}.cart-stats-window__script-list-bytes{color:var(--fg-muted);text-align:right}.per-type-window{display:flex;height:100%;align-items:stretch}.resource-list{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1p5);padding:var(--space-2);border-right:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface);overflow:hidden}.resource-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-0p5);overflow-y:auto;flex:1}.resource-list__empty{margin:0;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic;flex:1}.resource-list__row{display:flex;align-items:stretch;gap:var(--space-0p5)}.resource-list__row-select{flex:1;text-align:left;padding:var(--space-1) var(--space-2);min-height:var(--space-6);background:transparent;color:var(--fg);border:var(--border-thin) solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-list__row-select:hover{background:var(--bg-elevated);border-color:var(--border-subtle)}.resource-list__row-select--active{background:var(--accent-bg);border-color:var(--accent);color:var(--fg)}.resource-list__row-select{display:flex;align-items:center;gap:var(--space-1)}.resource-list__row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-list__row-rename-wrap{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.resource-list__row-rename{flex:1;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--accent);border-radius:var(--radius-xs);outline:none;min-width:0}.resource-list__row-rename[aria-invalid=true]{border-color:var(--ui-warm)}.resource-list__row-rename-error{color:var(--ui-warm);font-size:var(--text-2xs);line-height:1.2;margin:0}.resource-list__row-rename-btn svg,.resource-list__row-star svg{width:12px;height:12px;image-rendering:pixelated}.resource-list__error{color:var(--fg);background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));border:var(--border-thin) solid var(--accent);border-radius:var(--radius-xs);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);margin:0}.resource-list__add{display:flex;flex-direction:column;gap:var(--space-1);border-top:var(--border-thin) solid var(--border-subtle);padding-top:var(--space-2)}.resource-list__add .resource-list__add-button{width:100%;padding:var(--space-1) var(--space-2p5);font-size:var(--text-xs)}.resource-list__sprite-size-picker{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.resource-list__sprite-size-picker input[type=number]{width:36px;font-size:var(--text-xs);padding:var(--space-0p25) var(--space-1);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.resource-list__sprite-size-unit{font-size:var(--text-xs)}.per-type-window__list-col{display:flex;flex-direction:column;flex-shrink:0}.per-type-window__list-col .resource-list{border-right:none;flex:1;width:100%}.per-type-window__resize-handle{width:5px;flex-shrink:0;cursor:col-resize;position:relative;background:transparent;user-select:none}.per-type-window__resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--border-thin);background:var(--border-subtle);transition:background 80ms}.per-type-window__resize-handle:hover:after,.per-type-window__resize-handle--dragging:after{background:var(--accent)}.per-type-window__list-hint{margin:0;padding:var(--space-2);font-size:var(--text-xs);color:var(--fg-muted);font-style:italic;text-align:center;border-top:var(--border-thin) solid var(--border-subtle)}.per-type-window__editor{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.per-type-window__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:var(--text-xs);font-style:italic;padding:var(--space-4);text-align:center}.sprite-editor{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.sprite-editor__toolbar{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle)}.sprite-editor__zoom{display:inline-flex;align-items:center;gap:var(--space-1)}.sprite-editor__zoom button{width:1.75rem;height:1.75rem;background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm);line-height:1}.sprite-editor__zoom button:disabled{opacity:.4;cursor:not-allowed}.sprite-editor__zoom-label{min-width:2.5rem;text-align:center;font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--fg-muted)}.sprite-editor__tool{margin-left:auto;padding:var(--space-1p5) var(--space-3p5);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs)}.sprite-editor__tool[data-active=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.sprite-toolbar{display:inline-flex;align-items:center;gap:var(--space-1)}.sprite-toolbar__btn svg{width:16px;height:16px;image-rendering:pixelated}.sprite-editor__panes{display:flex;gap:var(--space-4);flex:1;min-height:0}.sprite-editor__center-column{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-width:0;min-height:0}.sprite-editor__grid-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex:1;min-height:0;padding:var(--space-4);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow:auto;scrollbar-width:none}.sprite-editor__grid-wrapper::-webkit-scrollbar{display:none}.sprite-editor__grid-wrapper--pan{cursor:grab}.sprite-editor__grid-wrapper--panning{cursor:grabbing}.sprite-editor__empty-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic;text-align:center}.sprite-timeline{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2p5);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md)}.sprite-timeline__strip-row{display:flex;flex-direction:row;align-items:center}.sprite-timeline__strip{flex:1;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1p5);overflow-x:auto;padding-bottom:var(--space-1)}.sprite-timeline__thumbnail{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-0p5);background:var(--bg-elevated);border:var(--border-thick) solid transparent;border-radius:var(--radius-xs);padding:var(--space-1);cursor:grab;flex-shrink:0}.sprite-timeline__thumbnail:active{cursor:grabbing}.sprite-timeline__thumbnail[data-active=true]{border-color:var(--accent);background:var(--bg-elevated)}.sprite-timeline__thumbnail-image{display:block;background-color:var(--checkerboard-light);background-repeat:no-repeat;background-position:0 0;background-size:contain;image-rendering:pixelated;border:var(--border-thin) solid var(--border-subtle)}.sprite-timeline__thumbnail-index{font-size:var(--text-2xs);color:var(--fg-muted);font-family:var(--font-mono)}.sprite-timeline__strip-actions{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:var(--space-1);padding-left:var(--space-1)}.sprite-pixel-grid{display:block;image-rendering:pixelated;cursor:crosshair;background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.sprite-palette{display:grid;grid-template-columns:repeat(6,1.75rem);grid-auto-rows:1.75rem;gap:var(--space-0p5);padding:var(--space-2);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md)}.sprite-palette__swatch{width:100%;height:100%;border:var(--border-thick) solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0}.sprite-palette__swatch[data-active=true]{border-color:var(--fg);box-shadow:inset 0 0 0 var(--border-thin) var(--bg),0 0 0 var(--border-thin) var(--bg)}.sprite-palette__transparent-cell{display:flex;align-items:center;gap:var(--space-1p5);padding:var(--space-1) var(--space-2)}.sprite-palette__transparent-swatch{flex-shrink:0;width:1.75rem;height:1.75rem;border:var(--border-thick) solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0;background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:var(--space-2) var(--space-2);background-position:0 0,0 var(--space-1),var(--space-1) calc(-1 * var(--space-1)),calc(-1 * var(--space-1)) 0}.sprite-palette__transparent-swatch[data-active=true]{border-color:var(--fg);box-shadow:0 0 0 var(--border-thin) var(--bg)}.sprite-palette__transparent-label{font-size:var(--text-xs);color:var(--fg-muted);user-select:none}.sprite-palette-panel{display:flex;flex-direction:column;gap:var(--space-1)}.sprite-palette__edit{font-size:var(--text-xs);color:var(--fg-muted);background:transparent;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-0p5) var(--space-2);cursor:pointer;align-self:flex-start;margin-left:var(--space-1)}.sprite-palette__edit:hover{color:var(--fg);background:var(--bg-surface)}.sfx-editor{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.sfx-editor__header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle)}.sfx-editor__title{margin:0;font-size:var(--text-sm);font-weight:600}.sfx-editor__transport{display:inline-flex;align-items:center;gap:var(--space-3)}.sfx-editor__loop{display:inline-flex;align-items:center;gap:var(--space-1p5);font-size:var(--text-xs);color:var(--fg-muted)}.sfx-editor__panes{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0;overflow:auto}.sfx-editor__section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md)}.sfx-editor__section h3{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.sfx-editor__waveform-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sfx-editor__radio{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs)}.sfx-editor__field{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.sfx-editor__field input[type=number]{padding:var(--space-1) var(--space-1p5);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.sfx-editor__explainer{padding:var(--space-3);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-xs);line-height:1.5}.sfx-editor__explainer p{margin:0}.sfx-editor__explainer p+p{margin-top:var(--space-2)}.run-preview{display:flex;flex-direction:column;gap:var(--space-2);height:100%;min-height:0;font-size:var(--text-xs);color:var(--fg-muted)}.run-preview__stage{flex:1;min-height:0;overflow:auto}.run-preview__stage-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.run-preview__canvas-frame{position:relative;display:inline-block}.run-preview__canvas-frame--fill-stage{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#000}.run-preview__canvas{image-rendering:pixelated;display:block}.run-preview__canvas-frame--stretch .run-preview__canvas{width:100%;height:100%}.run-preview__canvas-frame[data-status=stopped],.run-preview__canvas-frame[data-status=loading]{outline:var(--border-thin) solid var(--border-strong);outline-offset:0}.run-preview__hint{margin:0;font-style:italic}.run-controls{display:flex;flex-direction:column;gap:var(--space-2)}.run-controls__buttons,.run-controls__zoom,.run-controls__status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1p5)}.run-controls__zoom{display:inline-flex}.run-controls__input-badge{margin-left:var(--space-2);padding:var(--space-0p25) var(--space-1p5);border:var(--border-thin) solid var(--fg-muted);border-radius:var(--radius-xs);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);cursor:default}.run-controls__input-badge--active{border-color:var(--fg);background:var(--fg);color:var(--bg)}.run-preview__error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--bg-surface);border:var(--border-thin) solid var(--border-default);color:var(--fg);padding:var(--space-4);box-sizing:border-box}.run-preview__error-message{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-error, var(--fg));word-break:break-word;text-align:center;max-width:100%}.bindings-popover{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border:var(--border-thin) solid var(--border-default);color:var(--fg);font-size:var(--text-xs);min-width:280px}.bindings-popover__heading{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.bindings-popover__heading+.bindings-popover__table{margin-top:var(--space-1)}.bindings-popover__table{width:100%;border-collapse:collapse;font-family:var(--font-mono)}.bindings-popover__table th,.bindings-popover__table td{padding:var(--space-1) var(--space-2);text-align:left;border-bottom:var(--border-thin) solid var(--border-default)}.bindings-popover__table th{font-weight:600;color:var(--fg-muted)}.bindings-popover__table code{background:var(--bg-elevated);padding:0 var(--space-1);border-radius:var(--radius-sm)}.bindings-popover__hint{margin:0;font-size:var(--text-xs);color:var(--fg-muted);line-height:1.4}.bindings-popover__hint code{font-family:var(--font-mono)}.bindings-popover__empty{margin:0;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic}.console-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.console-panel__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border-bottom:var(--border-thin) solid var(--border-subtle);flex-shrink:0}.console-panel__title{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);flex:1}.console-panel__clear{padding:0 var(--space-2);min-height:var(--space-6);background:none;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg);font-size:var(--text-xs);cursor:pointer}.console-panel__clear:hover{background:var(--bg-surface);color:var(--fg)}.console-panel__list{flex:1;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-1) 0}.console-panel__empty{padding:var(--space-2) var(--space-3);color:var(--fg-subtle);font-style:italic;font-size:var(--text-xs)}.console-panel__entry{display:flex;align-items:baseline;gap:var(--space-1p5);padding:var(--space-0p5) var(--space-3);border-bottom:var(--border-thin) solid var(--border-subtle);min-height:0}.console-panel__entry--warn{background:var(--ui-warm-bg)}.console-panel__entry--error{background:var(--ui-strong-bg)}.console-panel__tick{flex-shrink:0;color:var(--fg-subtle);min-width:32px;text-align:right}.console-panel__badge{flex-shrink:0;padding:0 var(--space-1);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em}.console-panel__badge--log{background:var(--bg-elevated);color:var(--fg-muted)}.console-panel__badge--warn{background:var(--ui-warm-bg);color:var(--ui-warm)}.console-panel__badge--error{background:var(--ui-strong-bg);color:var(--ui-strong)}.console-panel__type-name{flex-shrink:0;color:var(--ui-secondary);font-size:inherit}.console-panel__args{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1p5);min-width:0;flex:1;overflow-wrap:anywhere}.console-panel__arg--primitive{color:var(--fg)}.console-panel__arg--tree{min-width:0;flex:1 1 100%}.console-panel__dropped{text-align:center;color:var(--fg-subtle);font-style:italic;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.console-panel__jump{flex-shrink:0;margin:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);background:var(--accent-bg);border:var(--border-thin) solid var(--accent);border-radius:var(--radius-xs);color:var(--accent);font-size:var(--text-xs);cursor:pointer;text-align:center}.console-panel__jump:hover{background:var(--accent);color:var(--bg)}.tileset-kind-picker__trigger>span{margin-left:var(--space-1);font-size:.85em;color:var(--fg-muted)}.tileset-kind-picker__popover{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 4px 16px color-mix(in oklch,var(--bg) 30%,transparent);outline:none;z-index:2000;min-width:8rem}.tileset-kind-picker__menu{display:flex;flex-direction:column;padding:var(--space-1);outline:none}.tileset-kind-picker__item{padding:var(--space-1p5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--fg);cursor:pointer;outline:none}.tileset-kind-picker__item[data-focused],.tileset-kind-picker__item[data-hovered]{background:var(--control-hover)}.tileset-kind-picker__item[data-focus-visible]{outline:var(--border-thin) solid var(--focus-ring);outline-offset:-1px}.tileset-editor{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.tileset-editor__toolbar{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle)}.tileset-editor__title{font-size:var(--text-sm);margin:0;flex:1}.tileset-editor__undo-controls{display:flex;gap:var(--space-1)}.tileset-editor__undo-controls svg{width:14px;height:14px;image-rendering:pixelated}.tileset-editor__panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-4);flex:1;min-height:0}.tileset-editor__left-column,.tileset-editor__right-column{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;overflow:auto;align-self:stretch}.tileset-editor__left-column>*,.tileset-editor__right-column>*{flex-shrink:0}.tileset-editor__zoom{display:flex;align-items:center;gap:var(--space-1)}.tileset-editor__zoom-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--fg-muted);min-width:2ch;text-align:center}.tileset-editor__cell-grid{display:flex;flex-direction:column;gap:var(--space-2)}.tileset-editor__cell-grid-header{display:flex;align-items:center;justify-content:space-between}.tileset-editor__cell-grid-header h3{margin:0;font-size:var(--text-xs)}.tileset-editor__cell-grid-actions{display:flex;gap:var(--space-1)}.tileset-editor__cell-grid-grid{display:grid;gap:var(--space-2);align-content:start}.tileset-editor__cell-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-0p5)}.tileset-editor__cell-slot[data-tombstoned=true]{opacity:.35}.tileset-editor__cell-button{position:relative;border:var(--border-thick) solid var(--border-subtle);background:linear-gradient(45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 8px 8px,linear-gradient(-45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 8px 8px,var(--checkerboard-dark);box-shadow:none;padding:0;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tileset-editor__cell-slot[data-selected=true] .tileset-editor__cell-button{border-color:var(--accent);outline:var(--border-thin) solid var(--accent)}.tileset-editor__cell-slot[data-empty=true] .tileset-editor__cell-button{border-style:dashed}.tileset-editor__cell-canvas{display:block}.tileset-editor__cell-anim-badge{position:absolute;top:var(--space-0p25);right:var(--space-0p25);font-size:var(--text-2xs);background:color-mix(in oklch,var(--bg) 60%,transparent);color:var(--accent);padding:0 var(--space-0p5);border-radius:var(--radius-sm)}.tileset-editor__cell-warn{position:absolute;top:var(--space-0p25);left:var(--space-0p25);font-size:var(--text-xs);font-weight:700;background:var(--accent-bg);color:var(--fg);padding:0 var(--space-1);border-radius:var(--radius-sm)}.tileset-editor__cell-empty-overlay{position:absolute;font-size:var(--text-sm);color:var(--fg-subtle);pointer-events:none}.tileset-editor__cell-tombstone{font-size:var(--text-lg);color:var(--fg-muted)}.tileset-editor__cell-index{font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono);line-height:1}.tileset-editor__cell-delete{position:absolute;top:calc(-1 * var(--space-1p5));right:calc(-1 * var(--space-1p5));width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);color:var(--fg-muted);font-size:var(--text-xs);line-height:1;cursor:pointer;padding:0;display:none}.tileset-editor__cell-slot:hover .tileset-editor__cell-delete{display:block}.tileset-editor__empty{font-size:var(--text-xs);color:var(--fg-muted);margin:var(--space-2) 0}.tileset-editor__first-run-hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0}.tileset-editor__properties{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.tileset-editor__properties[disabled]{opacity:.5}.tileset-editor__properties legend{padding:0 var(--space-1);font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.tileset-editor__aabb-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tileset-editor__solid{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.tileset-editor__tags{display:flex;flex-direction:column;gap:var(--space-1)}.tileset-editor__tags-label{font-size:var(--text-xs);color:var(--fg-muted)}.tileset-editor__tag-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.tileset-editor__tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-0p5) var(--space-1p5);font-size:var(--text-xs);box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow)}.tileset-editor__tag-remove{background:none;border:none;box-shadow:none;color:var(--fg-muted);cursor:pointer;font-size:var(--text-xs);line-height:1;padding:0}.tileset-editor__tag-remove:hover{background:none;color:var(--fg)}.tileset-editor__tag-remove:active{box-shadow:none}.tileset-editor__tag-input{background:var(--bg);border:var(--border-thin) solid var(--border-subtle);color:var(--fg);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-xs)}.tileset-editor__autotile-toggle{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);cursor:pointer;user-select:none}.tileset-editor__slot-grid{display:flex;flex-direction:column;gap:var(--space-2)}.tileset-editor__slot-grid-header{display:flex;align-items:baseline;gap:var(--space-2)}.tileset-editor__slot-grid-header h3{margin:0;font-size:var(--text-xs)}.tileset-editor__slot-grid-legend{font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:.05em}.tileset-editor__slot-banner{font-size:var(--text-xs);color:var(--ui-warm);margin:0;padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--ui-warm) 12%,transparent);border-radius:var(--radius-xs)}.tileset-editor__slot-grid-cells{display:grid;gap:var(--space-1)}.tileset-editor__slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-0p5);padding:var(--space-1);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);box-shadow:none;cursor:pointer}.tileset-editor__slot:hover{border-color:var(--control-border-hover)}.tileset-editor__slot[data-selected=true]{border-color:var(--accent);background:var(--accent-bg);outline:var(--border-thick) solid var(--accent)}.tileset-editor__slot[data-broken=true]{border-color:var(--ui-warm)}.tileset-editor__slot[data-empty=true]{border-style:dashed;opacity:.6}.tileset-editor__slot-thumb{display:flex;align-items:center;justify-content:center}.tileset-editor__slot-broken{font-size:var(--text-xs);color:var(--ui-warm)}.tileset-editor__slot-empty{font-size:var(--text-xs);color:var(--fg-subtle, var(--fg-muted))}.tileset-editor__slot-index{font-size:var(--text-2xs);color:var(--fg-muted);line-height:1}.tileset-editor__cell-assign{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.tileset-editor__cell-assign h4{margin:0;font-size:var(--text-xs)}.tileset-editor__cell-assign-hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0}.tileset-editor__cell-assign-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.tileset-editor__cell-assign-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-0p5);padding:var(--space-1);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs)}.tileset-editor__cell-assign-item:not(:disabled):hover{border-color:var(--accent)}.tileset-editor__cell-assign-item:disabled{opacity:.4;cursor:not-allowed}.tileset-editor__no-cell-msg{font-size:var(--text-xs);color:var(--fg-muted);margin:var(--space-3) 0;font-style:italic}.cell-painter__frame-strip{display:flex;align-items:center;gap:var(--space-1);max-width:100%;overflow-x:auto;flex-wrap:nowrap}.cell-painter__frame-strip>.cell-painter__frame-thumb{flex:0 0 auto}.cell-painter{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--border-subtle)}.cell-painter__tools{display:flex;gap:var(--space-1);flex-wrap:wrap}.cell-painter__tool-btn svg{width:16px;height:16px;image-rendering:pixelated}.cell-painter__canvas{display:block;image-rendering:pixelated;cursor:crosshair;border:var(--border-thin) solid var(--border-subtle);background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.cell-painter__palette{display:flex;flex-direction:column;gap:var(--space-1)}.cell-painter__palette-swatches{display:grid;grid-template-columns:repeat(6,1.5rem);grid-auto-rows:1.5rem;gap:var(--space-0p5)}.cell-painter__swatch{width:100%;height:100%;border:var(--border-thick) solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0}.cell-painter__swatch[data-active=true]{border-color:var(--fg);box-shadow:inset 0 0 0 var(--border-thin) var(--bg),0 0 0 var(--border-thin) var(--bg)}.cell-painter__transparent-cell{display:flex;align-items:center;gap:var(--space-1p5)}.cell-painter__transparent-swatch{flex-shrink:0;width:1.5rem;height:1.5rem;border:var(--border-thick) solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0;background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:var(--space-2) var(--space-2);background-position:0 0,0 var(--space-1),var(--space-1) calc(-1 * var(--space-1)),calc(-1 * var(--space-1)) 0}.cell-painter__transparent-swatch[data-active=true]{border-color:var(--fg);box-shadow:inset 0 0 0 var(--border-thin) var(--bg),0 0 0 var(--border-thin) var(--bg)}.cell-painter__transparent-label{font-size:var(--text-xs);color:var(--fg-muted)}.cell-painter__import-label{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0p5) var(--space-2);font-size:var(--text-xs);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg);cursor:pointer;align-self:flex-start}.cell-painter__import-label:hover{border-color:var(--border-default)}.cell-painter__import-input{display:none}.tileset-editor__pattern-preview{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--border-subtle);min-width:384px}.tileset-editor__pattern-preview-summary{display:flex;align-items:baseline;gap:var(--space-2);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-weight-bold, 600);user-select:none}.tileset-editor__pattern-preview-legend{font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono);font-weight:400}.tileset-editor__pattern-preview-controls{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto}.tileset-editor__pattern-preview-frame-readout{font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono);font-weight:400;min-width:3ch;text-align:center}.tileset-editor__pattern-preview-canvas{display:block;image-rendering:pixelated;width:384px;height:384px;border:var(--border-thin) solid var(--border-subtle);background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.tileset-editor__autotile-sandbox{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--border-subtle);min-width:288px}.tileset-editor__autotile-sandbox-summary{display:flex;align-items:baseline;gap:var(--space-2);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-weight-bold, 600);user-select:none}.tileset-editor__autotile-sandbox-legend{font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono);font-weight:400}.tileset-editor__autotile-sandbox-controls{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto}.tileset-editor__autotile-sandbox-canvas{display:block;image-rendering:pixelated;width:288px;height:288px;border:var(--border-thin) solid var(--border-subtle);background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.sprite-picker__overlay,.autotile-group__overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--bg) 60%,transparent);display:grid;place-items:center;z-index:100}.sprite-picker__modal,.autotile-group__modal{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);max-width:520px;width:90vw;max-height:80vh;overflow:auto}.sprite-picker__dialog,.autotile-group__dialog{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);outline:none}.sprite-picker__header{display:flex;align-items:center;justify-content:space-between}.sprite-picker__title{margin:0;font-size:var(--text-sm)}.sprite-picker__close{background:none;border:none;color:var(--fg-muted);font-size:var(--text-lg);cursor:pointer}.sprite-picker__empty{font-size:var(--text-xs);color:var(--fg-muted)}.sprite-picker__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2)}.sprite-picker__choice{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--bg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2);cursor:pointer;width:100%}.sprite-picker__choice:hover{border-color:var(--accent)}.sprite-picker__label{font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono)}.autotile-group{display:flex;flex-direction:column;gap:var(--space-3)}.autotile-group__header{display:flex;align-items:center;justify-content:space-between}.autotile-group__header h3{margin:0;font-size:var(--text-xs)}.autotile-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.autotile-group__list-item{display:flex;justify-content:space-between;width:100%;background:var(--bg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1p5) var(--space-2);cursor:pointer;font-size:var(--text-xs);color:var(--fg)}.autotile-group__list-item[data-active=true]{border-color:var(--accent);background:var(--accent-bg)}.autotile-group__algo{font-size:var(--text-xs);color:var(--fg-muted)}.autotile-group__active{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.autotile-group__active-header{display:flex;align-items:baseline;justify-content:space-between}.autotile-group__active-header h4{margin:0;font-size:var(--text-xs)}.autotile-group__active-header h4 span{color:var(--fg-muted);font-weight:400;font-size:var(--text-xs)}.autotile-group__count{font-size:var(--text-xs);color:var(--fg-muted)}.autotile-group__banner{background:var(--accent-bg);color:var(--fg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-xs);margin:0}.autotile-group__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3)}.autotile-group__cells-pane h5,.autotile-group__slots-pane h5{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.autotile-group__hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0 0 var(--space-2)}.autotile-group__cells{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--space-1)}.autotile-group__cell-pickup{display:flex;flex-direction:column;align-items:center;gap:var(--space-0p5);background:var(--bg);border:var(--border-thin) solid var(--border-subtle);padding:var(--space-1);cursor:grab;width:100%;font-size:var(--text-2xs);color:var(--fg-muted);font-family:var(--font-mono)}.autotile-group__cell-pickup[data-picked=true]{border-color:var(--accent);outline:var(--border-thin) solid var(--accent)}.autotile-group__slots{display:grid;gap:var(--space-1)}.autotile-group__slot{background:var(--bg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1);display:flex;flex-direction:column;align-items:center;gap:var(--space-0p5);font-size:var(--text-2xs);color:var(--fg-muted);outline:none;font-family:var(--font-mono)}.autotile-group__slot:focus-visible{border-color:var(--accent);outline:var(--border-thin) solid var(--accent)}.autotile-group__slot[data-hover=true],.autotile-group__slot[data-broken=true]{border-color:var(--accent);background:var(--accent-bg)}.autotile-group__slot-broken{font-weight:700;color:var(--fg)}.autotile-group__slot-thumb{display:flex;align-items:center;justify-content:center;min-height:24px}.autotile-group__dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.hotkeys-panel{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-xs)}.hotkeys-panel section{display:flex;flex-direction:column;gap:var(--space-1p5)}.hotkeys-panel h3{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.hotkeys-panel__list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-2p5)}.hotkeys-panel__row{display:contents}.hotkeys-panel__row dt{margin:0}.hotkeys-panel__row dd{margin:0;color:var(--fg-muted);align-self:center}.hotkeys-panel kbd{display:inline-block;background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-0p25) var(--space-1p5);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.hotkeys-panel__empty{margin:0;color:var(--fg-muted);font-style:italic;font-size:var(--text-xs)}.help-panel{display:flex;flex-direction:column;font-size:var(--text-xs);min-width:0;max-width:100%;box-sizing:border-box}.help-panel__migration-banner{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1p5) var(--space-2);background:var(--bg-surface);border-bottom:var(--border-thin) solid var(--accent);flex-shrink:0}.help-panel__migration-banner-body{margin:0;font-size:var(--text-xs);color:var(--fg)}.help-panel__migration-banner-dismiss{align-self:flex-end}.help-panel__tabs{display:flex;gap:var(--space-0p5);padding:var(--space-1p5) var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.help-panel__tab{background:transparent;color:var(--fg-muted);border-color:transparent;font-weight:400;line-height:1;white-space:nowrap;transition:color .1s}.help-panel__tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700;cursor:default}.help-panel__concepts{display:flex;flex-direction:column;gap:var(--space-1p5);padding:var(--space-3);overflow-y:auto}.help-panel__concept{padding:var(--space-2) var(--space-2p5);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.help-panel__concept-title{font-weight:700;color:var(--fg);font-size:var(--text-xs)}.help-panel__concept-body{color:var(--fg-muted);font-size:var(--text-xs);line-height:1.5;overflow-wrap:anywhere}.help-panel__recipes-heading{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);padding:var(--space-2) var(--space-1) var(--space-0p5);margin-top:var(--space-1)}.help-panel__recipe-title{font-weight:700;font-size:var(--text-xs);color:var(--fg-muted)}.help-panel__recipe-code{margin:0;padding:var(--space-2p5) var(--space-3);background:var(--bg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--fg);white-space:pre;overflow-x:auto}.help-panel__reference{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.help-panel__search{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--border-subtle);flex-shrink:0}.help-panel__search-input{width:100%;box-sizing:border-box;padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg);font-size:var(--text-xs);font-family:inherit;outline:none}.help-panel__search-input:focus{border-color:var(--accent)}.help-panel__search-input::placeholder{color:var(--fg-subtle)}.help-panel *{min-width:0}.help-panel code{font-family:inherit}.help-panel__section{border-bottom:var(--border-thin) solid var(--border-subtle)}.help-panel__section:last-child{border-bottom:none}.help-panel__section-heading{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);cursor:pointer;user-select:none;list-style:none}.help-panel__section-heading::-webkit-details-marker{display:none}.help-panel__section-heading:before{content:"▶";display:inline-block;margin-right:var(--space-1p5);font-size:var(--text-2xs);transition:transform .1s}details[open]>.help-panel__section-heading:before{transform:rotate(90deg)}.help-panel__section-body{padding:var(--space-1) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2p5)}.help-panel__hook{padding:var(--space-2) var(--space-2p5);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.help-panel__hook-sig code{font-size:var(--text-xs);color:var(--accent);font-family:var(--font-mono)}.help-panel__hook-when{color:var(--fg);font-size:var(--text-xs);overflow-wrap:anywhere}.help-panel__hook-gotcha{color:var(--fg-muted);font-size:var(--text-xs);font-style:italic;border-top:var(--border-thin) solid var(--border-subtle);padding-top:var(--space-1);margin-top:var(--space-0p5);overflow-wrap:anywhere}.help-panel__gotchas{margin:0;padding:0 0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.help-panel__gotchas li{line-height:1.5;overflow-wrap:anywhere}.help-panel__field-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0}.help-panel__field-row{display:contents}.help-panel__field-row dt{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);white-space:nowrap;align-self:baseline}.help-panel__field-row dd{margin:0;align-self:baseline}.help-panel__field-type{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}.help-panel__field-doc{font-size:var(--text-xs);color:var(--fg-subtle);overflow-wrap:anywhere}.help-panel__type{padding:var(--space-2) var(--space-2p5);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1p5)}.help-panel__type-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);font-weight:700}.help-panel__type-doc{margin:0;font-size:var(--text-xs);color:var(--fg-muted);line-height:1.5;overflow-wrap:anywhere}.help-panel__ns{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.help-panel__ns+.help-panel__ns{margin-top:var(--space-1p5)}.help-panel__ns-heading{width:100%;text-align:left;appearance:none;padding:var(--space-1p5) var(--space-2p5);background:var(--bg-elevated);border:none;cursor:pointer;user-select:none;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:inherit}.help-panel__ns-heading:before{content:"▶";display:inline-block;flex-shrink:0;font-size:var(--text-2xs);transition:transform .1s}.help-panel__ns-heading[aria-expanded=true]:before{transform:rotate(90deg)}.help-panel__ns-heading>code{font-family:var(--font-mono);color:var(--accent);font-size:var(--text-xs)}.help-panel__ns-doc{font-size:var(--text-xs);color:var(--fg-muted);overflow-wrap:anywhere}.help-panel__ns-doc-block{white-space:pre-line;padding-left:0}.help-panel__ns-body{padding:var(--space-1p5) var(--space-2p5);display:flex;flex-direction:column;gap:var(--space-1p5)}.help-panel__method{display:flex;flex-direction:column;gap:var(--space-0p5)}.help-panel__method-sig{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);white-space:pre-wrap;word-break:break-all}.help-panel__method-doc{font-size:var(--text-xs);color:var(--fg-muted);padding-left:var(--space-2);overflow-wrap:anywhere}.help-panel__method-params{margin:0;padding-left:var(--space-2);display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-2);row-gap:var(--space-0p25);font-size:var(--text-xs)}.help-panel__method-param{display:contents}.help-panel__method-param dt{margin:0;font-family:var(--font-mono);color:var(--fg)}.help-panel__method-param dd{margin:0;color:var(--fg-muted);overflow-wrap:anywhere}.help-panel__method-returns{font-size:var(--text-xs);color:var(--fg-muted);padding-left:var(--space-2);overflow-wrap:anywhere}.help-panel__method-returns-label{font-family:var(--font-mono);color:var(--fg);margin-right:var(--space-0p5)}.help-panel__ns-examples{margin:var(--space-1) 0 var(--space-2);padding:0;display:flex;flex-direction:column;gap:var(--space-1p5)}.help-panel__example{margin:0;padding:var(--space-2p5) var(--space-3);background:var(--bg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--fg);white-space:pre-wrap;overflow-x:auto}.cm-fgc-info{display:flex;flex-direction:column;gap:var(--space-0p5);font-size:var(--text-xs)}.cm-fgc-info__doc{color:var(--fg)}.cm-fgc-info__params{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-2);row-gap:var(--space-0p25)}.cm-fgc-info__params>div{display:contents}.cm-fgc-info__params dt{margin:0;font-family:var(--font-mono)}.cm-fgc-info__params dd{margin:0;color:var(--fg-muted)}.cm-fgc-info__returns{color:var(--fg-muted)}.cm-fgc-info__returns-label{font-family:var(--font-mono);color:var(--fg)}.help-panel__lifecycle{display:flex;flex-direction:column;gap:var(--space-2)}.help-panel__lifecycle-diagram{margin:0;padding:var(--space-2p5) var(--space-3);background:var(--bg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--fg);white-space:pre;overflow-x:auto}.help-panel__lifecycle-subheading{font-size:var(--text-xs);font-weight:600;color:var(--fg);margin-top:var(--space-0p5)}.help-panel__lifecycle-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.help-panel__lifecycle-table th{text-align:left;font-weight:600;color:var(--fg);padding:var(--space-1) var(--space-1p5);border-bottom:var(--border-thin) solid var(--border-subtle)}.help-panel__lifecycle-table td{padding:var(--space-0p5) var(--space-1p5);color:var(--fg-muted);vertical-align:top;border-bottom:var(--border-thin) solid var(--border-subtle);line-height:1.4}.help-panel__lifecycle-table tr:last-child td{border-bottom:none}.help-panel__lifecycle-table td code{font-family:var(--font-mono);color:var(--accent);white-space:nowrap}.help-panel__lifecycle-watchouts{margin:0;padding:0 0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.help-panel__lifecycle-watchouts li{line-height:1.5;overflow-wrap:anywhere}.help-panel__lifecycle-watchouts code{font-family:var(--font-mono);color:var(--fg)}.help-panel__lifecycle-side-effects{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-3);margin:0;font-size:var(--text-xs)}.help-panel__lifecycle-side-effect-row{display:contents}.help-panel__lifecycle-side-effect-row dt{margin:0;font-family:var(--font-mono);color:var(--fg);white-space:nowrap;align-self:baseline}.help-panel__lifecycle-side-effect-row dd{margin:0;color:var(--fg-muted);line-height:1.5;overflow-wrap:anywhere;align-self:baseline}.help-panel__lifecycle-side-effect-row dd code{font-family:var(--font-mono);color:var(--fg)}.help-panel__collision-table{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-3);margin:0;font-size:var(--text-xs)}.help-panel__collision-row{display:contents}.help-panel__collision-row dt{margin:0;color:var(--fg);line-height:1.5;align-self:baseline}.help-panel__collision-row dd{margin:0;color:var(--fg-muted);line-height:1.5;overflow-wrap:anywhere;align-self:baseline}.help-panel__collision-row dd code{font-family:var(--font-mono);color:var(--fg)}.cm-fgc-info__signature{font-family:var(--font-mono);color:var(--fg-muted)}.cm-fgc-hover{padding:var(--space-2) var(--space-2p5);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);max-width:320px;box-shadow:0 var(--space-1) var(--space-3) color-mix(in oklch,var(--bg) 40%,transparent)}.help-panel__quickstart{display:flex;flex-direction:column;gap:var(--space-1)}.help-panel__quickstart p{margin:0;line-height:1.5;color:var(--fg-muted)}.help-panel__quickstart-steps{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.help-panel__quickstart-steps li{line-height:1.5;color:var(--fg-muted);overflow-wrap:anywhere}.help-panel__quickstart-steps li strong{color:var(--fg);font-weight:700}.help-panel__concept-cta{margin:0;font-style:italic;color:var(--fg-subtle)}.help-panel__concept-code{margin:0;padding:var(--space-2) var(--space-2p5);background:var(--bg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--fg);white-space:pre;overflow-x:auto}.help-panel__recipe-purpose,.help-panel__recipe-why,.help-panel__recipe-vary{font-size:var(--text-xs);color:var(--fg-muted);line-height:1.5;overflow-wrap:anywhere}.help-panel__recipe-label{color:var(--fg);font-weight:700;margin-right:var(--space-0p5)}.help-panel__recipe-vary ul{margin:var(--space-0p5) 0 0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-0p5)}.help-panel__recipe-vary li{line-height:1.5;overflow-wrap:anywhere}.help-window{display:flex;flex-direction:column;min-height:0}.help-window__header{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.help-window__picker{list-style:none;margin:0;padding:var(--space-1);display:flex;flex-direction:column;gap:var(--space-0p5);min-width:140px}.help-window__picker button[aria-selected=true]{background:var(--accent);color:var(--bg)}.help-module-tabs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.help-module-tabs__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.help-window__tab-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1p5)}.help-window__tab-body>.help-panel__concepts{padding:0}.floating-windows-layer{position:absolute;inset:0;pointer-events:none}.floating-windows-layer .react-draggable{pointer-events:auto}.floating-window__frame{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);border:var(--border-thick) solid var(--border-strong);border-radius:0;box-shadow:0 var(--space-2) var(--space-4) color-mix(in oklch,var(--bg) 45%,transparent);overflow:hidden;position:relative}.floating-window__frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow);z-index:9999}.floating-window__title-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border-bottom:var(--border-thick) solid var(--border-strong);cursor:move;user-select:none}.floating-window__title-bar:before{content:"";width:var(--space-4);height:var(--space-3);background:repeating-linear-gradient(to right,var(--fg) 0,var(--fg) 2px,transparent 2px,transparent 4px);flex-shrink:0}.floating-window__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.floating-window__title-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--ui-strong);font-weight:600;padding:0 var(--space-1);margin-right:auto}.floating-window__title-badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ui-strong)}.floating-window__close{color:var(--fg-muted);line-height:1}.floating-window__body{flex:1;min-height:0;padding:var(--space-3);overflow:auto}.floating-window__frame[data-focused=true] .floating-window__title-bar{background:repeating-linear-gradient(to bottom,color-mix(in oklch,var(--fg) 50%,transparent) 0,color-mix(in oklch,var(--fg) 50%,transparent) 1px,transparent 1px,transparent 2px),var(--accent-bg);border-bottom-color:var(--accent)}.floating-window__frame[data-focused=true] .floating-window__title,.floating-window__frame[data-focused=true] .floating-window__close{color:var(--fg);text-shadow:0 0 2px var(--accent-bg),0 0 2px var(--accent-bg)}.floating-window__frame[data-focused=true]{border-color:var(--accent);box-shadow:0 var(--space-2) var(--space-5) color-mix(in oklch,var(--bg) 20%,black)}.entity-editor{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.entity-editor__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle);gap:var(--space-2)}.entity-editor__header-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.entity-editor__help-btn{padding:var(--space-1) var(--space-2p5);font-size:var(--text-xs)}.entity-editor__title{margin:0;font-size:var(--text-sm);font-weight:600}.entity-editor__empty{margin:0;color:var(--fg-muted);font-style:italic}.entity-view-toggle{display:flex;align-items:center;gap:var(--space-1)}.entity-form{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0;overflow-y:auto}.entity-form__defaults-hint{margin:0;padding:var(--space-1p5) var(--space-2);font-size:var(--text-xs);color:var(--fg-muted);font-style:italic}.entity-form__section{display:flex;flex-direction:column;gap:var(--space-1p5);padding:var(--space-2);background:var(--bg-surface);border:var(--border-thin) solid var(--editor-section-border);border-radius:var(--radius-md)}.entity-form__row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.entity-form__name-row{flex-direction:row;align-items:flex-start}.entity-form__name-field{flex:1}.entity-form__name-row-checkbox-slot{display:flex;flex-direction:column;gap:var(--space-1)}.entity-form__name-row-checkbox-slot-spacer{display:block;height:calc(var(--text-xs) * 1.2)}.entity-form__name-row-checkbox-slot .entity-form__inline-checkbox{padding-bottom:0;min-height:calc(var(--text-xs) + var(--space-1p5) * 2 + var(--border-thin) * 2)}.entity-form__name-suggestion{all:unset;cursor:pointer;font-size:var(--text-xs);color:var(--accent-secondary);margin-top:var(--space-1)}.entity-form__name-suggestion:hover{text-decoration:underline}.entity-form__inline-checkbox{display:flex;flex-direction:row;align-items:center;gap:var(--space-1p5);white-space:nowrap;cursor:pointer;font-size:var(--text-xs);color:var(--fg-muted);padding-bottom:var(--space-1p5)}.entity-form__anim-defaults{display:flex;flex-direction:column;gap:var(--space-1p5);margin-top:var(--space-1p5);padding-top:var(--space-1p5);border-top:var(--border-thin) solid var(--border-subtle)}.entity-form__field-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.entity-form__field-hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0}.entity-form__sprite{position:relative;display:flex;flex-direction:column;gap:var(--space-1p5);flex:1}.entity-form__sprite-current,.entity-form__sprite-warning{font-size:var(--text-xs);color:var(--fg)}.entity-form__pick-sprite{align-self:flex-start;padding:var(--space-1) var(--space-2p5);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs)}.entity-form__preview{display:flex;flex-direction:column;gap:var(--space-1p5)}.entity-form__preview-empty{margin:0;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic}.entity-form__aabb-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.entity-form__state{font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical}.entity-form__state-error{margin:0;padding:var(--space-1p5) var(--space-2);background:var(--ui-strong-bg);color:var(--ui-strong);border:var(--border-thin) solid var(--ui-strong);border-radius:var(--radius-xs);font-size:var(--text-xs);white-space:pre-wrap}.entity-form__footer{display:flex;justify-content:flex-end}.default-state-editor{display:flex;flex-direction:column;gap:var(--space-2)}.default-state-editor__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1p5)}.default-state-editor__row{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-1p5);align-items:start}.default-state-editor__key-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.default-state-editor__key-input,.default-state-editor__val-input{width:100%;background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1p5) var(--space-2);font-size:var(--text-xs);font-family:inherit}.default-state-editor__type-select{background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1p5) var(--space-1p5);font-size:var(--text-xs);font-family:inherit}.default-state-editor__bool-input{margin-top:var(--space-2);width:1rem;height:1rem;cursor:pointer;align-self:center}.default-state-editor__delete{padding:var(--space-1) var(--space-2);background:transparent;color:var(--fg-muted);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);line-height:1}.default-state-editor__delete:hover{color:var(--fg);border-color:var(--fg-muted)}.default-state-editor__key-error{font-size:var(--text-xs);color:var(--ui-strong)}.default-state-editor__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.default-state-editor__fallback-note{margin:0;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic;flex:1}.default-state-editor__view-toggle{padding:var(--space-0p5) var(--space-2);background:transparent;color:var(--fg-subtle);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-mono);line-height:1.4}.default-state-editor__view-toggle:hover{color:var(--fg-muted);border-color:var(--border-strong)}.default-state-editor__fallback-textarea{width:100%}.default-state-editor--fixed-keys .default-state-editor__row{grid-template-columns:auto 1fr}.default-state-editor__key-label{font-size:var(--text-xs);color:var(--fg-muted);padding:var(--space-1p5) 0;align-self:center}.sprite-picker-popover-overlay{padding:var(--space-2)}.sprite-picker-popover{min-width:200px;max-width:320px;max-height:280px;overflow:auto}.sprite-picker-popover__empty{margin:0;font-size:var(--text-xs);color:var(--fg-muted)}.sprite-picker-popover__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1p5)}.sprite-picker-popover__cell{margin:0}.sprite-picker-popover__thumb{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);color:var(--fg)}.sprite-picker-popover__thumb:hover{border-color:var(--accent)}.sprite-picker-popover__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aabb-preview{background:repeating-conic-gradient(var(--checkerboard-mid) 0% 25%,var(--checkerboard-soft) 0% 50%) 50% / 16px 16px;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.aabb-preview__corner{position:absolute;width:8px;height:8px;background:var(--debug-collider-stroke);border-radius:var(--radius-sm);touch-action:none}.aabb-preview__corner[data-corner=TL],.aabb-preview__corner[data-corner=BR]{cursor:nwse-resize}.aabb-preview__corner[data-corner=TR],.aabb-preview__corner[data-corner=BL]{cursor:nesw-resize}.default-state-preview{margin-top:var(--space-2);padding:var(--space-2);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.default-state-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1p5)}.default-state-preview__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.default-state-preview__table{width:100%;border-collapse:collapse;font-size:var(--text-xs);font-family:var(--font-mono)}.default-state-preview__table th{text-align:left;color:var(--fg-subtle);font-weight:400;padding:var(--space-0p5) var(--space-1p5) var(--space-0p5) 0;border-bottom:var(--border-thin) solid var(--border-subtle)}.default-state-preview__table td{padding:var(--space-0p5) var(--space-1p5) var(--space-0p5) 0;color:var(--fg);vertical-align:top}.default-state-preview__type{color:var(--fg-muted)}.default-state-preview__value{color:var(--ui-warm);word-break:break-all}.entity-script-view,.entity-script-view__container{flex:1;min-height:0;display:flex;flex-direction:column}.entity-script-view .cm-editor{flex:1;min-height:0;background:var(--bg-surface);color:var(--fg);font-family:var(--font-mono);font-size:var(--cm-font-size, var(--text-sm));border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.entity-script-view .cm-scroller{font-family:var(--font-mono);overflow:auto}.entity-script-view .cm-editor.cm-focused{outline:var(--border-thick) solid var(--focus-ring);outline-offset:-1px}.entity-script-view .cm-content{caret-color:var(--fg);user-select:text}.entity-script-view .cm-cursor,.entity-script-view .cm-dropCursor{border-left:var(--border-thick) solid var(--fg)}.entity-script-view .cm-gutters{background:var(--bg-elevated);color:var(--fg-subtle);border-right:var(--border-thin) solid var(--border-subtle)}.entity-script-view .cm-activeLine{background:color-mix(in oklch,var(--bg-surface) 88%,var(--fg))}.entity-script-view .cm-activeLineGutter{background:color-mix(in oklch,var(--bg-elevated) 80%,var(--fg))}.entity-script-view .cm-selectionBackground,.entity-script-view .cm-content ::selection{background:var(--accent)!important}.entity-script-view .cm-tok-kw{color:var(--accent)}.entity-script-view .cm-tok-str{color:var(--ui-warm)}.entity-script-view .cm-tok-comment{color:var(--fg-subtle);font-style:italic}.entity-script-view .cm-tok-num{color:var(--ui-secondary)}.entity-script-view .cm-tok-literal{color:var(--ui-warm)}.entity-script-view .cm-tok-op,.entity-script-view .cm-tok-prop{color:var(--fg-muted)}.cm-tooltip,.cm-tooltip-autocomplete,.cm-tooltip.cm-completionInfo{background:var(--bg);color:var(--fg);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);box-shadow:0 var(--space-1) var(--space-3) color-mix(in oklch,var(--bg) 40%,transparent)}.cm-tooltip-autocomplete>ul{font-family:var(--font-ui);font-size:var(--text-xs);max-height:18em}.cm-tooltip-autocomplete>ul>li{padding:var(--space-1) var(--space-2);color:var(--fg);background:var(--bg)}.cm-tooltip-autocomplete>ul>li:hover:not([aria-selected]){background:var(--bg-elevated)}.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent);color:var(--bg)}.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionLabel,.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail,.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionMatchedText{color:var(--bg)}.cm-completionLabel{color:var(--fg)}.cm-completionDetail{color:var(--fg);opacity:.75;font-style:normal;margin-left:.75em}.cm-completionMatchedText{color:var(--accent);text-decoration:none;font-weight:700}.cm-tooltip.cm-completionInfo{padding:var(--space-2) var(--space-3);max-width:32em;max-height:50vh;overflow-y:auto;line-height:1.4;white-space:pre-wrap}.entity-script-view .cm-foldGutter .cm-gutterElement{color:var(--fg-muted);cursor:pointer;padding:0 var(--space-1)}.entity-script-view .cm-foldGutter .cm-gutterElement:hover{color:var(--accent)}.entity-script-view .cm-foldPlaceholder{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);color:var(--fg-muted);border-radius:var(--radius-xs);padding:0 var(--space-1p5)}.entity-script-view .cm-search{background:var(--bg-elevated);border-top:var(--border-thin) solid var(--border-subtle);padding:var(--space-1p5) var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1p5);align-items:center;font-size:var(--text-sm);color:var(--fg)}.entity-script-view .cm-search input[type=text],.entity-script-view .cm-search input[type=search]{background:var(--bg-surface);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-0p5) var(--space-1p5);font-family:var(--font-mono);font-size:var(--text-sm)}.entity-script-view .cm-search input:focus{outline:var(--border-thick) solid var(--focus-ring);outline-offset:-1px}.entity-script-view .cm-search button{background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-0p5) var(--space-2);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-ui)}.entity-script-view .cm-search button:hover{border-color:var(--accent);color:var(--accent)}.entity-script-view .cm-searchMatch{background:color-mix(in oklch,var(--accent) 30%,transparent);outline:var(--border-thin) solid var(--accent)}.entity-script-view .cm-searchMatch-selected{background:color-mix(in oklch,var(--accent) 55%,transparent)}.entity-script-view .cm-lintRange-active{background-color:color-mix(in oklch,var(--accent) 25%,transparent)}.cm-tooltip:has(.cm-tooltip-lint){background:var(--bg)!important;border-color:var(--border-strong)!important}.cm-tooltip-lint{background:var(--bg);color:var(--fg);list-style:none}.cm-tooltip-lint .cm-diagnostic{color:var(--fg)}.map-editor{display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-height:0}.map-editor__toolbar{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle)}.map-editor__title{font-size:var(--text-sm);margin:0;flex:1}.map-editor__scale{display:flex;align-items:center;gap:var(--space-1)}.map-editor__scale button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);color:var(--fg);cursor:pointer;padding:0}.map-editor__scale button:disabled{opacity:.4;cursor:not-allowed}.map-editor__scale-label{min-width:2.5rem;text-align:center;font-size:var(--text-xs);color:var(--fg-muted);font-family:var(--font-mono)}.map-editor__panes{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--space-4);flex:1;min-height:0}.map-editor__sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;overflow-y:auto}.map-left-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--space-2)}.map-left-panel__tabs{display:flex;gap:var(--space-0p5);position:sticky;top:0;z-index:1;padding:var(--space-1) 0;background:var(--bg);border-bottom:var(--border-thin) solid var(--border-subtle);flex-shrink:0}.map-left-panel__tab{background:transparent;color:var(--fg-muted);border-color:transparent;font-weight:400;line-height:1;white-space:nowrap;transition:color .1s}.map-left-panel__tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700;cursor:default}.map-left-panel__panel{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}.map-left-panel__panel[hidden]{display:none}.map-editor__center-area{min-width:0;min-height:0}.map-editor__center{position:relative;overflow:hidden;background:linear-gradient(45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 16px 16px,var(--checkerboard-dark);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.map-editor__center--pan,.map-editor__center--pan .map-editor__canvas{cursor:grab}.map-editor__center--panning,.map-editor__center--panning .map-editor__canvas{cursor:grabbing}.map-editor__canvas-wrapper{display:inline-block}.map-editor__canvas{display:block;cursor:crosshair}.map-editor__layers,.map-editor__resize{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1p5)}.map-editor__layers legend,.map-editor__resize legend{padding:0 var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.map-editor__resize-dims{display:flex;align-items:center;gap:var(--space-1p5);font-size:var(--text-xs)}.map-editor__resize-dim-label,.map-editor__resize-dim-sep,.map-editor__resize-dim-unit{color:var(--fg-muted)}.map-editor__resize-dims input{min-width:0;height:28px;background:var(--bg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg);padding:0 var(--space-1p5)}.map-editor__resize-dims input[aria-invalid=true]{border-color:var(--accent)}.map-editor__resize-bounds,.map-editor__resize-error,.map-editor__resize-status{margin:0;font-size:var(--text-xs)}.map-editor__resize-bounds{color:var(--fg-muted);line-height:1.35}.map-editor__resize-error,.map-editor__resize-status{color:var(--fg)}.map-editor__resize-button{align-self:flex-start;height:28px;padding:0 var(--space-3);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);color:var(--fg);cursor:pointer}.map-editor__resize-button:disabled{opacity:.45;cursor:not-allowed}.map-editor__layer-block{display:flex;flex-direction:column;gap:var(--space-1);border:var(--border-thin) dashed transparent;border-radius:var(--radius-xs);padding:var(--space-0p25)}.map-editor__layer-block--drop-target{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 5%,transparent)}.map-editor__layer-block--row-drag-source{opacity:.4}.map-editor__layer-block--row-drop-target{border-top:var(--border-thick) solid var(--accent)}.map-editor__layer-block--active{background:color-mix(in oklch,var(--accent) 14%,transparent);border-left:var(--border-thick) solid var(--accent)}.map-editor__layer-grip{cursor:grab}.map-editor__layer-grip:active{cursor:grabbing}.map-editor__layer-grip--placeholder{visibility:hidden}.map-editor__layer-gap{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-0p25) var(--space-0p5);border-radius:var(--radius-xs)}.map-editor__layer-gap--default{background:color-mix(in oklch,var(--accent) 6%,transparent)}.map-editor__layer-insert{flex:1;min-height:var(--space-4);border:var(--border-thin) dashed var(--border-subtle);background:transparent;color:var(--fg-muted);font-size:var(--text-xs);justify-content:center}.map-editor__layer-insert:hover:not(:disabled){border-color:var(--accent);color:var(--fg);background:color-mix(in oklch,var(--accent) 8%,transparent)}.map-editor__layer-insert:disabled{opacity:.4}.map-editor__layer-gap--marker-hover{background:color-mix(in oklch,var(--accent) 18%,transparent);outline:var(--border-thin) dashed var(--accent);outline-offset:-2px}.map-editor__layer-default-marker{cursor:grab;font-size:var(--text-2xs);display:inline-flex;align-items:center;gap:var(--space-0p5)}.map-editor__layer-default-marker:active{cursor:grabbing}.map-editor__layer-default-marker-grip{font-family:var(--font-mono);color:var(--fg-muted);font-size:var(--text-xs)}.map-editor__layer-menu-trigger{grid-area:menu;align-self:center;font-size:var(--text-sm);color:var(--fg-muted)}.map-editor__layer-menu-trigger:hover{color:var(--fg)}.map-editor__layer-menu{padding:var(--space-0p5);min-width:160px}.map-editor__layer-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-0p25)}.map-editor__layer-menu-item{width:100%;text-align:left;justify-content:flex-start}.map-editor__layer-menu-item--danger{color:var(--accent)}.map-editor__layer-row{display:grid;grid-template-areas:"label    label    remove  menu" "vis      opacity  opacity opacity";grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-1) var(--space-1p5);align-items:center}.map-editor__layer-label-area{grid-area:label}.map-editor__layer-vis{grid-area:vis}.map-editor__layer-opacity{grid-area:opacity}.map-editor__layer-remove{grid-area:remove;align-self:center}.map-editor__layer-active{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);min-width:0}.map-editor__layer-active>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-editor__layer-active--passive{color:var(--fg-muted);font-style:italic}.map-editor__layer-label-area{display:flex;align-items:center;gap:var(--space-1);min-width:0}.map-editor__layer-collapse{width:14px;height:14px;padding:0;background:transparent;border:none;color:var(--fg-muted);font-size:var(--text-2xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.map-editor__layer-collapse:hover{color:var(--fg)}.map-editor__layer-collapse--placeholder{cursor:default}.map-editor__layer-count{margin-left:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);color:var(--fg-muted);font-size:var(--text-2xs);font-family:var(--font-mono);flex:none}.map-editor__layer-entities{display:flex;flex-direction:column;gap:var(--space-0p25);padding-left:var(--space-3)}.map-editor__layer-entity{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:var(--space-1p5);height:22px;padding:0 var(--space-1);background:transparent;border:var(--border-thin) solid transparent;color:var(--fg);cursor:pointer;font-size:var(--text-xs);text-align:left}.map-editor__layer-entity:hover{background:var(--bg-surface)}.map-editor__layer-entity:active{cursor:grabbing}.map-editor__layer-entity--selected{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,transparent)}.map-editor__layer-entity--drag-source{opacity:.4}.map-editor__layer-entity--drop-target{border-top:var(--border-thick) solid var(--accent)}.map-editor__layer-entity--broken{color:var(--accent)}.map-editor__layer-entity-icon{width:16px;height:16px;image-rendering:pixelated;flex:none}.map-editor__layer-entity-icon--swatch{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);font-size:var(--text-2xs);color:var(--fg-muted);font-weight:700}.map-editor__layer-entity-icon--broken{background:color-mix(in oklch,var(--accent) 25%,transparent);border-color:var(--accent);color:var(--accent)}.map-editor__layer-entity-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-editor__layer-entity-pos{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.map-editor__layer-vis[aria-pressed=false]{opacity:.5}.map-editor__layer-opacity{width:100%}.map-editor__brushes{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.map-editor__brushes-empty{font-size:var(--text-xs);color:var(--fg-muted);margin:0}.map-editor__brush-section-heading{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.map-editor__brush-eraser-row{display:flex;align-items:center;gap:var(--space-1p5)}.map-editor__brush-eraser-label{font-size:var(--text-xs);color:var(--fg-muted)}.map-editor__brush-grid{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:var(--space-1);align-content:start}.map-editor__brush-cell,.map-editor__brush-eraser{width:40px;height:40px;padding:0;border:var(--border-thick) solid var(--border-subtle);background:linear-gradient(45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 8px 8px,linear-gradient(-45deg,var(--checkerboard-light) 25%,transparent 25%) 0 0 / 8px 8px,var(--checkerboard-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--fg);font-size:var(--text-base)}.map-editor__brush-cell--selected{border-color:var(--accent);outline:var(--border-thin) solid var(--accent)}.map-editor__tools{display:flex;align-items:center;gap:var(--space-1)}.map-editor__tool{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;background:var(--bg-surface);border:var(--border-thin) solid var(--border-subtle);color:var(--fg);cursor:pointer}.map-editor__tool:disabled{opacity:.4;cursor:not-allowed}.map-editor__tool--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.map-editor__tool svg{width:16px;height:16px;image-rendering:pixelated}.map-editor__brush-groups-section{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1p5)}.map-editor__brush-groups-heading{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.map-editor__brush-groups{display:flex;flex-direction:column;gap:var(--space-1)}.map-editor__brush-group{display:flex;align-items:center;gap:var(--space-1p5);height:40px;padding:0 var(--space-1p5);border:var(--border-thick) solid var(--border-subtle);background:var(--bg-surface);color:var(--fg);cursor:pointer;font-size:var(--text-xs);text-align:left}.map-editor__brush-group canvas{flex:none}.map-editor__brush-group-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-editor__brush-group-badge{color:var(--fg);font-size:var(--text-sm)}.map-editor__brush-group--broken{border-color:var(--accent)}.map-editor__rect-preview{background:color-mix(in oklch,var(--accent) 18%,transparent);outline:var(--border-thin) dashed var(--accent);outline-offset:-1px}.map-editor__rect-preview--erase{background:color-mix(in oklch,var(--fg) 18%,transparent);outline-color:var(--border-strong)}.map-editor__entity-overlay{display:block;image-rendering:pixelated}.map-editor__entity-picker,.map-editor__entity-inspector{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.map-editor__entity-picker legend,.map-editor__entity-inspector legend{padding:0 var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.map-editor__entity-picker-list{display:flex;flex-direction:column;gap:var(--space-1)}.map-editor__entity-picker-item{height:28px;padding:0 var(--space-2);border:var(--border-thick) solid var(--border-subtle);background:var(--bg-surface);color:var(--fg);font-size:var(--text-xs);text-align:left;cursor:pointer}.map-editor__entity-picker-item--selected{border-color:var(--accent);outline:var(--border-thin) solid var(--accent)}.map-editor__entity-inspector-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs)}.map-editor__entity-inspector-label{color:var(--fg-muted);min-width:4.5rem}.map-editor__entity-inspector-layer-label{margin-left:auto;font-size:var(--text-xs);color:var(--fg-muted)}.map-editor__entity-inspector-layer-label select{font-size:var(--text-xs);background:var(--bg);border:var(--border-thin) solid var(--border-subtle);color:var(--fg);padding:0 var(--space-1);height:20px}.map-editor__entity-inspector-state{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.map-editor__entity-inspector-state--scrollable{max-height:260px;overflow-y:auto}.map-editor__entity-inspector-large-note,.map-editor__entity-inspector-mismatch-note{margin:0;font-size:var(--text-2xs);color:var(--fg-muted)}.map-editor__entity-inspector-mismatch-note{color:var(--accent)}.map-editor__entity-inspector--broken{border-color:var(--accent)}.map-editor__entity-inspector-broken-msg{margin:0;font-size:var(--text-xs);color:var(--fg)}.map-editor__entity-inspector-remove{align-self:flex-start}.map-editor__entity-inspector-state .default-state-editor:not(.default-state-editor--fixed-keys) .default-state-editor__key-wrap{grid-column:1 / -1}.map-editor__entity-inspector-reorder{align-items:center}.map-editor__entity-reorder-btn{padding:0 var(--space-1p5);height:22px;background:var(--bg-surface);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);line-height:1}.map-editor__entity-reorder-btn:disabled{opacity:.35;cursor:default}.map-editor__entity-inspector-order{color:var(--fg-muted);font-size:var(--text-xs);margin-left:auto}.map-editor__empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-width:220px;font-size:var(--text-xs);color:var(--fg-muted);font-style:italic;text-align:center;pointer-events:none}.cart-debug-window{height:100%;overflow:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);line-height:1.5}.cart-debug-window__cover{display:flex;justify-content:center;padding:var(--space-2) var(--space-3) 0}.cart-debug-window__cover-canvas{width:72px;height:72px;image-rendering:pixelated;border:var(--border-thin) solid var(--border-subtle)}.cart-debug-window__size{position:sticky;top:0;background:var(--bg-elevated);border-bottom:var(--border-thin) solid var(--border-subtle);padding:var(--space-2) var(--space-3);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-3)) var(--space-2) calc(-1 * var(--space-3));z-index:1}.cart-debug-window__size-header{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;margin-bottom:var(--space-1p5);color:var(--fg-muted);text-transform:uppercase;font-size:var(--text-2xs);letter-spacing:.05em}.cart-debug-window__size-total{color:var(--fg);font-weight:700;font-size:var(--text-xs);letter-spacing:0;text-transform:none}.cart-debug-window__size-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-0p25)}.cart-debug-window__size-row{display:grid;grid-template-columns:1fr auto 3.5em;gap:var(--space-2);align-items:center;padding:var(--space-0p5) var(--space-1p5);border-radius:var(--radius-sm);background-image:linear-gradient(to right,var(--accent-bg) 0,var(--accent-bg) var(--bar, 0%),transparent var(--bar, 0%),transparent 100%)}.cart-debug-window__size-key{color:var(--fg)}.cart-debug-window__size-bytes,.cart-debug-window__size-percent{color:var(--fg-muted);font-variant-numeric:tabular-nums;text-align:right}.json-tree{display:block}.json-tree__node{padding-left:0}.json-tree__children{margin-left:var(--space-4);border-left:var(--border-thin) dashed var(--border-subtle);padding-left:var(--space-2)}.json-tree__caret{display:inline-flex;align-items:baseline;gap:var(--space-1p5);padding:var(--space-0p25) var(--space-0p5);color:inherit;font-family:inherit;font-size:inherit;text-align:left}.json-tree__caret-glyph{width:.8rem;display:inline-block;color:var(--fg-muted)}.json-tree__leaf{display:inline-flex;align-items:baseline;padding:var(--space-0p25) var(--space-0p5) var(--space-0p25) calc(var(--space-3) + var(--space-1p5) + var(--space-0p5))}.json-tree__key{color:var(--fg)}.json-tree__sep{color:var(--fg-muted);margin-right:var(--space-1)}.json-tree__meta{color:var(--fg-muted);margin-left:var(--space-1)}.json-tree__value--number,.json-tree__value--boolean{color:var(--accent)}.json-tree__value--string{color:var(--fg)}.json-tree__value--null{color:var(--fg-muted);font-style:italic}.json-tree__value--binary{color:var(--fg-muted)}.palette-editor{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui)}.palette-editor--empty{align-items:center;justify-content:center;color:var(--fg-muted);padding:var(--space-4)}.palette-editor__header{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.palette-editor__header-actions{display:flex;align-items:center;gap:var(--space-1p5)}.palette-editor__title{margin:0;font-size:var(--text-sm);font-weight:600}.palette-editor__hint{margin:var(--space-1) 0 0 0;font-size:var(--text-xs);color:var(--fg-muted)}.palette-editor__sections{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.palette-editor__section{display:flex;flex-direction:column;gap:var(--space-1p5)}.palette-editor__section-heading{margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg)}.palette-editor__section-range{font-weight:400;text-transform:none;letter-spacing:0;color:var(--fg-muted)}.palette-editor__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-1p5);list-style:none;margin:0;padding:0}.palette-editor__cell{display:flex;flex-direction:column;gap:var(--space-0p5);min-width:0}.palette-editor__cell-label{font-size:var(--text-2xs);color:var(--fg-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-swatch{position:relative;width:100%;height:2.25rem;padding:0;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.palette-swatch:hover,.palette-swatch[data-hovered]{border-color:var(--border-strong)}.palette-swatch[data-focus-visible]{outline:var(--border-thick) solid var(--focus-ring);outline-offset:var(--space-0p5)}.palette-swatch--editor-role{box-shadow:inset 0 0 0 var(--border-thick) var(--accent)}.palette-swatch__index{position:absolute;top:var(--space-0p5);left:var(--space-1);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--swatch-marker-fg);text-shadow:0 0 2px var(--swatch-marker-shadow);pointer-events:none}.palette-swatch__warning-badge{position:absolute;top:var(--space-0p5);right:var(--space-1);line-height:0;color:var(--swatch-marker-fg);pointer-events:none}.palette-swatch__warning-badge svg{width:12px;height:12px;image-rendering:pixelated;filter:drop-shadow(0 0 2px var(--swatch-marker-shadow-strong))}.palette-editor__swatch-wrap{position:relative}.palette-editor__cell-reset{position:absolute;bottom:var(--space-0p5);right:var(--space-0p5);min-width:1.125rem;min-height:1.125rem;padding:0;line-height:0;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity 80ms ease-out}.palette-editor__cell--editor-role:hover .palette-editor__cell-reset,.palette-editor__cell--editor-role:focus-within .palette-editor__cell-reset,.palette-editor__cell-reset[data-focus-visible],.palette-editor__cell-reset:focus-visible{opacity:1;pointer-events:auto}.palette-editor__cell-reset svg{width:12px;height:12px;image-rendering:pixelated}.palette-editor__cell-reset:disabled{cursor:default;opacity:0}.palette-editor__cell--editor-role:hover .palette-editor__cell-reset:disabled,.palette-editor__cell--editor-role:focus-within .palette-editor__cell-reset:disabled{opacity:.4;pointer-events:none}.palette-popover{min-width:16rem}.palette-popover__dialog{display:flex;flex-direction:column;gap:var(--space-2)}.palette-popover__header{display:flex;align-items:baseline;gap:var(--space-2)}.palette-popover__index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}.palette-popover__role{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--fg)}.palette-popover__role--cart{color:var(--fg-muted);font-weight:400}.palette-popover__role-description{margin:0;font-size:var(--text-xs);color:var(--fg-muted)}.palette-popover__area{width:100%;aspect-ratio:1 / 1;max-height:12rem;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-subtle);flex:0 0 auto}.palette-popover__slider{width:100%;flex:0 0 auto}.palette-popover__slider-track{width:100%;height:.75rem;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-subtle)}.palette-popover__thumb{width:.875rem;height:.875rem;border-radius:50%;border:var(--border-thick) solid var(--swatch-marker-fg);box-shadow:0 0 0 1px var(--swatch-marker-shadow)}.palette-popover__thumb[data-focus-visible]{outline:var(--border-thick) solid var(--focus-ring);outline-offset:2px}.palette-popover__controls{display:flex;align-items:center;gap:var(--space-2)}.palette-popover__hex{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-0p5) var(--space-1);flex:1 1 auto;min-width:0}.palette-popover__hex--error{background:var(--ui-strong-bg);border-color:var(--ui-strong);outline:var(--border-thin) solid var(--ui-strong)}.palette-popover__error{font-size:var(--text-xs);color:var(--ui-strong)}.palette-popover__warning{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1p5);background:var(--ui-warm-bg);border:var(--border-thin) solid var(--ui-warm);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--fg)}.palette-popover__warning-icon{flex:0 0 auto;line-height:0}.palette-popover__warning-icon svg{width:12px;height:12px;image-rendering:pixelated}.palette-popover__reset{font-size:var(--text-xs);color:var(--fg);background:var(--bg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-0p5) var(--space-2);cursor:pointer;flex:0 0 auto}.palette-popover__reset:hover{background:var(--accent-bg);border-color:var(--accent)}.palette-editor__footer{padding:var(--space-2) var(--space-3);border-top:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.palette-editor__reset-all{font-size:var(--text-xs);color:var(--fg);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer}.palette-editor__reset-all:hover{border-color:var(--border-strong);background:var(--control-hover)}.palette-presets-popover{min-width:22rem;max-width:26rem}.palette-presets-popover__body{display:flex;flex-direction:column;gap:var(--space-1p5)}.palette-presets-popover__heading{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--fg)}.palette-presets-popover__hint{margin:0;font-size:var(--text-xs);color:var(--fg-muted)}.palette-presets-popover__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.palette-presets-popover__item{margin:0}.palette-presets-popover__row{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-1) var(--space-1p5);text-align:left}.palette-presets-popover__row-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.palette-presets-popover__row-label{font-size:var(--text-xs);font-weight:600;color:var(--fg)}.palette-presets-popover__warning{display:inline-flex;align-items:center;gap:var(--space-0p5);font-size:var(--text-2xs);color:var(--ui-warm);line-height:0}.palette-presets-popover__warning svg{width:12px;height:12px;image-rendering:pixelated}.palette-presets-popover__warning-text{line-height:1}.palette-presets-popover__swatches{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--space-0p25);width:100%;height:1rem;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.palette-presets-popover__swatch{display:block;width:100%;height:100%}::selection{background:var(--accent);color:var(--bg)}button,input,select,textarea{font:inherit}button{background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1p5) var(--space-3);box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow)}button[data-kind=accent]{background:var(--accent);color:var(--bg);border-color:var(--accent)}button[data-kind=ghost]{background:transparent;color:var(--fg-muted);border-color:transparent;box-shadow:none}button[data-kind=ghost]:hover{background:none;border-color:var(--control-border-hover)}button[data-kind=ghost]:active{box-shadow:none}button[data-kind=destructive]{background:var(--ui-strong);color:var(--bg);border-color:var(--ui-strong)}button[data-kind=destructive]:where(:enabled):hover{background:color-mix(in oklch,var(--ui-strong) 85%,var(--fg));border-color:color-mix(in oklch,var(--ui-strong) 85%,var(--fg))}button[data-kind=secondary]{background:var(--ui-secondary);color:var(--bg);border-color:var(--ui-secondary)}button[data-kind=secondary]:where(:enabled):hover{background:color-mix(in oklch,var(--ui-secondary) 85%,var(--fg));border-color:color-mix(in oklch,var(--ui-secondary) 85%,var(--fg))}button[data-size=sm]{padding:var(--space-1) var(--space-2p5);font-size:var(--text-xs)}button[data-icon-only]{padding:0 var(--space-1);min-width:var(--space-6);min-height:var(--space-6)}:where(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}input::placeholder,textarea::placeholder{color:var(--fg-subtle)}input[type=number]{appearance:textfield;min-height:var(--space-6)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}button:where(:enabled):hover{border-color:var(--control-border-hover)}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:is(:disabled,[aria-disabled=true]):is([aria-pressed=true],[data-active=true],[aria-selected=true]){opacity:1}button:where(:enabled):not(:where(.tileset-editor__cell-button,.map-editor__brush-cell,.map-editor__brush-eraser,[aria-pressed=true],[data-active=true],[aria-selected=true],[class*=--active],[class*=--selected])):hover{background:var(--control-hover);color:var(--fg)}button:not([data-kind]):where(:enabled):is([aria-pressed=true],[data-active=true],[aria-selected=true]):hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}button:where(:enabled):active{border-color:var(--accent);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}button:is([aria-pressed=true],[data-active=true],[aria-selected=true]){box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}button:not([data-kind]):is([aria-pressed=true],[data-active=true],[aria-selected=true]){background:var(--accent);border-color:var(--accent);color:var(--bg)}button[data-kind=ghost]:is([aria-pressed=true],[data-active=true],[aria-selected=true]){background:transparent;color:var(--accent);border-color:transparent;box-shadow:none}button[data-kind=ghost]:where(:enabled):is([aria-pressed=true],[data-active=true],[aria-selected=true]):hover{background:transparent;color:var(--accent);border-color:var(--control-border-hover)}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:var(--border-thick) solid var(--focus-ring);outline-offset:var(--space-0p5)}:where(input,select,textarea):where(:enabled):hover{border-color:var(--control-border-hover)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--ui-strong);box-shadow:0 0 0 var(--border-thin) var(--ui-strong)}input[type=range]{accent-color:var(--accent)}input[type=checkbox]{appearance:none;width:var(--space-4);height:var(--space-4);margin:0;background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight);cursor:pointer;display:inline-grid;place-content:center;flex-shrink:0}input[type=checkbox]:before{content:"";width:10px;height:10px;background:var(--bg);transform:scale(0);transition:transform 60ms ease-out;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 2px 2px color-mix(in oklch,var(--accent) 60%,var(--bevel-shadow)),inset -2px -2px color-mix(in oklch,var(--accent) 60%,var(--bevel-highlight))}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled{cursor:default;opacity:.5}input[type=radio]{appearance:none;width:var(--space-4);height:var(--space-4);margin:0;background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight);cursor:pointer;display:inline-grid;place-content:center;flex-shrink:0}input[type=radio]:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--accent);transform:scale(0);transition:transform 60ms ease-out}input[type=radio]:checked:before{transform:scale(1)}input[type=radio]:disabled{cursor:default;opacity:.5}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-muted) 50%),linear-gradient(135deg,var(--fg-muted) 50%,transparent 50%);background-position:calc(100% - var(--space-3)) 50%,calc(100% - var(--space-2)) 50%;background-repeat:no-repeat;background-size:var(--space-1) var(--space-1),var(--space-1) var(--space-1);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);min-height:var(--space-6)}select option{background:var(--bg);color:var(--fg)}input[type=color]{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}input[type=color]::-webkit-color-swatch-wrapper{padding:var(--space-0p25)}input[type=color]::-webkit-color-swatch{border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-sm)}input[type=color]::-moz-color-swatch{border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-sm)}input[type=range]{appearance:none;background:transparent;cursor:pointer;height:var(--space-5)}input[type=range]::-webkit-slider-runnable-track{height:var(--space-2);background:var(--range-track);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--space-4);height:var(--space-4);margin-top:calc(-1 * var(--space-1));background:var(--range-fill);border:var(--border-thin) solid var(--border-strong);border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow)}input[type=range]::-moz-range-track{height:var(--space-2);background:var(--range-track);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}input[type=range]::-moz-range-progress{height:var(--space-2);background:var(--range-fill);border-radius:var(--radius-lg)}input[type=range]::-moz-range-thumb{width:var(--space-4);height:var(--space-4);background:var(--range-fill);border:var(--border-thin) solid var(--border-strong);border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow)}input[type=range]:where(:enabled):hover::-webkit-slider-runnable-track{background:var(--range-track-hover)}input[type=range]:where(:enabled):hover::-moz-range-track{background:var(--range-track-hover)}progress,meter{appearance:none;width:100%;height:var(--space-2);accent-color:var(--range-fill);background:var(--range-track);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight);overflow:hidden}progress::-webkit-progress-bar{background:var(--range-track);border-radius:var(--radius-lg)}progress::-webkit-progress-value{background:var(--range-fill);border-radius:var(--radius-lg)}progress::-moz-progress-bar{background:var(--range-fill);border-radius:var(--radius-lg)}meter::-webkit-meter-bar{background:var(--range-track);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-lg)}meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{background:var(--range-fill)}::-webkit-scrollbar{-webkit-appearance:none;width:var(--space-4);height:var(--space-4);background:var(--bg)}::-webkit-scrollbar-track{-webkit-appearance:none;background:var(--bg);border:var(--border-thin) solid var(--border-strong);border-radius:0}::-webkit-scrollbar-thumb{-webkit-appearance:none;background-color:color-mix(in oklch,var(--bg) 50%,var(--fg));border:var(--border-thick) solid var(--border-strong);border-radius:0;min-height:var(--space-6);box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow)}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklch,var(--bg) 40%,var(--fg))}::-webkit-scrollbar-corner{background:var(--bg)}.popover{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 var(--space-1) var(--space-4) color-mix(in oklch,var(--bg) 50%,transparent);padding:var(--space-3)}.popover__dialog{outline:none}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:var(--text-xs);color:var(--fg-muted);display:inline-flex;align-items:baseline;gap:var(--space-0p5)}.field__required-marker{color:var(--ui-strong)}.field__label-adornment{opacity:.8}.field-default-badge{font-size:var(--text-xs);color:var(--fg-subtle);font-style:italic}.field__hint{font-size:var(--text-xs);color:var(--fg-muted)}.field__error{font-size:var(--text-xs);color:var(--ui-strong)}.field[data-disabled] .field__label,.field[data-disabled] .field__hint{opacity:.6}.field[data-layout=inline]{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.field[data-layout=inline] .field__hint,.field[data-layout=inline] .field__error{flex-basis:100%}.field :where(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){padding:var(--space-1p5) var(--space-2);font-size:var(--text-xs);font-family:inherit}.field :where(input:disabled,select:disabled,textarea:disabled){opacity:.5;cursor:not-allowed}.slider{display:flex;align-items:center;gap:var(--space-2);min-width:0}.slider>input[type=range]{flex:1 1 0;min-width:0}.slider__unit{font-size:var(--text-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums}.dirty-glyph,[data-kind=dirty-glyph]{color:var(--ui-warm);font-size:var(--text-2xs);line-height:1}.map-editor__slot-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-1) 0}.map-editor__slot-tab-wrap{position:relative;display:inline-flex;align-items:center}.map-editor__slot-tab{display:inline-flex;align-items:center;gap:var(--space-1p5);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);max-width:var(--space-32, 16rem)}.map-editor__slot-tab-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-editor__slot-tab-menu{position:absolute;top:100%;left:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-0p5);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:0 var(--space-1) var(--space-4) color-mix(in oklch,var(--bg) 50%,transparent)}.map-editor__slot-tab-menu-item{justify-content:flex-start;text-align:left}.map-editor__slot-add{font-size:var(--text-xs)}.map-editor__remove-blocker{margin-top:var(--space-2);padding:var(--space-2);border:var(--border-thin) solid var(--ui-warm);border-radius:var(--radius-md);background:color-mix(in oklch,var(--bg-elevated) 80%,var(--ui-warm));display:flex;flex-direction:column;gap:var(--space-1)}.map-editor__remove-blocker-title{font-size:var(--text-sm);font-weight:600;margin:0}.map-editor__remove-blocker-hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0}.map-editor__remove-blocker-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-0p5)}.tileset-picker{display:flex;flex-direction:column;gap:var(--space-0p5);min-width:var(--space-32, 16rem)}.tileset-picker__empty{font-size:var(--text-xs);color:var(--fg-muted);margin:0;padding:var(--space-1) 0}.tileset-picker__row{justify-content:flex-start;display:inline-flex;align-items:center;gap:var(--space-1p5);text-align:left}.tileset-picker__row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-editor{display:flex;flex-direction:column;gap:var(--space-2);height:100%}.music-editor__toolbar{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2);background:var(--bg-surface);border-bottom:var(--border-thin) solid var(--border-subtle)}.music-editor__toolbar label{display:flex;flex-direction:column;font-size:var(--text-xs);color:var(--fg-muted)}.music-editor__toolbar input[type=number]{width:5rem}.music-editor__track-name-rename-wrap{display:inline-flex;flex-direction:column;gap:var(--space-1);min-width:0}.music-editor__track-name-rename{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);color:var(--fg);border:var(--border-thin) solid var(--accent);border-radius:var(--radius-xs);outline:none;min-width:0}.music-editor__track-name-rename[aria-invalid=true]{border-color:var(--ui-warm)}.music-editor__track-name-rename-error{color:var(--ui-warm);font-size:var(--text-2xs);line-height:1.2}.music-editor__track-name-rename-btn svg{width:12px;height:12px;image-rendering:pixelated}.music-editor__body{display:flex;gap:var(--space-2);flex:1;min-height:0}.music-editor__main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.music-editor__splitter{flex:0 0 var(--space-1);background:var(--border-subtle);cursor:ew-resize;touch-action:none;user-select:none;transition:background .1s}.music-editor__splitter:hover,.music-editor__splitter:active{background:var(--accent)}.music-voice-tabs{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-surface);border-bottom:var(--border-thin) solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0}.music-voice-tabs__tab{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs);user-select:none}.music-voice-tabs__tab.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.music-voice-tabs__label{font-size:var(--text-xs);font-weight:500}.music-voice-tabs__mute,.music-voice-tabs__remove{background:transparent;border:none;cursor:pointer;padding:0 var(--space-0p5);font-size:var(--text-xs);line-height:1;opacity:0;transition:opacity .1s;color:inherit}.music-voice-tabs__tab:hover .music-voice-tabs__mute,.music-voice-tabs__tab:hover .music-voice-tabs__remove,.music-voice-tabs__tab.is-active .music-voice-tabs__mute,.music-voice-tabs__tab.is-active .music-voice-tabs__remove{opacity:1}.music-voice-tabs__mute[aria-pressed=true]{text-decoration:line-through;opacity:.7}.music-voice-tabs__add{padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-xs)}.music-instrument-panel{width:240px;flex:0 0 240px;background:var(--bg-surface);border-right:var(--border-thin) solid var(--border-subtle);padding:var(--space-2);overflow-y:auto}.music-instrument-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.music-instrument-panel__header h2{margin:0;font-size:var(--text-xs)}.music-instrument-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.music-instrument-panel__row{display:flex;flex-wrap:wrap;align-items:stretch;gap:0}.music-instrument-panel__item{display:flex;align-items:center;gap:var(--space-2);flex:1;border-radius:var(--radius-xs) 0 0 var(--radius-xs);text-align:left}.music-instrument-panel__swatch{width:12px;height:12px;border-radius:var(--radius-sm);flex:0 0 12px}.music-instrument-panel__badge{flex:0 0 auto;font-size:var(--text-xs);line-height:1;color:var(--fg-muted)}.music-instrument-panel__label{flex:1}.music-instrument-panel__id{color:var(--fg-muted);font-size:var(--text-xs)}.music-instrument-panel__chevron{border-left:none;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.music-instrument-panel__empty{font-size:var(--text-xs);color:var(--fg-muted);padding:var(--space-2)}.music-instrument-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-surface)}.music-instrument-view__header{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--border-subtle);flex-shrink:0}.music-instrument-view__title{margin:0;font-size:var(--text-sm);color:var(--fg);font-weight:600}.music-instrument-view__body{flex:1;overflow:auto;padding:var(--space-3);min-height:0}.music-instrument-view__empty{margin:0;color:var(--fg-muted);font-style:italic}.music-instrument-view .music-instrument-form{background:var(--bg);padding:var(--space-3);gap:var(--space-2)}.music-instrument-view .music-instrument-form__adsr input[type=number]{width:6rem}.music-instrument-form{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg);border-radius:var(--radius-xs)}.music-instrument-form fieldset{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2)}.music-instrument-form legend{font-size:var(--text-xs);color:var(--fg-muted)}.music-instrument-form__waveform label{display:inline-flex;align-items:center;gap:var(--space-1);margin-right:var(--space-2);font-size:var(--text-xs)}.music-instrument-form__row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.music-instrument-form__adsr-fieldset{display:flex;flex-direction:column;gap:var(--space-1)}.music-instrument-form__adsr{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);font-size:var(--text-xs)}.music-instrument-form__adsr input[type=number]{width:5rem}.music-instrument-form__color{display:flex;flex-direction:column;gap:var(--space-1)}.music-instrument-form__swatches{display:flex;flex-wrap:wrap;gap:var(--space-0p5)}.music-instrument-form__swatch{width:1.25rem;height:1.25rem;min-width:1.25rem;padding:0;border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xs)}.music-instrument-form__swatch[data-active=true]{outline:var(--border-thick) solid var(--accent);outline-offset:var(--space-0p25)}.music-editor__timeline-scroll{flex:1;overflow:auto;background:var(--bg);min-height:0}.music-timeline{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.music-timeline__voice{position:relative;border:var(--border-thin) solid var(--border-subtle);background:var(--bg-surface)}.music-timeline__voice.is-muted{opacity:.5}.music-timeline__voice-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);position:sticky;left:0;z-index:2;font-size:var(--text-xs)}.music-timeline__voice-grid{position:relative}.music-timeline__rows,.music-timeline__bars{position:absolute;inset:0;pointer-events:none}.music-timeline__row{position:absolute;left:0;right:0}.music-timeline__row.is-black-key{background:color-mix(in oklch,var(--fg) 12%,transparent)}.music-timeline__bar-line{position:absolute;top:0;bottom:0;width:var(--border-thin);background:color-mix(in oklch,var(--fg) 10%,transparent)}.music-timeline__note{position:absolute;border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-sm);cursor:grab;box-sizing:border-box}.music-timeline__note.is-selected{outline:var(--border-thick) solid var(--accent);z-index:1}.music-timeline__note-resize{position:absolute;right:0;top:0;bottom:0;cursor:ew-resize;background:color-mix(in oklch,var(--bg) 20%,transparent)}.music-timeline__playhead{position:absolute;top:0;bottom:0;width:var(--border-thick);background:var(--accent);pointer-events:none;z-index:3}.music-timeline__playhead--paused{opacity:.6}.music-timeline__ruler{position:relative;height:var(--space-5);flex-shrink:0;cursor:ew-resize;user-select:none;touch-action:none;background:color-mix(in oklch,var(--bg-surface) 88%,transparent);border-bottom:var(--border-thin) solid var(--border-subtle)}.music-timeline__ruler-tick{position:absolute;top:0;bottom:0;padding-left:var(--space-0p5);font-size:var(--text-xs);color:var(--fg);border-left:var(--border-thick) solid var(--border-strong);pointer-events:none}.music-timeline__playhead-head{position:absolute;top:0;width:var(--space-2);height:100%;transform:translate(-50%);background:var(--accent);border-radius:var(--radius-sm);pointer-events:none;z-index:4}.music-timeline__playhead-head--paused{opacity:.6}.music-editor__mode-toggle{display:inline-flex;align-items:center;gap:var(--space-1)}.music-editor__transport{display:inline-flex;align-items:center;gap:var(--space-0p5)}.music-editor__phrase-header{padding:var(--space-1) var(--space-2);display:flex;gap:var(--space-2);align-items:center;flex-shrink:0;border-bottom:var(--border-thin) solid var(--border-subtle)}.music-editor__phrase-zoom{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted)}.music-editor__phrase-zoom-value{min-width:var(--space-6);text-align:center;color:var(--fg);font-variant-numeric:tabular-nums}.music-editor__placeholder{padding:var(--space-3);color:var(--fg-muted);font-style:italic}.phrase-library{display:flex;flex-direction:column;width:14rem;flex-shrink:0;background:var(--bg-surface);border-right:var(--border-thin) solid var(--border-subtle);min-height:0}.phrase-library__header{padding:var(--space-1) var(--space-2);border-bottom:var(--border-thin) solid var(--border-subtle)}.phrase-library__header h2{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:0}.phrase-library__list{flex:1;overflow-y:auto;scrollbar-gutter:stable;list-style:none;margin:0;padding:0;min-height:0}.phrase-library__row{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-1);border-bottom:var(--border-thick) solid var(--border-subtle)}.phrase-library__row--active{background:var(--bg-elevated)}.phrase-library__select{flex:1;background:transparent;border:none;color:inherit;text-align:left;padding:var(--space-1);cursor:pointer;font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1)}.phrase-library__swatch{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;border:var(--border-thin) solid var(--border-strong)}.phrase-library__select:hover{color:var(--accent)}.phrase-library__rename{flex:1;font-size:var(--text-xs);padding:var(--space-1);background:var(--bg);color:inherit;border:var(--border-thin) solid var(--accent)}.phrase-library__empty{padding:var(--space-2);color:var(--fg-muted);font-size:var(--text-xs)}.phrase-library__footer{padding:var(--space-1);border-top:var(--border-thin) solid var(--border-subtle)}.phrase-library__add{width:100%}.music-arrangement{position:relative;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.music-arrangement__grid{position:relative;display:flex;flex-direction:column;gap:var(--space-1)}.music-arrangement__bar-ruler{position:relative;height:var(--space-5);margin-left:var(--space-8);flex-shrink:0;cursor:ew-resize;user-select:none;touch-action:none}.music-arrangement__bar-ruler-hint{position:absolute;top:0;left:0;width:var(--space-8);height:var(--space-5);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--fg-muted);pointer-events:none;opacity:.5}.music-arrangement__bar-tick{position:absolute;top:0;font-size:var(--text-xs);color:var(--fg);text-align:left;padding-left:var(--space-0p5);border-left:var(--border-thick) solid var(--border-strong)}.music-arrangement__row{margin-left:var(--space-8);border:var(--border-thick) solid var(--border-subtle);background:var(--bg-surface)}.music-arrangement__voice-label{position:absolute;left:calc(-1 * var(--space-8));top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--fg);width:calc(var(--space-8) - var(--space-1));text-align:right;font-weight:600;display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-0p5);z-index:2}.music-arrangement__voice-remove{background:transparent;border:none;color:var(--fg-muted);font-size:var(--text-sm);line-height:1;cursor:pointer;padding:0 var(--space-0p5);opacity:.45;transition:opacity .1s}.music-arrangement__row:hover .music-arrangement__voice-remove,.music-arrangement__voice-label:hover .music-arrangement__voice-remove{opacity:1}.music-arrangement__voice-remove:hover{color:var(--ui-warm);opacity:1}.music-arrangement__add{background:transparent;border:var(--border-thin) dashed transparent;border-radius:var(--radius-xs);color:var(--fg-muted);cursor:pointer;font-size:var(--text-sm);opacity:.3;transition:opacity .1s}.music-arrangement__add:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.music-arrangement__chip{border-radius:var(--radius-xs);cursor:grab;display:flex;align-items:center;padding:0 var(--space-1);color:var(--fg);font-size:var(--text-xs);font-weight:500;user-select:none;border:var(--border-thin) solid var(--border-strong);box-shadow:inset 2px 2px 0 var(--bevel-highlight),inset -2px -2px 0 var(--bevel-shadow);overflow:hidden;white-space:nowrap}.music-arrangement__chip:active{cursor:grabbing;box-shadow:inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-highlight)}.music-arrangement__chip--selected{outline:var(--border-thick) solid var(--accent);outline-offset:-1px;z-index:1}.music-arrangement__chip-label{text-overflow:ellipsis;overflow:hidden;position:absolute;top:var(--space-0p25);left:var(--space-1);right:var(--space-5);height:var(--space-3);font-size:var(--text-2xs);pointer-events:none}.music-arrangement__chip-remove{position:absolute;top:var(--space-0p25);right:var(--space-0p25);width:var(--space-4);height:var(--space-4);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--fg-muted);font-size:var(--text-sm);line-height:1;cursor:pointer;padding:0;opacity:0;transition:opacity .1s;z-index:1}.music-arrangement__chip:hover .music-arrangement__chip-remove,.music-arrangement__chip-remove:focus-visible{opacity:.85}.music-arrangement__chip-remove:hover{background:color-mix(in oklch,var(--ui-warm) 30%,transparent);color:var(--ui-warm);opacity:1}.music-arrangement__chip-preview{position:absolute;left:0;right:0;top:var(--space-3p5);bottom:var(--space-1);pointer-events:none}.music-arrangement__add-voice{margin:var(--space-1) 0 0 var(--space-8);align-self:flex-start}.music-arrangement__picker{background:var(--bg-elevated);border:var(--border-thin) solid var(--border-strong);border-radius:var(--radius-xs);display:flex;flex-direction:column;min-width:9rem;max-height:14rem;overflow-y:auto}.music-arrangement__picker-empty{padding:var(--space-2);color:var(--fg-muted);font-size:var(--text-xs);margin:0}.music-arrangement__picker-row{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;font-size:var(--text-xs)}.music-arrangement__picker-row:hover{background:var(--bg-surface)}.music-arrangement__picker-swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-sm);flex-shrink:0}.music-timeline{display:block;padding:var(--space-2);outline:none}.music-timeline:focus-visible{outline:var(--border-thick) solid var(--accent);outline-offset:-2px}.music-timeline__grid{background:var(--bg-surface);background-image:linear-gradient(to right,color-mix(in oklch,var(--fg) 20%,transparent) 0,color-mix(in oklch,var(--fg) 20%,transparent) 1px,transparent 1px,transparent 100%);background-size:12.5px 100%;border:var(--border-thick) solid var(--border-strong);cursor:crosshair;user-select:none}.music-timeline__bar-line{background:var(--border-strong, var(--fg-muted));pointer-events:none}.music-timeline__playhead{background:var(--accent);pointer-events:none;z-index:2}.music-arrangement__playhead{position:absolute;top:0;bottom:0;width:var(--border-thick);background:var(--accent);pointer-events:none;z-index:2}.music-arrangement__playhead--paused{opacity:.6}.music-arrangement__playhead-head{position:absolute;top:0;height:var(--space-5);width:var(--space-2);transform:translate(-50%);background:var(--accent);border-radius:var(--radius-sm);pointer-events:none;z-index:3}.music-arrangement__playhead-head--paused{opacity:.6}.music-arrangement__loop-region{position:absolute;top:0;bottom:0;background:color-mix(in oklch,var(--accent) 18%,transparent);border-left:var(--border-thick) solid var(--accent);border-right:var(--border-thick) solid var(--accent);pointer-events:none;z-index:1}.music-arrangement__loop-region-clear{position:absolute;top:var(--space-0p25);right:var(--space-0p25);width:var(--space-4);height:var(--space-4);display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--accent) 35%,transparent);border:none;border-radius:var(--radius-xs);color:var(--fg);font-size:var(--text-sm);line-height:1;cursor:pointer;padding:0;pointer-events:auto;opacity:.6;transition:opacity .1s}.music-arrangement__loop-region-clear:hover,.music-arrangement__loop-region-clear:focus-visible{opacity:1;background:color-mix(in oklch,var(--ui-warm) 35%,transparent);color:var(--ui-warm)}.music-timeline__note{border:var(--border-thick) solid var(--border-strong);border-radius:var(--radius-sm);cursor:grab;box-shadow:inset 1px 1px color-mix(in oklch,var(--bevel-highlight) 35%,transparent),inset -1px -1px color-mix(in oklch,var(--bevel-shadow) 35%,transparent)}.music-timeline__note:active{cursor:grabbing}.music-timeline__note--selected{outline:var(--border-thick) solid var(--accent);outline-offset:-1px;z-index:1}.music-timeline__marquee,.music-arrangement__marquee{pointer-events:none;background:color-mix(in oklch,var(--accent) 14%,transparent);border:var(--border-thin) dashed var(--accent);z-index:4}