.px-timeline{display:flex;flex-direction:column;gap:var(--sp-2);height:100%;overflow:hidden}.px-timeline__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-bottom:var(--border-w) solid var(--border)}.px-timeline__playback,.px-timeline__fps,.px-timeline__frame-actions{display:flex;align-items:center;gap:var(--sp-1)}.px-timeline__strip{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2);touch-action:pan-x}.px-frame-thumb{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);flex-shrink:0;padding:var(--sp-1);border:var(--border-w) solid var(--border);min-width:var(--hit)}.px-frame-thumb[data-active]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--bg-2)}.px-frame-thumb[data-dragging]{opacity:.5}.px-frame-thumb[data-drop-target]{border-left:2px solid var(--accent)}.px-frame-thumb__handle{background:none;border:none;color:var(--ink-dim);cursor:grab;padding:var(--sp-1);touch-action:none;min-height:var(--hit);display:flex;align-items:center;justify-content:center}.px-frame-thumb__body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);background:none;border:none;color:var(--ink);cursor:pointer}.px-frame-thumb__index{font-size:var(--text-xs);color:var(--ink-dim)}.px-frame-thumb__canvas{width:48px;height:48px;border:var(--border-w) solid var(--border);image-rendering:pixelated}.px-timeline__duration-badge,.px-duration-popover-anchor{font-size:var(--text-xs)}.px-timeline__duration-badge{background:none;border:var(--border-w) solid var(--border);color:var(--ink-dim);padding:0 var(--sp-1);min-height:var(--hit)}.px-duration-popover,.px-onion-popover{position:fixed;z-index:var(--z-tooltip);background:var(--bg-1);min-width:220px;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2)}.px-duration-popover__row,.px-onion-popover__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--text-xs)}.px-duration-popover__presets{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.px-onion-popover__tint-row{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-xs)}.px-onion-popover__presets{display:flex;gap:var(--sp-1)}.px-onion-popover__swatch{width:16px;height:16px;flex:none;border:var(--border-w) solid var(--border);padding:0}.px-frame-chip{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--ink-dim)}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--hit: 32px;--border-w: 1px;--font-ui: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--font-display: "Silkscreen", var(--font-mono);--text-xs: 11px;--lh-xs: 16px;--text-sm: 13px;--lh-sm: 20px;--text-md: 15px;--lh-md: 20px;--text-display: 16px;--lh-display: 24px;--z-panels: 10;--z-toolbar: 20;--z-toolbar-floating: 30;--z-sheet: 40;--z-modal: 50;--z-tooltip: 60;--z-drag-preview: 70}@media(any-pointer:coarse){:root{--hit: 44px}}:root,:root[data-theme=dark]{color-scheme:dark;--bg-0: #101014;--bg-1: #1a1a21;--bg-2: #24242d;--bg-3: #30303b;--ink: #e8e8f0;--ink-dim: #9a9aa8;--ink-disabled: #55555f;--border: #3c3c48;--border-strong: #6a6a78;--accent: #ffd23e;--accent-ink: #14140a;--danger: #ff5d5d;--shadow-color: rgb(0 0 0 / .55)}:root[data-theme=light]{color-scheme:light;--bg-0: #e8e8e2;--bg-1: #f4f4ee;--bg-2: #ffffff;--bg-3: #d8d8d0;--ink: #1c1c22;--ink-dim: #5c5c66;--ink-disabled: #a8a8b0;--border: #b4b4ac;--border-strong: #6a6a64;--accent: #2b4fd8;--accent-ink: #ffffff;--danger: #c53030;--shadow-color: rgb(28 28 34 / .35)}*,*:before,*:after{box-sizing:border-box}*{border-radius:0!important}body{margin:0;font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--lh-md);background:var(--bg-0);color:var(--ink)}.px-bevel{border:var(--border-w) solid var(--border);box-shadow:var(--sp-1) var(--sp-1) 0 0 var(--shadow-color)}@media(any-pointer:coarse){input[class],textarea[class],select[class],input,textarea,select,.px-number-input__el,.px-select__el,.px-hex-input{font-size:16px}}.shell,.px-modal-scrim,.px-popover{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable],.px-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.px-btn,.px-iconbtn,.px-toggle,.px-tabs__tab,.px-panel__collapse,.px-number-input__el,.px-select__el{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink)}.px-btn{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--hit);padding:0 var(--sp-3);background:var(--bg-1);border:var(--border-w) solid var(--border);font-family:var(--font-display);cursor:pointer}@media(hover:hover){.px-btn:hover{background:var(--bg-2);border-color:var(--border-strong)}}.px-btn:active{background:var(--bg-3)}.px-btn:disabled{color:var(--ink-disabled);cursor:not-allowed}.px-btn--accent{background:var(--accent);color:var(--accent-ink)}.px-btn--danger{border-color:var(--danger);color:var(--danger)}.px-btn:disabled,.px-btn:disabled:hover{background:var(--bg-2);border-color:var(--border)}.px-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:1}.px-iconbtn{position:relative;width:var(--hit);height:var(--hit);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-1);color:var(--ink);border:var(--border-w) solid var(--border);cursor:pointer}@media(hover:hover){.px-iconbtn:hover{background:var(--bg-2);border-color:var(--border-strong)}}.px-iconbtn:active{background:var(--bg-3)}.px-iconbtn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--border-strong)}.px-iconbtn:disabled{color:var(--ink-disabled);pointer-events:none}.px-iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:1}.px-tooltip-wrap{display:inline-flex}.px-tooltip[data-placement=below]{transform:translate(-50%,var(--sp-2))}.px-tooltip{position:fixed;transform:translate(-50%,calc(-100% - var(--sp-2)));z-index:var(--z-tooltip);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--lh-xs);padding:var(--sp-1) var(--sp-2);white-space:nowrap;pointer-events:none}.px-slider{position:relative;height:44px;min-width:80px;margin-inline:10px;display:flex;align-items:center;touch-action:none;cursor:pointer}.px-slider:before{content:"";position:absolute;left:0;right:0;height:var(--sp-1);background:var(--bg-2);border:var(--border-w) solid var(--border)}.px-slider__fill{position:absolute;left:0;height:var(--sp-1);background:var(--accent)}.px-slider__thumb{position:absolute;width:20px;height:12px;margin-left:-10px;background:var(--ink);border:var(--border-w) solid var(--border-strong)}.px-slider[data-disabled]{opacity:.5;pointer-events:none}.px-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-number-input{display:inline-flex;align-items:stretch;gap:var(--sp-1)}.px-number-input__el{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-height:var(--hit);width:calc(6ch + 2 * var(--sp-2));min-width:4ch;background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2);text-align:right}.px-number-input__el[data-invalid]{border-color:var(--danger)}.px-number-input__el:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-select{position:relative;display:inline-flex;align-items:center}.px-select svg{position:absolute;right:var(--sp-2);pointer-events:none}.px-select__el{appearance:none;min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-6) 0 var(--sp-2)}.px-select__el:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-toggle{background:none;border:none;padding:0 var(--sp-2);min-width:var(--hit);min-height:var(--hit);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.px-toggle__label{color:var(--ink-dim);font-size:var(--text-xs);white-space:nowrap;margin-right:var(--sp-1)}.px-toggle__track{position:relative;width:var(--sp-8);height:var(--sp-4);background:var(--bg-2);border:var(--border-w) solid var(--border)}.px-toggle__knob{position:absolute;top:0;left:0;width:var(--sp-4);height:var(--sp-4);background:var(--ink-dim);border:var(--border-w) solid var(--border-strong)}.px-toggle[data-checked] .px-toggle__track{border-color:var(--accent)}.px-toggle[data-checked] .px-toggle__knob{left:var(--sp-4);background:var(--accent)}.px-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-modal-scrim{position:fixed;inset:0;background:var(--shadow-color);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.px-modal-window{background:var(--bg-1);min-width:280px;max-width:480px;max-height:80dvh;display:flex;flex-direction:column}.px-modal-window__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-bottom:var(--border-w) solid var(--border)}.px-modal-window__title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--lh-display);margin:0}.px-modal-window__body{padding:var(--sp-3);overflow:auto}.px-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:90dvh;background:var(--bg-1);display:flex;flex-direction:column;padding-bottom:max(env(safe-area-inset-bottom),var(--kb-inset, 0px))}.px-sheet__grabber{width:40px;height:4px;background:var(--border-strong);margin:var(--sp-2) auto}.px-panel{display:flex;flex-direction:column;height:100%;border:var(--border-w) solid var(--border);background:var(--bg-1)}.px-panel__header{display:flex;align-items:center;gap:var(--sp-1);min-height:var(--hit);padding:0 var(--sp-2);border-bottom:var(--border-w) solid var(--border)}.px-panel__collapse{background:none;border:none;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);flex-shrink:0}.px-panel__collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-panel__title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--lh-display);margin:0;flex:1}.px-panel__actions{display:flex;gap:var(--sp-1)}.px-panel__body{flex:1;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;padding:var(--sp-2)}.px-tabs{display:flex;flex-direction:column;height:100%}.px-tabs__list{display:flex;flex:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:var(--border-w) solid var(--border)}.px-tabs__list::-webkit-scrollbar{display:none}.px-tabs__tab{flex:none;display:inline-flex;align-items:center;gap:var(--sp-1);min-height:44px;padding:0 var(--sp-3);background:var(--bg-1);color:var(--ink-dim);border:var(--border-w) solid var(--border);border-bottom:none;margin-bottom:-1px;cursor:pointer}.px-tabs__tab[data-selected]{background:var(--bg-0);color:var(--ink);border-bottom:var(--border-w) solid var(--bg-0)}.px-tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.px-tabs__panel{flex:1;overflow:auto}.px-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.px-field label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm)}.px-field-hint{color:var(--ink-dim);font-size:var(--text-sm);margin:0}.px-field-error{color:var(--danger);font-size:var(--text-sm);margin:0}.px-tool-options-bar{flex:none;width:100%;min-width:0;max-height:60%;overflow-y:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-2);background:var(--bg-1);border-bottom:var(--border-w) solid var(--border);pointer-events:auto;touch-action:manipulation}.px-tool-option{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs)}.px-tool-option__label{color:var(--ink-dim);white-space:nowrap}.px-tool-option--int .px-slider{width:80px}.px-toast{position:fixed;bottom:calc(var(--hit) + var(--sp-4) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:var(--z-toolbar);background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);max-width:80vw;text-align:center}.px-readonly-banner{grid-area:banner;z-index:var(--z-toolbar);background:var(--danger);color:#fff;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);text-align:center}.px-float-nudge-pad{position:fixed;bottom:calc(var(--hit) + var(--sp-4) + env(safe-area-inset-bottom));right:calc(var(--sp-4) + env(safe-area-inset-right));z-index:var(--z-toolbar);display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-1);border:var(--border-w) solid var(--border);padding:var(--sp-2);pointer-events:auto;touch-action:none}.px-float-nudge-pad__dpad{display:grid;grid-template-columns:repeat(3,var(--hit));grid-template-rows:repeat(3,var(--hit))}.px-float-nudge-pad__hub{grid-row:2;grid-column:2}.px-float-nudge-pad__actions{display:flex;flex-direction:column;gap:var(--sp-1);border-left:var(--border-w) solid var(--border);padding-left:var(--sp-3)}.px-poly-lasso-chip{position:fixed;left:0;top:0;z-index:var(--z-toolbar);display:flex;align-items:center;gap:var(--sp-1);background:var(--bg-1);border:var(--border-w) solid var(--border);padding:var(--sp-2);pointer-events:auto;touch-action:none}.px-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);height:100%;color:var(--ink-dim);text-align:center;padding:var(--sp-4)}.px-transform-chip{position:fixed;left:0;top:0;z-index:var(--z-toolbar);display:flex;align-items:center;gap:var(--sp-1);background:var(--bg-1);border:var(--border-w) solid var(--border);padding:var(--sp-2);pointer-events:auto;touch-action:none}.px-mask-edit-chip{position:fixed;left:0;top:0;z-index:var(--z-toolbar);display:flex;align-items:center;gap:var(--sp-1);background:var(--bg-1);border:var(--border-w) solid var(--accent);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-2);pointer-events:auto;touch-action:none}.px-mask-edit-chip__label{font-size:var(--text-xs);line-height:var(--lh-xs);white-space:nowrap}.px-anchor-picker{display:grid;grid-template-columns:repeat(3,var(--hit));grid-template-rows:repeat(3,var(--hit));gap:var(--sp-1);width:max-content}.px-anchor-picker__cell{display:flex;align-items:center;justify-content:center;background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);font-size:1.1em;cursor:pointer}.px-anchor-picker__cell[data-selected]{background:var(--accent);color:var(--accent-ink)}.px-anchor-picker__cell:disabled{opacity:.4;cursor:not-allowed}.px-resize-preview{display:flex;align-items:center;justify-content:center;max-width:160px;max-height:160px;background-image:linear-gradient(45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-2) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-2) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;border:var(--border-w) solid var(--border);color:var(--ink-dim);font-size:.85em;padding:var(--sp-2)}.px-shade-gen{display:flex;flex-direction:column;gap:var(--sp-3)}.px-shade-gen__header{display:flex;align-items:center;gap:var(--sp-2)}.px-shade-gen__base-swatch{display:block;width:24px;height:24px;border:var(--border-w) solid var(--border)}.px-shade-gen__base-label{font-family:var(--font-mono)}.px-shade-set{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.px-shade-set .px-field{min-width:120px;flex:1 1 auto}.px-shade-gen__actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.px-shade-preview{display:flex;flex-direction:column;gap:var(--sp-2)}.px-shade-preview__strip{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--sp-1);list-style:none;margin:0;padding:0}.px-shade-preview__cell{position:relative;flex:0 0 auto;width:44px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);border:var(--border-w) solid var(--border);padding:var(--sp-1)}.px-shade-preview__cell[data-base]{border:2px solid var(--accent)}.px-shade-preview__cell[data-duplicate]{opacity:.4}.px-shade-preview__swatch{display:block;width:28px;height:28px}.px-shade-preview__base-tag,.px-shade-preview__dup-tag{font-size:var(--text-xs);color:var(--ink-dim)}.px-shade-preview__hex{font-family:var(--font-mono);font-size:var(--text-xs)}.px-shade-preview__cell[data-duplicate] .px-shade-preview__hex{text-decoration:line-through}.px-export-progress{display:flex;flex-direction:column;gap:var(--sp-1)}.px-export-progress__label{font-size:var(--text-sm);color:var(--ink-dim);text-transform:capitalize}.px-export-progress__track{height:8px;border:var(--border-w) solid var(--border);background:var(--bg-2)}.px-export-progress__fill{height:100%;background:var(--accent)}.px-export-warnings{margin:0;padding-left:var(--sp-4);font-size:var(--text-sm);color:var(--ink-dim)}.px-export-result,.px-export-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.px-spritesheet-preview{display:flex;flex-direction:column;gap:var(--sp-1);align-items:center}.px-spritesheet-preview__sheet{position:relative;background-image:linear-gradient(45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-2) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-2) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;border:var(--border-w) solid var(--border)}.px-spritesheet-preview__cell{position:absolute;box-sizing:border-box;border:1px solid var(--accent);color:var(--ink-dim);font-family:var(--font-mono);font-size:9px;overflow:hidden}.px-shade-preview__count{color:var(--ink-dim);font-size:var(--text-sm);margin:0}.px-popover{position:fixed;z-index:var(--z-tooltip);background:var(--bg-1);border:var(--border-w) solid var(--border);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2);max-width:calc(100vw - 2 * var(--sp-2))}.px-popover__title{color:var(--ink-dim);font-size:var(--text-xs)}.px-popover__row{display:flex;align-items:center;gap:var(--sp-2)}.px-tool-options-bar--compact{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-height:none;gap:var(--sp-1)}.px-tool-options-bar--compact::-webkit-scrollbar{display:none}.px-tool-chip{flex:none;display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--hit);min-width:var(--hit);padding:0 var(--sp-2);background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.px-tool-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--border-strong)}.px-tool-chip__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.px-tool-chip__fallback{font-size:var(--text-xs);max-width:6ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-tool-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-fatal{padding:var(--sp-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);color:var(--ink);background:var(--bg-0);min-height:100dvh}.px-fatal pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-dim);white-space:pre-wrap;overflow-wrap:anywhere}html,body{width:100%;height:100%;overflow:hidden}.shell{display:grid;width:100%;max-width:100%;overflow:hidden;height:100dvh;background:var(--bg-0);color:var(--ink);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);overscroll-behavior:none}.shell[data-dock=left]{grid-template-areas:"banner banner banner" "menu menu menu" "toolbar canvas panels" "status status status";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr auto}.shell[data-dock=right]{grid-template-areas:"banner banner banner" "menu menu menu" "panels canvas toolbar" "status status status";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr auto}.shell[data-dock=top]{grid-template-areas:"banner banner" "menu menu" "toolbar toolbar" "canvas panels" "status status";grid-template-columns:1fr auto;grid-template-rows:auto auto auto 1fr auto}.shell[data-dock=bottom]{grid-template-areas:"banner banner" "menu menu" "canvas panels" "toolbar toolbar" "status status";grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto auto}.shell[data-dock=float]{grid-template-areas:"banner banner" "menu menu" "canvas panels" "status status";grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto}.menu-bar{grid-area:menu;touch-action:manipulation}.canvas-column{grid-area:canvas;display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-column>.canvas-region{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden;contain:strict;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas-region canvas{position:absolute;top:0;left:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.toolbar-dock-region{grid-area:toolbar;min-width:0;min-height:0;z-index:var(--z-toolbar);touch-action:manipulation}.timeline-dock-region{flex:none;width:100%;height:110px;z-index:var(--z-toolbar);background:var(--bg-1);border-top:var(--border-w) solid var(--border);touch-action:manipulation}.panel-dock{grid-area:panels;width:280px;display:flex;min-height:0;touch-action:manipulation}.panel-dock[data-collapsed]{width:var(--hit)}.panel-dock__body{flex:1;min-width:0;overflow:hidden}.panel-dock__collapse-toggle{width:var(--hit);height:var(--hit);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.panel-dock__collapse-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-bar{grid-area:status;min-width:0;overflow:hidden;min-height:calc(var(--hit) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-1);border-top:var(--border-w) solid var(--border);display:flex;align-items:center;gap:var(--sp-2);padding-left:var(--sp-2);padding-right:var(--sp-2);touch-action:manipulation}.status-bar__readouts{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.status-bar__readouts::-webkit-scrollbar{display:none}.status-bar__readouts>*{flex:none}.status-bar__essentials{flex:none;display:flex;align-items:center;gap:var(--sp-2)}.status-bar__doc-size{color:var(--ink-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.px-sync-signed-out,.px-status-fit,.px-status-100{min-height:var(--hit);padding:0 var(--sp-2);background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer}.px-status-commands{flex:none;width:var(--hit);height:var(--hit);background:var(--bg-1);border:var(--border-w) solid var(--border);color:var(--ink);font-size:var(--text-display);cursor:pointer}.px-status-zoom-trigger{flex:none;min-height:var(--hit);padding:0 var(--sp-2);background:none;border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.px-status-zoom-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-bar__zoom-text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.px-toolbar{background:var(--bg-1);border:var(--border-w) solid var(--border);display:flex;overflow:hidden}.px-toolbar[data-dock=left],.px-toolbar[data-dock=right]{flex-direction:column}.px-toolbar[data-dock=top],.px-toolbar[data-dock=bottom]{flex-direction:row}.px-toolbar[data-dragging]{opacity:.4;pointer-events:none}.px-toolbar--floating{position:fixed;z-index:var(--z-toolbar-floating);max-width:80vw;max-height:80vh;display:flex;flex-direction:column}.px-toolbar--floating[data-collapsed] .px-toolbar__strip{display:none}.px-toolbar__titlebar{display:flex;align-items:center;background:var(--bg-2);border-bottom:var(--border-w) solid var(--border)}.px-toolbar__grip{width:44px;height:44px;min-width:44px;border:none;background:radial-gradient(circle,var(--border-strong) 1px,transparent 1px) 0 0 / 8px 8px,var(--bg-1);cursor:grab;touch-action:none}.px-toolbar__grip:active{cursor:grabbing}.px-toolbar__strip{display:flex;align-items:center;flex:1;min-width:0;min-height:0}.px-toolbar__strip[data-orientation=vertical]{flex-direction:column}.px-toolbar__chevron{display:inline-flex;flex-shrink:0}.px-toolbar__chevron[data-hidden]{visibility:hidden}.px-toolbar__scroll{overflow:auto;scrollbar-width:none;flex:1;min-width:0;min-height:0}.px-toolbar__scroll::-webkit-scrollbar{display:none}.px-toolbar__content{display:flex;align-items:center}.px-toolbar__strip[data-orientation=vertical] .px-toolbar__content{flex-direction:column}.px-toolbar__strip[data-orientation=horizontal] .px-toolbar__content{flex-wrap:nowrap}.px-toolbar--floating .px-toolbar__content{flex-wrap:wrap}.px-toolbar__separator{width:var(--border-w);height:var(--hit);background:var(--border);flex-shrink:0}.px-toolbar__strip[data-orientation=vertical] .px-toolbar__separator{width:var(--hit);height:var(--border-w)}.px-toolbar-ghost{position:fixed;top:0;left:0;z-index:var(--z-drag-preview);background:var(--bg-2);border:var(--border-w) dashed var(--border-strong);opacity:.5;pointer-events:none}.px-toolbar-drop-preview{position:fixed;z-index:var(--z-drag-preview);border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);pointer-events:none}.px-toolbar-drop-preview[data-kind=left]{left:0;top:0;bottom:0;width:44px}.px-toolbar-drop-preview[data-kind=right]{right:0;top:0;bottom:0;width:44px}.px-toolbar-drop-preview[data-kind=top]{left:0;right:0;top:0;height:44px}.px-toolbar-drop-preview[data-kind=bottom]{left:0;right:0;bottom:0;height:44px}.px-toolbar-drop-preview[data-kind=float]{width:44px;height:44px}.px-menubar{display:flex;align-items:stretch;background:var(--bg-1);border-bottom:var(--border-w) solid var(--border);min-height:var(--hit)}.px-menubar__section{position:relative}.px-menubar__trigger{height:var(--hit);padding:0 var(--sp-3);background:none;border:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.px-menubar__trigger:hover,.px-menubar__trigger[aria-expanded=true]{background:var(--bg-2)}.px-menubar__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-menubar__dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-1);border:var(--border-w) solid var(--border);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--sp-1) 0}.px-menubar__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--hit);padding:0 var(--sp-3);background:none;border:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;white-space:nowrap}.px-menubar__item:hover:not(:disabled){background:var(--bg-2)}.px-menubar__item:disabled{color:var(--ink-disabled);cursor:not-allowed}.px-menubar__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-menubar__submenu{position:relative}.px-menubar__submenu-arrow{color:var(--ink-dim);font-size:var(--text-xs)}.px-menubar__flyout{position:absolute;top:0;left:100%;min-width:200px;background:var(--bg-1);border:var(--border-w) solid var(--border);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--sp-1) 0;max-height:70vh;overflow-y:auto}.px-menubar__shortcut{color:var(--ink-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.px-menubar__item-label{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.px-menubar__check{display:inline-flex;flex:none;width:16px;height:16px;color:var(--accent)}.px-command-sheet__group{margin-bottom:var(--sp-3)}.px-command-sheet__group-title{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:var(--hit);padding:0 var(--sp-2);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-dim);margin:0 0 var(--sp-1)}.px-command-sheet__group-title:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-command-sheet__subgroup{padding-left:var(--sp-3)}.px-command-sheet__subgroup-title{margin:var(--sp-1) 0;padding:0 var(--sp-2);font-family:var(--font-display);font-size:var(--text-xs);color:var(--ink-dim)}.px-command-sheet__item{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit);width:100%;padding:0 var(--sp-2);background:none;border:none;color:var(--ink);font-size:var(--text-md);text-align:left;cursor:pointer}.px-command-sheet__item:disabled{color:var(--ink-disabled)}.px-command-sheet__check{display:inline-flex;flex:none;width:16px;height:16px;color:var(--accent)}.px-checker-bg{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:8px 8px}.px-sv-square{position:relative;width:100%;max-width:280px;aspect-ratio:1 / 1;min-width:160px;min-height:160px;touch-action:none;cursor:crosshair;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--h) 100% 50%))}.px-sv-square[data-disabled]{opacity:.5;pointer-events:none}.px-sv-square:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-sv-square__marker{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;pointer-events:none}.px-sv-square__extra-marker{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 0 1px #000;pointer-events:none}.px-sv-square__lollipop{position:absolute;transform:translate(-50%,calc(-100% - 48px));display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);pointer-events:none;z-index:var(--z-tooltip)}.px-sv-square__lollipop-swatch{width:32px;height:32px;border:2px solid #fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.px-sv-square__lollipop-readout{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);background:var(--bg-1);border:var(--border-w) solid var(--border);padding:0 var(--sp-1);white-space:nowrap}.px-gradient-slider{display:flex;flex-direction:column;gap:var(--sp-1)}.px-gradient-slider__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.px-gradient-slider__label{font-size:var(--text-sm);color:var(--ink-dim)}.px-gradient-slider__track{position:relative;height:var(--hit);min-height:44px;display:flex;align-items:center;touch-action:none;cursor:pointer}.px-gradient-slider__track:before{content:"";position:absolute;left:0;right:0;height:12px;background-image:inherit;border:var(--border-w) solid var(--border)}.px-gradient-slider__track[data-checkered]:before{background-size:100% 100%,8px 8px}.px-gradient-slider[data-disabled] .px-gradient-slider__track{opacity:.5;pointer-events:none}.px-gradient-slider__track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-gradient-slider__marker{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;pointer-events:none;display:flex;align-items:center;justify-content:center}.px-gradient-slider__extra-marker{position:absolute;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 0 1px #000;pointer-events:none}.px-gradient-slider__chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:1px solid #000}.px-gradient-slider__marker[data-touch] .px-gradient-slider__chip{width:32px;height:32px;transform:translate(-50%,calc(-50% - 48px));border:2px solid #fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;z-index:var(--z-tooltip)}.px-hex-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-height:var(--hit);min-width:10ch;background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2)}.px-hex-input[data-invalid]{border-color:var(--danger)}.px-hex-input[data-flash]{background:var(--danger);color:var(--accent-ink)}.px-hex-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-color-swatch-pair{display:flex;align-items:center;gap:var(--sp-3)}.px-color-swatch-pair__stack{position:relative;width:calc(var(--hit) + var(--sp-3));height:calc(var(--hit) + var(--sp-3))}.px-color-swatch-pair__swatch{position:absolute;width:var(--hit);height:var(--hit);min-width:44px;min-height:44px;border:var(--border-w) solid var(--border);cursor:pointer;padding:0}.px-color-swatch-pair__swatch--secondary{right:0;bottom:0}.px-color-swatch-pair__swatch--primary{left:0;top:0}.px-color-swatch-pair__swatch[data-active]{border-color:var(--accent);border-width:2px}.px-color-swatch-pair__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-color-swatch-pair__actions{display:flex;flex-direction:column;gap:var(--sp-1)}.px-recent-colors{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.px-recent-colors__swatch{width:var(--hit);height:var(--hit);min-width:44px;min-height:44px;border:var(--border-w) solid var(--border);cursor:pointer;padding:0}.px-recent-colors__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-eyedropper-buttons{display:flex;gap:var(--sp-1)}.px-harmony-panel{border-top:var(--border-w) solid var(--border);margin-top:var(--sp-2)}.px-harmony-panel__header{display:flex}.px-harmony-panel__collapse{flex:1;min-height:var(--hit);text-align:left;font-family:var(--font-display);background:none;border:none;color:var(--ink);cursor:pointer;padding:var(--sp-1) 0}.px-harmony-panel__body{display:flex;flex-direction:column;gap:var(--sp-2)}.px-harmony-panel .px-tabs__list{overflow-x:auto;flex-wrap:nowrap}.px-harmony-panel .px-tabs__tab{flex:0 0 auto}.px-harmony-panel__space-toggle{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-dim)}.px-harmony-panel__swatches{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}.px-harmony-panel__swatch{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);width:72px}.px-harmony-panel__chip{width:100%;min-height:44px;display:flex;align-items:flex-end;border:var(--border-w) solid var(--border)}.px-harmony-panel__label{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--sp-1)}.px-harmony-panel__chip-actions{display:flex;gap:var(--sp-1)}.px-harmony-panel__status{font-size:var(--text-xs);color:var(--ink-dim);text-align:center}.px-harmony-panel__footer{display:flex;align-items:center;gap:var(--sp-2)}.px-palette-grid{--sw: 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sw),1fr));gap:var(--sp-1);touch-action:pan-y}@media(pointer:coarse){.px-palette-grid{--sw: 44px}}.px-palette-grid__empty{margin:0;padding:var(--sp-2);color:var(--ink-dim);font-size:var(--text-sm);border:var(--border-w) dashed var(--border)}.px-palette-grid__swatch{position:relative;aspect-ratio:1 / 1;min-width:var(--sw);min-height:var(--sw);border:var(--border-w) solid var(--border);padding:0;cursor:pointer}.px-palette-grid__swatch[data-selected]{border-color:var(--accent);border-width:2px}.px-palette-grid__swatch[data-drop-target]{outline:2px dashed var(--accent);outline-offset:-2px}.px-palette-grid__swatch[data-dragging]{opacity:.35}.px-palette-grid__swatch[data-pulse]{animation:px-palette-pulse .6s ease-in-out 2}.px-palette-grid__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-palette-grid__primary-dot{position:absolute;right:2px;bottom:2px;width:6px;height:6px;background:#fff;border:1px solid #000;pointer-events:none}@keyframes px-palette-pulse{0%,to{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 0 3px var(--accent)}}.px-palette-grid__ghost{position:fixed;width:32px;height:32px;transform:translate(-50%,-50%) scale(1.2);border:var(--border-w) solid var(--border-strong);pointer-events:none;z-index:var(--z-drag-preview)}.px-swatch-menu{position:fixed;display:flex;flex-direction:column;min-width:180px;background:var(--bg-1);z-index:var(--z-tooltip)}.px-swatch-menu__header{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-dim);padding:var(--sp-2);border-bottom:var(--border-w) solid var(--border)}.px-swatch-menu__item{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-2);background:none;border:none;color:var(--ink);text-align:left;cursor:pointer}.px-swatch-menu__item:hover{background:var(--bg-2)}.px-swatch-menu__rename{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2)}.px-swatch-menu__rename-label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-sm)}.px-swatch-menu__rename-input{min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2)}.px-swatch-menu__hex-readout{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-dim)}.px-swatch-menu__rename-actions{display:flex;gap:var(--sp-2)}.px-palette-import__source,.px-palette-import__preview{display:flex;flex-direction:column;gap:var(--sp-3)}.px-palette-import__textarea{min-height:120px;background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);font-family:var(--font-mono);padding:var(--sp-2)}.px-palette-import__source-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.px-palette-import__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:var(--sp-1);list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}.px-palette-import__cell{aspect-ratio:1 / 1;border:var(--border-w) solid var(--border)}.px-palette-import__swatch{display:block;width:100%;height:100%}.px-palette-import__mode{display:flex;gap:var(--sp-4);font-size:var(--text-sm)}.px-palette-import__attribution{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:baseline;font-size:var(--text-sm);padding:var(--sp-2);background:var(--bg-2);border:var(--border-w) solid var(--border)}.px-palette-import__shades{display:flex;flex-direction:column;gap:var(--sp-2)}.px-palette-import__shades-count{font-size:var(--text-sm);color:var(--ink-muted, var(--ink))}.px-palette-import__shade-rows{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}.px-palette-import__shade-row{border:var(--border-w) solid var(--border);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2)}.px-palette-import__shade-row-header{display:flex;align-items:center;gap:var(--sp-2)}.px-palette-import__shade-row-editor{display:flex;flex-direction:column;gap:var(--sp-2)}.px-palette-library__row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:var(--border-w) solid var(--border)}.px-palette-library__row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-palette-library__strip{display:flex;width:96px;height:20px;border:var(--border-w) solid var(--border);overflow:hidden;flex:0 0 auto}.px-palette-library__strip span{flex:1;height:100%}.px-palette-library__save-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.px-palette-library__save-row input{flex:1;min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2)}.px-palette-panel{display:flex;flex-direction:column;gap:var(--sp-2)}.px-palette-panel__header{display:flex;align-items:center;gap:var(--sp-2)}.px-palette-panel__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:var(--font-display);background:none;border:none;color:var(--ink);cursor:pointer;min-height:var(--hit)}.px-palette-panel__rename-form{flex:1;min-width:0}.px-palette-panel__rename-input{width:100%;min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2)}.px-palette-panel__add-active{position:relative;width:var(--hit);height:var(--hit);min-width:44px;min-height:44px;border:var(--border-w) solid var(--border);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.px-palette-panel__menu{position:fixed;display:flex;flex-direction:column;min-width:220px;max-width:280px;background:var(--bg-1);z-index:var(--z-tooltip)}.px-palette-panel__info{min-width:var(--hit, 44px);min-height:var(--hit, 44px);background:transparent;border:none;color:var(--ink);cursor:pointer;font-size:var(--text-base, 1rem)}.px-palette-panel__attribution-popover{position:fixed;top:var(--sp-4);right:var(--sp-4);max-width:320px;padding:var(--sp-3);background:var(--bg-1);z-index:var(--z-tooltip);font-size:var(--text-sm)}.px-palette-panel__attribution-entry:not(:last-child){margin-bottom:var(--sp-2)}.px-palette-panel__license{color:var(--ink-muted, var(--ink));font-size:var(--text-xs)}.px-layers-panel{display:flex;flex-direction:column;gap:var(--sp-2);height:100%;overflow:hidden}.px-layers-panel__header{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border-bottom:var(--border-w) solid var(--border)}.px-layers-panel__row{display:flex;align-items:center;gap:var(--sp-2)}.px-layers-panel__opacity{display:flex;align-items:center;gap:var(--sp-2);width:100%;font-size:var(--text-xs);color:var(--ink-dim)}.px-layers-panel__opacity .px-slider{flex:1}.px-layers-panel__actions{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.px-layers-panel__multi-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--bg-2);border-bottom:var(--border-w) solid var(--border);font-size:var(--text-xs)}.px-layers-panel__list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.px-layer-row{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-bottom:var(--border-w) solid var(--border);min-height:var(--hit)}.px-layer-row[data-active]{background:var(--bg-2)}.px-layer-row[data-selected]{outline:1px solid var(--accent);outline-offset:-1px}.px-layer-row[data-dragging]{opacity:.5}.px-layer-row[data-drop-target]{border-top:2px solid var(--accent)}.px-layer-row__handle{background:none;border:none;color:var(--ink-dim);cursor:grab;padding:var(--sp-1);touch-action:none}.px-layer-row__body{display:flex;align-items:center;gap:var(--sp-1);flex:1;min-width:0;cursor:pointer}.px-layer-row__thumb{width:32px;height:32px;border:var(--border-w) solid var(--border);image-rendering:pixelated;flex-shrink:0}.px-layer-row__thumb--mask{border-color:var(--ink-dim)}.px-layer-row__thumb[data-edit-target-active]{outline:2px solid var(--accent);outline-offset:1px}.px-layer-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.px-layer-row__rename-input{width:100%;background:var(--bg-2);border:var(--border-w) solid var(--border-strong);color:var(--ink)}.px-layer-row__rename-btn{background:none;border:none;color:var(--ink-dim);flex-shrink:0}.px-layer-row__check{width:16px;height:16px;border:var(--border-w) solid var(--border-strong);flex-shrink:0}.px-layer-row__check[data-checked]{background:var(--accent)}.px-layer-row__locks{display:flex;gap:0;flex-shrink:0}.px-sheet .px-layer-row{min-height:56px;gap:0}.px-sheet .px-layer-row__handle,.px-sheet .px-layer-row__rename-btn,.px-sheet .px-layer-row .px-iconbtn{min-width:44px;min-height:44px;padding:0}.px-sheet .px-layer-row__thumb{margin-inline:var(--sp-1)}.px-mask-menu__list,.px-filter-list__popover{position:fixed;z-index:var(--z-tooltip);background:var(--bg-1);min-width:180px;display:flex;flex-direction:column}.px-mask-menu__item{text-align:left;padding:var(--sp-2);background:none;border:none;color:var(--ink)}.px-mask-menu__item:hover:not(:disabled){background:var(--bg-2)}.px-mask-menu__item:disabled{color:var(--ink-disabled)}.px-filter-list__popover{padding:var(--sp-2);max-width:260px}.px-filter-list__entries{list-style:none;margin:0;padding:0}.px-filter-list__entry{padding:var(--sp-1) 0;border-bottom:var(--border-w) solid var(--border)}.px-filter-list__entry-header{display:flex;align-items:center;gap:var(--sp-1)}.px-filter-list__kind{flex:1;font-size:var(--text-xs);text-transform:capitalize}.px-filter-list__param-row{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}.px-filter-list__color{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs)}.px-filter-list__color-swatch{width:16px;height:16px;flex:none;border:var(--border-w) solid var(--border)}.px-filter-list__pairs{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}.px-filter-list__pair{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1)}.px-filter-list__add{position:relative;margin-top:var(--sp-2)}.px-filter-list__add-menu{position:absolute;list-style:none;margin:0;padding:0;background:var(--bg-1);border:var(--border-w) solid var(--border);max-height:220px;overflow-y:auto;z-index:var(--z-tooltip)}.px-filter-list__add-menu button{display:block;width:100%;text-align:left;padding:var(--sp-1) var(--sp-2);background:none;border:none;color:var(--ink)}.px-filter-list__add-menu button:hover{background:var(--bg-2)}.px-filter-list__empty,.px-filter-list__note{color:var(--ink-dim);font-size:var(--text-xs)}.px-dither-panel{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2);overflow-y:auto}.px-dither-panel__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--sp-2)}.px-dither-thumb{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-1);background:var(--bg-2);border:var(--border-w) solid var(--border);cursor:pointer}.px-dither-thumb canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;background:#fff}.px-dither-thumb[data-selected]{border-color:var(--accent);box-shadow:0 0 0 var(--border-w) var(--accent) inset}.px-dither-thumb__label{font-size:var(--text-xs);color:var(--ink-dim);text-align:center}.px-dither-mini-preview{image-rendering:pixelated;background:#fff;border:var(--border-w) solid var(--border);align-self:flex-start}.px-dither-panel__scale{display:flex;gap:var(--sp-1)}.px-dither-panel__scale-option{min-width:var(--hit);min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.px-dither-panel__scale-option[data-selected]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.px-dither-panel__offset{display:flex;flex-direction:column;gap:var(--sp-2)}.px-dither-panel__nudge-pad{display:grid;grid-template-columns:repeat(3,var(--hit));grid-template-rows:repeat(2,var(--hit));gap:var(--sp-1);width:fit-content}.px-dither-panel__nudge-pad button{background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.px-dither-panel__nudge-pad button[aria-label="Nudge up"]{grid-column:2;grid-row:1}.px-dither-panel__nudge-pad button[aria-label="Nudge left"]{grid-column:1;grid-row:2}.px-dither-panel__nudge-pad button[aria-label="Nudge right"]{grid-column:3;grid-row:2}.px-dither-panel__nudge-pad button[aria-label="Nudge down"]{grid-column:2;grid-row:2}.px-dither-panel__nudge-pad:focus-visible{outline:var(--border-w) solid var(--accent)}.px-dither-panel__colours{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.px-dither-panel__swatch{width:var(--hit);height:var(--hit);border:var(--border-w) solid var(--border);padding:0;cursor:pointer}.px-dither-panel__popover{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:var(--bg-1);border:var(--border-w) solid var(--border)}.px-dither-editor{display:flex;flex-direction:column;gap:var(--sp-3)}.px-dither-editor__size{display:flex;align-items:center;gap:var(--sp-2)}.px-dither-editor__grid{display:grid;gap:2px;width:min(100%,320px);aspect-ratio:1;touch-action:none}.px-dither-editor__cell{background:#fff;border:var(--border-w) solid var(--border);padding:0;cursor:pointer}.px-dither-editor__cell[data-on]{background:var(--ink)}.px-dither-editor__library{display:flex;flex-direction:column;gap:var(--sp-2)}.px-dither-editor__name-input{min-height:var(--hit);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:0 var(--sp-2)}.px-dither-editor__saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.px-dither-editor__saved-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.px-dither-editor__saved-list button{background:none;border:none;color:var(--ink);text-align:left;cursor:pointer}.px-lospec{display:flex;flex-direction:column;gap:var(--sp-3)}.px-lospec__search input,.px-lospec__tag input,.px-lospec__count input{width:100%;min-height:var(--hit, 44px);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);padding:var(--sp-2);font-size:var(--text-base, 1rem)}.px-lospec__count{max-width:8rem}.px-lospec__suggestions{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;border:var(--border-w) solid var(--border);background:var(--bg-2);max-height:240px;overflow-y:auto}.px-lospec__suggestion{display:block;width:100%;min-height:var(--hit, 44px);padding:var(--sp-2);background:transparent;border:0;border-bottom:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer;text-align:left}.px-lospec__suggestion:hover,.px-lospec__suggestion:focus-visible{background:var(--bg-1)}.px-lospec__suggestion-author{color:var(--ink-muted, var(--ink));font-size:var(--text-xs, .75rem)}.px-lospec__selected{display:flex;flex-direction:column;gap:var(--sp-1)}.px-lospec__selected-label{font-size:var(--text-xs, .75rem);color:var(--ink-muted, var(--ink))}.px-lospec__controls{display:flex;flex-direction:column;gap:var(--sp-2)}.px-lospec__chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.px-lospec__chip{min-height:var(--hit, 44px);padding:0 var(--sp-3);background:var(--bg-2);border:var(--border-w) solid var(--border);color:var(--ink);cursor:pointer}.px-lospec__chip[data-active]{background:var(--accent);color:var(--accent-ink, var(--bg-0));border-color:var(--accent)}.px-lospec__selects{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end}.px-lospec__error{margin:0;padding:var(--sp-2);border:var(--border-w) solid var(--border);background:var(--bg-2)}.px-lospec__banner{margin:0;padding:var(--sp-2);border:var(--border-w) solid var(--accent);color:var(--ink-muted, var(--ink));font-size:var(--text-sm)}.px-lospec__empty{text-align:center;padding:var(--sp-4);color:var(--ink-muted, var(--ink))}.px-lospec__results{min-height:120px}.px-lospec__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);list-style:none;margin:0 0 var(--sp-3);padding:0}@media(min-width:600px){.px-lospec__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.px-lospec__grid{grid-template-columns:repeat(3,1fr)}}.px-lospec-card{display:flex;flex-direction:column;gap:var(--sp-1);width:100%;padding:var(--sp-2);background:var(--bg-2);border:var(--border-w) solid var(--border);cursor:pointer;text-align:left;color:var(--ink)}.px-lospec-card__bar{display:flex;height:32px;width:100%;overflow:hidden}.px-lospec-card__seg{flex:1 1 0;min-width:1px;height:100%}.px-lospec-card__title{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-lospec-card__meta{font-size:var(--text-xs, .75rem);color:var(--ink-muted, var(--ink))}.px-lospec-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.px-lospec-card__tag{font-size:var(--text-xs, .75rem);padding:0 var(--sp-1);border:var(--border-w) solid var(--border);color:var(--ink-muted, var(--ink))}.px-lospec-card--skeleton{cursor:default;animation:px-lospec-shimmer 1.2s ease-in-out infinite}.px-lospec-card--skeleton .px-lospec-card__bar,.px-lospec-card--skeleton .px-lospec-card__title,.px-lospec-card--skeleton .px-lospec-card__meta{background:var(--border);height:12px}.px-lospec-card--skeleton .px-lospec-card__bar{height:32px}@keyframes px-lospec-shimmer{0%,to{opacity:.6}50%{opacity:1}}