.px-coach{position:fixed;inset:0;z-index:var(--z-tooltip)}.px-coach__catcher{position:absolute;inset:0;background:none}.px-coach__pill{position:fixed;max-width:min(280px,calc(100vw - 32px));padding:10px 14px;border:var(--border-w) solid var(--border);border-radius:var(--radius-1);background:var(--bg-2);box-shadow:var(--elevation);color:var(--ink);font:inherit;font-size:var(--text-sm);line-height:var(--lh-ui);text-align:left;cursor:default}.px-coach__pill[data-placement=above]{transform:translate(-50%,-100%)}.px-coach__pill[data-placement=centre]{transform:translate(-50%,-50%)}.px-coach__pill[data-placement=above]:after{content:"";position:absolute;bottom:-5px;left:calc(50% + var(--coach-caret-dx, 0px));width:8px;height:8px;margin-left:-4px;border-right:var(--border-w) solid var(--border);border-bottom:var(--border-w) solid var(--border);background:var(--bg-2);transform:rotate(45deg)}@media(prefers-reduced-motion:no-preference){.px-coach__pill{animation:px-coach-in .14s ease-out}}@keyframes px-coach-in{0%{opacity:0}to{opacity:1}}.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)}.px-timeline__playback,.px-timeline__fps,.px-timeline__frame-actions{display:flex;align-items:center;gap:var(--sp-1)}.px-timeline__field-label,.px-timeline__field-eq{font-size:var(--text-sm);color:var(--ink-dim)}.px-sheet .px-timeline{overflow-y:auto;overscroll-behavior:contain}.px-sheet .px-timeline__strip{flex:none}.px-sheet .px-timeline__header,.px-sheet .px-timeline__strip{padding-inline:0}.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:row;align-items:center;gap:var(--sp-1);flex-shrink:0;padding:var(--sp-1);border-radius:var(--radius-1);background:none;min-width:var(--hit)}@media(hover:hover){.px-frame-thumb:hover{background:var(--fill-hover)}}.px-frame-thumb[data-active]{background:var(--accent-soft)}.px-frame-thumb[data-active] .px-frame-thumb__index{color:var(--accent)}.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;border-radius:var(--radius-1);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;border-radius:var(--radius-1);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-radius:var(--radius-sm);image-rendering:pixelated}.px-timeline__duration-badge,.px-duration-popover-anchor{font-size:var(--text-xs)}.px-timeline__duration-badge{background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);padding:0 var(--sp-1);min-width:var(--hit);min-height:var(--hit);cursor:pointer}@media(hover:hover){.px-timeline__duration-badge:hover{background:var(--fill-hover)}}.px-duration-popover,.px-onion-popover{max-height:min(70dvh,560px);overflow-y:auto;overscroll-behavior:contain;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-3)}.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:var(--hit);height:var(--hit);flex:none;border:none;border-radius:var(--radius-sm);padding:0;cursor:pointer}.px-frame-chip{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--ink-dim)}.px-timeline[data-orientation=vertical] .px-timeline__fps{flex-wrap:wrap;min-width:0}.px-timeline[data-orientation=vertical] .px-timeline__header>*{min-width:0;max-width:100%}.px-timeline[data-orientation=vertical] .px-timeline__strip{flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--hit: 32px;--border-w: 1px;--icon-chrome: 20px;--slider-thumb: 20px;--radius-sm: 4px;--radius-1: 8px;--radius-2: 14px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--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: var(--font-ui);--weight-display: 600;--tracking-display: .01em;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--lh-ui: 1.4;--lh-display: 1.3;--z-panels: 10;--z-toolbar: 20;--z-surface-floating: 30;--z-sheet: 40;--z-modal: 50;--z-tooltip: 60;--z-drag-preview: 70}@media(any-pointer:coarse){:root{--hit: 44px}}.px-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root,:root[data-theme=dark]{color-scheme:dark;--bg-0: #141419;--bg-1: #1d1d24;--bg-2: #282833;--bg-3: #33333f;--ink: #e8e8ee;--ink-dim: #9a9aa8;--ink-disabled: #6e6e7c;--ink-muted: var(--ink-dim);--fill-hover: rgb(255 255 255 / .05);--fill-press: rgb(255 255 255 / .08);--fill-selected: rgb(255 255 255 / .1);--border: #33333d;--border-strong: #454551;--accent: #ffc94d;--accent-fill: #ffc94d;--accent-ink: #241a00;--accent-soft: rgb(255 201 77 / .18);--danger: #ff6464;--danger-ink: #240404;--danger-soft: rgb(255 100 100 / .16);--elevation: 0 12px 32px rgb(0 0 0 / .45);--shadow-color: rgb(0 0 0 / .55);--canvas-desk: #0f0f13;--checker-a: #c9c9ce;--checker-b: #bfbfc6;--canvas-frame: #4a4a58}:root[data-theme=light]{color-scheme:light;--bg-0: #ececed;--bg-1: #f8f8f9;--bg-2: #e4e4e8;--bg-3: #d6d6dc;--ink: #1b1b21;--ink-dim: #5c5c68;--ink-disabled: #8c8c98;--ink-muted: var(--ink-dim);--fill-hover: rgb(0 0 0 / .05);--fill-press: rgb(0 0 0 / .08);--fill-selected: rgb(0 0 0 / .1);--border: #d0d0d8;--border-strong: #b2b2be;--accent: #8a5800;--accent-fill: #ffc94d;--accent-ink: #241a00;--accent-soft: rgb(255 193 64 / .34);--danger: #b02525;--danger-ink: #ffffff;--danger-soft: rgb(176 37 37 / .14);--elevation: 0 12px 32px rgb(28 28 34 / .18);--shadow-color: rgb(28 28 34 / .35);--canvas-desk: #adadb8;--checker-a: #e8e8ec;--checker-b: #dedee4;--canvas-frame: #8b8b96}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--lh-ui);background:var(--bg-0);color:var(--ink)}.px-elevated{border:var(--border-w) solid var(--border);border-radius:var(--radius-2);box-shadow:var(--elevation)}@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-panel-sheet,.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.px-iconbtn[aria-pressed=true],.px-tool-chip[aria-pressed=true],.px-tabs__tab[data-selected],.px-toolbar__lane-tab[aria-selected=true],.px-anchor-picker__cell[data-selected],.px-dither-panel__scale-option[data-selected],.px-lospec__chip[data-active]{background:Highlight;color:HighlightText;forced-color-adjust:none}.px-slider__fill,.px-export-progress__fill,.px-layer-row__check[data-checked],.px-toggle[data-checked] .px-toggle__knob{background:Highlight;forced-color-adjust:none}.px-dither-thumb[data-selected],.px-frame-thumb[data-active]{outline:3px solid Highlight;outline-offset:-3px}.px-elevated{border-width:2px}.px-checker-bg,.px-palette-grid__swatch,.px-recent-colors__swatch,.px-color-swatch-pair__swatch,.px-harmony-panel__chip,.px-dither-panel__swatch,.px-shade-preview__swatch{forced-color-adjust:none}}.px-btn,.px-iconbtn,.px-toggle,.px-panel__collapse,.px-number-input__el,.px-select__el{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink)}.px-icon{width:var(--icon-chrome);height:var(--icon-chrome);flex:none}.px-panel__title{font-family:var(--font-display);font-size:var(--text-md);line-height:var(--lh-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}.px-modal-window__title{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--lh-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}.px-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-3);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-weight:500;cursor:pointer}@media(hover:hover){.px-btn:hover{background:var(--fill-hover)}}.px-btn:active{background:var(--fill-press)}.px-btn--accent{background:var(--accent-fill);color:var(--accent-ink);font-weight:600}@media(hover:hover){.px-btn--accent:hover{background:var(--accent-fill);filter:brightness(1.08)}}.px-btn--danger{background:none;color:var(--danger)}@media(hover:hover){.px-btn--danger:hover{background:var(--danger-soft)}}.px-btn:disabled,.px-btn:disabled:hover{background:none;color:var(--ink-disabled);filter:none;cursor:not-allowed}.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);min-width:var(--hit);min-height:var(--hit);flex:none;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--ink);border:none;border-radius:var(--radius-1);cursor:pointer}@media(hover:hover){.px-iconbtn:hover{background:var(--fill-hover)}}.px-iconbtn:active{background:var(--fill-press)}.px-iconbtn[aria-pressed=true],.px-iconbtn[aria-pressed=true]:hover{background:var(--accent-soft);color:var(--accent)}.px-iconbtn:disabled{color:var(--ink-disabled);background:none;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-radius:var(--radius-1);box-shadow:var(--elevation);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--lh-ui);padding:var(--sp-1) var(--sp-2);white-space:nowrap;pointer-events:none}.px-slider{position:relative;height:var(--hit);min-width:80px;margin-inline:calc(var(--slider-thumb) / 2);display:flex;align-items:center;touch-action:none;cursor:pointer}.px-slider:before{content:"";position:absolute;left:calc(var(--slider-thumb) / -2);right:calc(var(--slider-thumb) / -2);height:var(--sp-1);border-radius:var(--sp-1);background:var(--bg-3)}.px-slider__fill{position:absolute;left:calc(var(--slider-thumb) / -2);height:var(--sp-1);border-radius:var(--sp-1);background:var(--ink-dim)}.px-slider__thumb{position:absolute;width:var(--slider-thumb);height:var(--slider-thumb);margin-left:calc(var(--slider-thumb) / -2);border-radius:50%;background:var(--ink)}.px-slider[data-disabled]{opacity:.5;pointer-events:none}.px-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-1)}.px-number-input{position:relative;display:inline-flex;align-items:center;min-height:var(--hit)}.px-number-input:before{content:"";position:absolute;inset:calc((var(--hit) - 32px) / 2) 0;background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-1);pointer-events:none}.px-number-input>*{position:relative}.px-number-input:has(>.px-number-input__el[data-invalid]):before{border-color:var(--danger)}.px-number-input:has(>.px-number-input__el:disabled):before{opacity:.5}.px-number-input .px-iconbtn{width:var(--hit);min-width:var(--hit);color:var(--ink-dim)}.px-number-input__suffix{flex:none;align-self:center;color:var(--ink-dim);font-size:var(--text-sm);padding-right:var(--sp-2)}.px-number-input__el{font-variant-numeric:tabular-nums;min-height:var(--hit);width:calc(5ch + 2 * var(--sp-2));min-width:4ch;background:none;border:none;color:var(--ink);padding:0 var(--sp-2);text-align:center}.px-number-input__el[data-invalid]{color:var(--danger)}.px-number-input__el:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-1)}@media(any-pointer:coarse){.px-number-input__el{line-height:var(--lh-ui);padding:0 var(--sp-1);width:calc(5ch + 2 * var(--sp-1))}}.px-select{position:relative;display:inline-flex;align-items:center;max-width:100%}.px-select:before{content:"";position:absolute;inset:calc((var(--hit) - 32px) / 2) 0;background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-1);pointer-events:none}.px-select:has(>.px-select__el:disabled):before{opacity:.5}.px-select svg{position:absolute;right:var(--sp-2);pointer-events:none;color:var(--ink-dim)}.px-select__el{appearance:none;position:relative;flex:1 1 auto;min-width:0;min-height:var(--hit);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);padding:0 var(--sp-6) 0 var(--sp-2);cursor:pointer}.px-select__el option{background:var(--bg-1);color:var(--ink)}.px-select__el:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-toggle{background:none;border:none;border-radius:var(--radius-1);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{flex:1 1 auto;min-width:0;color:var(--ink);font-size:var(--text-sm);text-align:left;margin-right:var(--sp-2)}.px-toggle__track{position:relative;flex:none;width:34px;height:20px;border-radius:10px;background:var(--bg-3)}.px-toggle__knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--ink-dim);transition:left .12s ease}.px-toggle[data-checked] .px-toggle__track{background:var(--accent-soft)}.px-toggle[data-checked] .px-toggle__knob{left:17px;background:var(--accent-fill)}.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-scrim:not([data-layout=sheet]){padding:max(var(--sp-2),env(safe-area-inset-top)) max(var(--sp-2),env(safe-area-inset-right)) max(var(--sp-2),env(safe-area-inset-bottom)) max(var(--sp-2),env(safe-area-inset-left))}.px-modal-scrim[data-layout=sheet]{align-items:flex-end;justify-content:stretch}.px-modal-window{background:var(--bg-1);min-width:280px;max-width:480px;max-height:80dvh;display:flex;flex-direction:column;overflow:hidden}.px-modal-window__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-w) solid var(--border)}.px-modal-window__title{margin:0}.px-modal-window__body{padding:var(--sp-4);overflow:auto;flex:1 1 auto;min-height:0}.px-sheet{position:relative;width:100%;max-height:90dvh;overflow:hidden;background:var(--bg-1);display:flex;flex-direction:column;padding-bottom:max(env(safe-area-inset-bottom),var(--kb-inset, 0px));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.px-sheet.px-elevated{border-radius:var(--radius-2) var(--radius-2) 0 0;border-inline:none;border-bottom:none}.px-sheet .px-modal-window__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.px-sheet__grabber{width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:var(--sp-2) auto}.px-panel-sheet{position:fixed;left:0;right:0;bottom:0;width:auto;z-index:var(--z-sheet);height:var(--sheet-drag-height, var(--sheet-rest-height));max-height:calc(100dvh - var(--top-chrome-h, 0px));border-top:var(--border-w) solid var(--border);border-radius:var(--radius-2) var(--radius-2) 0 0;box-shadow:var(--elevation);overscroll-behavior:contain;transition:height .16s ease}.px-panel-sheet[data-dragging]{transition:none}body[data-dock=left] .px-panel-sheet{left:var(--toolbar-strip-w)}body[data-dock=right] .px-panel-sheet{right:var(--toolbar-strip-w)}.px-panel-sheet[data-snap=peek]{--sheet-rest-height: min(260px, 32dvh)}.px-panel-sheet[data-snap=half]{--sheet-rest-height: 55dvh}.px-panel-sheet[data-snap=full]{--sheet-rest-height: 90dvh}.px-panel-sheet__grab{flex:none;display:flex;align-items:center;width:100%;height:20px;padding:0;background:none;border:none;cursor:grab;touch-action:none}.px-panel-sheet__grab .px-sheet__grabber{margin:0 auto}.px-panel-sheet__grab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-panel-sheet>.px-tabs{flex:1 1 0;min-height:0;height:auto}.px-panel-sheet>.px-tabs>.px-tabs__strip{touch-action:pan-x;padding:0 var(--sp-2) var(--sp-2)}.px-panel-sheet>.px-tabs>.px-tabs__strip>.px-tabs__list>.px-tabs__tab{font-size:var(--text-xs);padding:0 var(--sp-2)}.px-panel-sheet>.px-tabs>.px-tabs__panel{padding:var(--sp-2) var(--sp-2) var(--hit);overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,#000 calc(100% - var(--sp-6)),transparent 100%)}.px-panel-sheet__page{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.px-panel-sheet__page-bar{display:flex;align-items:center;gap:var(--sp-2);flex:none;padding:0 var(--sp-2) var(--sp-2)}.px-panel-sheet__back{display:flex;align-items:center;gap:var(--sp-1);flex:none;min-height:var(--hit);padding:0 var(--sp-1);background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);font-size:var(--text-sm);cursor:pointer}.px-panel-sheet__back:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-panel-sheet__page-title{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}.px-panel-sheet__page-body{flex:1 1 0;min-height:0;padding:var(--sp-2);overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.px-settings{display:flex;flex-direction:column;align-self:start;gap:var(--sp-3);width:100%;max-width:420px}.px-settings>.px-field{max-width:260px}.px-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-1)}.px-panel__header{display:flex;align-items:center;gap:var(--sp-1);min-height:var(--hit);padding:var(--sp-1) var(--sp-2)}.px-panel__collapse{background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);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{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__strip{display:flex;align-items:center;gap:var(--sp-1);flex:none;padding:var(--sp-2)}.px-tabs__trailing{flex:none;display:flex;align-items:center}.px-tabs__list{display:flex;gap:var(--sp-1);flex:1 1 auto;min-width:0;background:var(--bg-2);border-radius:var(--radius-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.px-tabs__list::-webkit-scrollbar{display:none}.px-tabs__list[data-overflow=end]{mask-image:linear-gradient(to right,#000 calc(100% - var(--sp-6)),transparent 100%)}.px-tabs__list[data-overflow=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-6))}.px-tabs__list[data-overflow=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-6),#000 calc(100% - var(--sp-6)),transparent 100%)}.px-tabs__tab{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--hit);padding:0 var(--sp-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);white-space:nowrap;background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);cursor:pointer}.px-tabs__tab[data-selected]{background:var(--accent-soft);color:var(--accent)}.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-2);margin-bottom:var(--sp-4)}.px-field label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-dim)}.px-field label:has(.px-number-input),.px-field label:has(.px-toggle),.px-field label:has(.px-select){justify-content:space-between;min-height:var(--hit)}.px-field-hint{color:var(--ink-dim);font-size:var(--text-sm);margin:0}.px-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1)}.px-chip-row .px-btn{background:var(--bg-2)}@media(hover:hover){.px-chip-row .px-btn:hover{background:var(--bg-3)}}.px-chip-row .px-btn:disabled,.px-chip-row .px-btn:disabled:hover{background:var(--bg-2)}.px-chip-row .px-btn--accent{background:var(--accent-soft);color:var(--accent)}@media(hover:hover){.px-chip-row .px-btn--accent:hover{background:var(--accent-soft);filter:none}}.px-modal-window__body>form{display:flex;flex-direction:column;align-items:stretch}.px-modal-window__body>form>.px-btn{align-self:flex-end}.px-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-4)}.px-modal-window__body>form>.px-dialog-footer{align-self:stretch}.px-confirm{display:flex;flex-direction:column;min-width:min(100%,260px)}.px-confirm__message{margin:0;color:var(--ink)}.px-confirm .px-btn--danger{background:var(--danger);color:var(--danger-ink);font-weight:600}@media(hover:hover){.px-confirm .px-btn--danger:hover{background:var(--danger);filter:brightness(1.08)}}.px-modal-window__body [role=alert]{margin:0 0 var(--sp-3);padding:var(--sp-2);background:var(--danger-soft);border-radius:var(--radius-1);color:var(--danger);font-size:var(--text-sm)}.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-1) var(--sp-2);background:var(--bg-1);pointer-events:auto;touch-action:manipulation}.px-tool-option{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm)}.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-2);border-radius:var(--radius-1);box-shadow:var(--elevation);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-soft);color:var(--danger);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);text-align:center}.px-poly-lasso-chip,.px-transform-chip,.px-mask-edit-chip{position:fixed;z-index:var(--z-toolbar);display:flex;align-items:center;gap:var(--sp-1);background:var(--bg-2);border-radius:var(--radius-2);box-shadow:var(--elevation);padding:var(--sp-1);pointer-events:auto;touch-action:none}.px-poly-lasso-chip,.px-transform-chip,.px-mask-edit-chip{left:0;top:0}.px-mask-edit-chip{padding-left:var(--sp-2);box-shadow:var(--elevation),inset 0 0 0 var(--border-w) var(--accent)}.px-mask-edit-chip__label{font-size:var(--text-xs);line-height:var(--lh-ui);white-space:nowrap;color:var(--accent)}.px-mask-edit-chip{flex-wrap:wrap;max-width:calc(100vw - 2 * var(--sp-2))}.px-mask-edit-chip__views{display:flex;align-items:center;gap:2px}.px-mask-edit-chip__view{min-height:var(--hit);padding:0 var(--sp-2);border:none;background:none;border-radius:var(--radius-1);color:var(--ink-dim);font-family:var(--font-ui);font-size:var(--text-xs);white-space:nowrap;cursor:pointer}@media(hover:hover){.px-mask-edit-chip__view:hover{background:var(--fill-hover)}}.px-mask-edit-chip__view:active{background:var(--fill-press)}.px-mask-edit-chip__view[data-selected]{background:var(--accent-soft);color:var(--accent)}.px-mask-edit-chip__view:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.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-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-2);border:none;border-radius:var(--radius-sm);color:var(--ink-dim);font-size:var(--text-md);cursor:pointer}.px-anchor-picker__cell[data-selected]{background:var(--accent-soft);color:var(--accent)}.px-anchor-picker__cell:disabled{opacity:.4;cursor:not-allowed}.px-resize-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-2)}.px-resize-preview__box{flex:none;background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-color:var(--checker-a);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.px-resize-preview__label{color:var(--ink-dim);font-size:var(--text-sm)}.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-radius:var(--radius-sm)}.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:var(--hit);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);background:var(--bg-2);border-radius:var(--radius-sm);padding:var(--sp-1)}.px-shade-preview__cell[data-base]{background:var(--accent-soft)}.px-shade-preview__cell[data-duplicate]{opacity:.4}.px-shade-preview__swatch{display:block;width:28px;height:28px;border-radius:var(--radius-sm)}.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:var(--sp-1);border-radius:var(--sp-1);background:var(--bg-3);overflow:hidden}.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;flex-wrap:wrap;align-items:center;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(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-color:var(--checker-a);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;border-radius:var(--radius-sm)}.px-spritesheet-preview__cell{position:absolute;box-sizing:border-box;border:1px solid var(--accent);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);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);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2);max-width:calc(100vw - 2 * var(--sp-2))}.px-popover__row{display:flex;align-items:center;gap:var(--sp-2)}.px-popover__row>.px-toggle,.px-popover__row>.px-tool-option{flex:1 1 auto;min-width:0}.px-popover__row>.px-tool-option{justify-content:space-between}.px-popover__row>.px-tool-option>.px-tool-option__label,.px-popover__row>.px-toggle>.px-toggle__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.px-tool-options-bar--compact{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-height:none;gap:var(--sp-2);scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-2)}.px-tool-options-bar--compact>*{scroll-snap-align:start}.px-tool-options-bar--compact::-webkit-scrollbar{display:none}.px-tool-options-bar--compact[data-overflow=end]{mask-image:linear-gradient(to right,#000 calc(100% - var(--sp-8)),transparent 100%)}.px-tool-options-bar--compact[data-overflow=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-8))}.px-tool-options-bar--compact[data-overflow=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-8),#000 calc(100% - var(--sp-8)),transparent 100%)}.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:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-size:var(--text-sm);cursor:pointer}.px-tool-chip[aria-pressed=true],.px-tool-chip[aria-pressed=true]:hover{background:var(--accent-soft);color:var(--accent)}.px-tool-chip__value{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--ink-dim)}.px-tool-chip[aria-pressed=true] .px-tool-chip__value{color:inherit}.px-tool-chip__fallback{font-size:var(--text-sm);max-width:12ch;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}.px-fatal h1{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--lh-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);margin:0}.px-anchor-picker__cell:focus-visible,.px-status-fit:focus-visible,.px-status-100:focus-visible,.px-status-commands:focus-visible,.px-sync-signed-out:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.px-swatch-menu__item:focus-visible,.px-mask-menu__item:focus-visible,.px-filter-list__add-menu button:focus-visible,.px-command-sheet__item:focus-visible,.px-dither-thumb:focus-visible,.px-dither-panel__scale-option:focus-visible,.px-lospec__chip:focus-visible,.px-lospec-card:focus-visible,.px-frame-thumb__handle:focus-visible,.px-frame-thumb__body:focus-visible,.px-timeline__duration-badge:focus-visible,.px-layer-row__handle:focus-visible,.px-layer-row__rename-btn:focus-visible,.px-palette-panel__name:focus-visible,.px-palette-panel__info:focus-visible,.px-harmony-panel__collapse:focus-visible,.px-surface-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.px-toggle:disabled,.px-tabs__tab:disabled,.px-tool-chip:disabled,.px-select__el:disabled,.px-number-input__el:disabled,.px-hex-input:disabled{color:var(--ink-disabled);cursor:not-allowed}.px-toggle:disabled .px-toggle__knob{background:var(--ink-disabled)}@media(hover:hover){.px-tool-chip:hover,.px-tabs__tab:hover{background:var(--fill-hover)}}.px-tool-chip:active,.px-tabs__tab:active,.px-toggle:active,.px-panel__collapse:active,.px-command-sheet__item:active,.px-swatch-menu__item:active,.px-mask-menu__item:active{background:var(--fill-press)}html,body{width:100%;height:100%;overflow:hidden}.shell{display:grid;width:100%;max-width:100%;overflow-x:clip;overflow-y: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-layout=dock]{grid-template-areas:"banner" "menu" "frame" "status";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.shell__frame{grid-area:frame;display:grid;min-width:0;min-height:0}.shell__band,.shell__band-rest{display:grid;min-width:0;min-height:0}.shell__band-rest{grid-area:rest}.shell__band[data-edge=left]{grid-template-areas:"band rest";grid-template-columns:auto minmax(0,1fr)}.shell__band[data-edge=right]{grid-template-areas:"rest band";grid-template-columns:minmax(0,1fr) auto}.shell__band[data-edge=top]{grid-template-areas:"band" "rest";grid-template-rows:auto minmax(0,1fr)}.shell__band[data-edge=bottom]{grid-template-areas:"rest" "band";grid-template-rows:minmax(0,1fr) auto}.shell__band[data-surface=timeline][data-edge=top]{grid-template-rows:fit-content(45%) minmax(0,1fr)}.shell__band[data-surface=timeline][data-edge=bottom]{grid-template-rows:minmax(0,1fr) fit-content(45%)}.shell__band[data-edge=float]{grid-template-areas:"rest";grid-template-columns:minmax(0,1fr)}.shell__band[data-maximised][data-edge=left]{grid-template-columns:auto 0}.shell__band[data-maximised][data-edge=right]{grid-template-columns:0 auto}.shell__band[data-maximised][data-edge=top]{grid-template-rows:auto 0}.shell__band[data-maximised][data-edge=bottom]{grid-template-rows:0 auto}.shell[data-layout=sheet] .shell__frame,.shell[data-layout=sheet] .shell__band,.shell[data-layout=sheet] .shell__band-rest{display:contents}.shell[data-layout=sheet][data-dock=bottom]{grid-template-areas:"banner" "topbar" "canvas" "options" "toolbar";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto}.shell[data-layout=sheet][data-dock=left]{grid-template-areas:"banner banner" "topbar topbar" "toolbar canvas" "options options";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.shell[data-layout=sheet][data-dock=right]{grid-template-areas:"banner banner" "topbar topbar" "canvas toolbar" "options options";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto}.shell[data-layout=sheet][data-dock=top]{grid-template-areas:"banner" "topbar" "toolbar" "canvas" "options";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto}.shell[data-layout=sheet][data-dock=float]{grid-template-areas:"banner" "topbar" "canvas" "options";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.shell__restore-chrome{position:fixed;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));z-index:var(--z-surface-floating);width:var(--hit);height:var(--hit);display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-2);color:var(--ink);opacity:.55;cursor:pointer}@media(hover:hover){.shell__restore-chrome:hover{opacity:1}}.shell__restore-chrome:active{opacity:1;background:var(--fill-press)}.shell__restore-chrome:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.menu-bar{grid-area:menu;touch-action:manipulation}.canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0}.shell[data-layout=sheet] .canvas-column{grid-area:canvas}.canvas-column>.canvas-region{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden;background:var(--canvas-desk);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:band;min-width:0;min-height:0;z-index:var(--z-toolbar);touch-action:manipulation}.shell[data-layout=sheet] .toolbar-dock-region{grid-area:toolbar}.timeline-dock-region{grid-area:band;display:flex;min-width:0;min-height:0;z-index:var(--z-toolbar);background:var(--bg-1);touch-action:manipulation}.timeline-dock-region[data-orientation=horizontal]{flex-direction:row}.timeline-dock-region[data-orientation=vertical]{flex-direction:column}.timeline-dock-region>.px-timeline{flex:1 1 auto;min-width:0;min-height:0}.shell__band[data-edge=left]>.timeline-dock-region,.shell__band[data-edge=right]>.timeline-dock-region{width:var(--timeline-w, 180px)}.panel-dock{grid-area:band;display:flex;min-width:0;min-height:0;touch-action:manipulation}.panel-dock[data-edge=right]{flex-direction:row;width:var(--dock-w, 280px)}.panel-dock[data-edge=left]{flex-direction:row-reverse;width:var(--dock-w, 280px)}.panel-dock[data-edge=bottom]{flex-direction:column;height:var(--dock-h, 240px)}.panel-dock[data-edge=top]{flex-direction:column-reverse;height:var(--dock-h, 240px)}.panel-dock[data-edge=left][data-collapsed],.panel-dock[data-edge=right][data-collapsed]{width:var(--hit)}.panel-dock[data-edge=top][data-collapsed],.panel-dock[data-edge=bottom][data-collapsed]{height:var(--hit)}.panel-dock[data-maximised]{width:auto;height:auto;min-width:0;min-height:0}.panel-dock[data-orientation=horizontal] .panel-dock__rail{width:auto;height:var(--hit);flex-direction:row;min-width:0}.panel-dock[data-orientation=horizontal] .panel-dock__rail-strip{flex-direction:row;width:auto;height:100%;max-width:50%;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 var(--sp-1)}.panel-dock[data-orientation=horizontal] .panel-dock__rail-swatches{max-width:none;flex:1 1 0}.panel-dock[data-orientation=horizontal] .panel-dock__rail-strip[data-overflow=end]{mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.panel-dock[data-orientation=horizontal] .panel-dock__rail-strip[data-overflow=start]{mask-image:linear-gradient(to right,transparent 0,#000 20px)}.panel-dock[data-orientation=horizontal] .panel-dock__rail-strip[data-overflow=both]{mask-image:linear-gradient(to right,transparent 0,#000 20px calc(100% - 20px),transparent 100%)}.panel-dock[data-orientation=horizontal] .panel-dock__resize{width:auto;height:6px;cursor:row-resize;padding:var(--sp-1) 0;margin:calc(-1 * var(--sp-1)) 0}.panel-float .px-float__body>*,.timeline-float .px-float__body>*{flex:1 1 auto;min-width:0;min-height:0}.panel-dock__body{flex:1;min-width:0;overflow:hidden}.panel-dock__resize{flex:none;width:6px;align-self:stretch;cursor:col-resize;touch-action:none;background:var(--border);background-clip:content-box;padding:0 var(--sp-1);box-sizing:content-box;margin:0 calc(-1 * var(--sp-1));position:relative;z-index:1}@media(hover:hover){.panel-dock__resize:hover{background:var(--ink-dim);background-clip:content-box}}.panel-dock__resize:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.panel-dock__rail{flex:none;width:var(--hit);display:flex;flex-direction:column;align-items:center;min-height:0;background:var(--bg-1)}.panel-dock__rail-button{width:var(--hit);height:var(--hit);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);cursor:pointer;padding:0}@media(hover:hover){.panel-dock__rail-button:hover{background:var(--fill-hover)}}.panel-dock__rail-button:active{background:var(--fill-press)}.panel-dock__rail-button[aria-pressed=true]{color:var(--accent)}.panel-dock__rail-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.panel-dock__rail-strip{flex:0 1 auto;max-height:50%;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0}.panel-dock__rail-strip::-webkit-scrollbar{display:none}.panel-dock__rail-strip[data-overflow=end]{mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent 100%)}.panel-dock__rail-strip[data-overflow=start]{mask-image:linear-gradient(to bottom,transparent 0,#000 20px)}.panel-dock__rail-strip[data-overflow=both]{mask-image:linear-gradient(to bottom,transparent 0,#000 20px calc(100% - 20px),transparent 100%)}.panel-dock__rail-swatches{flex:1 1 0;max-height:none;gap:0;padding:0}.panel-dock__rail-layer{flex:none;width:40px;height:40px;padding:0;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.panel-dock__rail-layer canvas{width:32px;height:32px;border-radius:var(--radius-sm);image-rendering:pixelated}.panel-dock__rail-layer[data-active] canvas{outline:2px solid var(--accent);outline-offset:-2px}.panel-dock__rail-well{flex:none;margin:var(--sp-1) 0}.panel-dock[data-orientation=horizontal] .panel-dock__rail-well{width:52px;height:var(--hit);margin:0 var(--sp-1)}.panel-dock__rail-swatch{flex:none;width:var(--hit);height:32px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.panel-dock__rail-swatch[aria-selected=true] .panel-dock__rail-chip{outline:2px solid var(--accent);outline-offset:2px}.panel-dock__rail-chip{display:block;width:24px;height:24px;border-radius:var(--radius-sm)}.panel-dock__rail-chip-fill{display:block;width:100%;height:100%;border-radius:inherit}.panel-dock .px-tabs__list{flex-wrap:wrap;overflow:visible;row-gap:var(--sp-1)}.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);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 1 10ch;min-width:8ch;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__surfaces{flex:none;display:flex;align-items:center;margin-left:auto}.status-bar__doc-size{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.px-sync-signed-out{display:inline-flex;align-items:center;gap:var(--sp-1)}.px-sync-signed-out,.px-status-fit,.px-status-100,.px-status-zoom-trigger{min-width:var(--hit);min-height:var(--hit);padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}@media(hover:hover){.px-sync-signed-out:hover,.px-status-fit:hover,.px-status-100:hover,.px-status-zoom-trigger:hover{background:var(--fill-hover)}}.px-sync-signed-out:active,.px-status-fit:active,.px-status-100:active,.px-status-zoom-trigger:active{background:var(--fill-press)}.px-status-zoom-trigger{flex:none}.px-status-zoom-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.status-bar__zoom-text{font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.px-selection-bar{position:fixed;z-index:var(--z-toolbar);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-1) var(--sp-2);padding:var(--sp-1);background:var(--bg-2);border-radius:var(--radius-2);box-shadow:var(--elevation);pointer-events:auto;touch-action:none}.px-selection-bar__group{display:flex;align-items:center;gap:var(--sp-1)}.px-selection-bar__group+.px-selection-bar__group{border-left:var(--border-w) solid var(--border);padding-left:var(--sp-2)}.px-selection-bar__btn{min-width:var(--hit);min-height:var(--hit);flex:none}.px-selection-bar__btn--text{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sp-2);width:auto;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink);background:none;border:none;border-radius:var(--radius-1);white-space:nowrap;cursor:pointer}@media(hover:hover){.px-selection-bar__btn--text:hover{background:var(--fill-hover)}}.px-selection-bar__btn--text:active{background:var(--fill-press)}.px-selection-bar__btn--text:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-surface-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}@media(hover:hover){.px-surface-grip:hover{background:radial-gradient(circle,var(--ink-dim) 1px,transparent 1px) 0 0 / 8px 8px,var(--bg-2)}}.px-surface-grip:active{cursor:grabbing}.px-surface-grip--sliver{flex:none;width:32px;min-width:32px;height:auto;align-self:stretch;background:none;color:var(--ink-dim);display:inline-flex;align-items:center;justify-content:center}.px-toolbar[data-chrome=phone][data-dock=left] .px-surface-grip--sliver,.px-toolbar[data-chrome=phone][data-dock=right] .px-surface-grip--sliver,.panel-dock[data-orientation=vertical] .px-surface-grip--sliver,.timeline-dock-region[data-orientation=vertical] .px-surface-grip--sliver{width:auto;min-width:0;height:var(--hit);min-height:var(--hit)}@media(hover:hover){.px-surface-grip--sliver:hover{background:var(--fill-hover)}}.px-float{position:fixed;z-index:calc(var(--z-surface-floating) + var(--float-depth, 0));display:flex;flex-direction:column;overflow:hidden;background:var(--bg-1);border-radius:var(--radius-2)}.px-float[data-dragging],.panel-dock[data-dragging],.timeline-dock-region[data-dragging]{opacity:.4;pointer-events:none}.px-float__titlebar{flex:none;display:flex;align-items:center;justify-content:space-between;background:var(--bg-2)}.px-float__body{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.px-float__resize{position:absolute;touch-action:none;z-index:2}.px-float__resize[data-handle=n],.px-float__resize[data-handle=s]{left:0;right:0;height:12px;cursor:ns-resize}.px-float__resize[data-handle=w],.px-float__resize[data-handle=e]{top:0;bottom:0;width:12px;cursor:ew-resize}.px-float__resize[data-handle=n]{top:0}.px-float__resize[data-handle=s]{bottom:0}.px-float__resize[data-handle=w]{left:0}.px-float__resize[data-handle=e]{right:0}.px-float__resize[data-handle=nw],.px-float__resize[data-handle=ne],.px-float__resize[data-handle=sw],.px-float__resize[data-handle=se]{z-index:3;width:12px;height:12px}.px-float__resize[data-handle=sw],.px-float__resize[data-handle=se]{width:24px;height:24px}.px-float__resize[data-handle=nw]{top:0;left:0;cursor:nwse-resize}.px-float__resize[data-handle=ne]{top:0;right:0;cursor:nesw-resize}.px-float__resize[data-handle=sw]{bottom:0;left:0;cursor:nesw-resize}.px-float__resize[data-handle=se]{bottom:0;right:0;cursor:nwse-resize}.px-float__resize:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-float__resize[data-handle=se]:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:var(--border-w) solid var(--border-strong);border-bottom:var(--border-w) solid var(--border-strong)}.px-float__collapsed-hint{flex:none;height:var(--sp-1);background:var(--bg-1)}.px-surface-ghost{position:fixed;top:0;left:0;z-index:var(--z-drag-preview);background:var(--bg-2);border-radius:var(--radius-2);opacity:.5;pointer-events:none}.px-surface-drop-preview{position:fixed;z-index:var(--z-drag-preview);border:2px dashed var(--accent);border-radius:var(--radius-2);background:var(--accent-soft);pointer-events:none}.px-surface-drop-preview[data-kind=left],.px-surface-drop-preview[data-kind=right]{top:0;bottom:0;width:var(--hit)}.px-surface-drop-preview[data-chrome=phone][data-kind=left],.px-surface-drop-preview[data-chrome=phone][data-kind=right]{width:var(--tool-col-w)}.px-surface-drop-preview[data-surface=panels][data-kind=left],.px-surface-drop-preview[data-surface=panels][data-kind=right]{width:var(--dock-w, 280px)}.px-surface-drop-preview[data-surface=timeline][data-kind=left],.px-surface-drop-preview[data-surface=timeline][data-kind=right]{width:var(--timeline-w, 180px)}.px-surface-drop-preview[data-kind=left]{left:0}.px-surface-drop-preview[data-kind=right]{right:0}.px-surface-drop-preview[data-kind=top],.px-surface-drop-preview[data-kind=bottom]{left:0;right:0;height:var(--hit)}.px-surface-drop-preview[data-chrome=phone][data-kind=top]{height:var(--tool-row-h)}.px-surface-drop-preview[data-chrome=phone][data-kind=bottom]{height:calc(var(--tool-row-h) + env(safe-area-inset-bottom))}.px-surface-drop-preview[data-surface=panels][data-kind=top],.px-surface-drop-preview[data-surface=panels][data-kind=bottom]{height:var(--dock-h, 240px)}.px-surface-drop-preview[data-surface=timeline][data-kind=top],.px-surface-drop-preview[data-surface=timeline][data-kind=bottom]{height:var(--timeline-h, 158px)}.px-surface-drop-preview[data-kind=top]{top:0}.px-surface-drop-preview[data-kind=bottom]{bottom:0}.px-surface-drop-preview[data-kind=float]{width:var(--hit);height:var(--hit)}.px-toolbar{background:var(--bg-1);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}:root{--tool-col-w: 56px;--toolbar-strip-w: max(var(--hit), var(--tool-col-w));--tool-row-h: 52px}.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__leading{display:inline-flex;flex-shrink:0}.px-toolbar__pinned{flex:none;display:flex;align-items:center}.px-toolbar__strip[data-orientation=vertical] .px-toolbar__pinned,.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__strip[data-wrap] .px-toolbar__content{display:grid;grid-template-columns:repeat(auto-fit,var(--hit));justify-content:center}.px-toolbar__strip[data-wrap]{flex-direction:column;align-items:stretch}.px-toolbar__strip[data-wrap] .px-toolbar__scroll{flex:0 1 auto}.px-toolbar__separator{width:var(--border-w);height:calc(var(--hit) - var(--sp-4));align-self:center;margin:0 var(--sp-1);background:var(--border);flex-shrink:0}.px-toolbar__strip[data-orientation=vertical] .px-toolbar__separator{width:calc(var(--hit) - var(--sp-4));height:var(--border-w);margin:var(--sp-1) 0}.px-toolbar__strip[data-wrap] .px-toolbar__separator{width:var(--border-w);height:calc(var(--hit) - var(--sp-4));margin:0;justify-self:center;align-self:center}.px-topbar{grid-area:topbar;display:flex;align-items:center;min-width:0;min-height:var(--hit);padding:0 var(--sp-1);background:var(--bg-1);touch-action:manipulation}.px-topbar>.px-options-row{flex:1 1 auto;min-width:min-content;height:100%;background:none}.px-topbar .px-iconbtn[aria-pressed=true]:not(.px-options-row *),.px-topbar .px-iconbtn[aria-pressed=true]:not(.px-options-row *):hover{background:var(--fill-selected);color:var(--ink)}.px-topbar__title{display:flex;align-items:center;gap:var(--sp-1);flex:1 1 auto;min-width:11ch;height:100%;padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.px-topbar__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.px-topbar__title:hover{background:var(--fill-hover)}}.px-topbar__title:active{background:var(--fill-press)}.px-topbar__title:focus-visible,.px-topbar__zoom:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-topbar__dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ink-dim)}.px-topbar__dot[data-state=error]{background:var(--danger)}.px-topbar__zoom{flex:none;min-width:var(--hit);min-height:100%;padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.px-options-row{grid-area:options;display:flex;align-items:center;gap:var(--sp-1);min-width:0;min-height:var(--hit);padding:0 var(--sp-1);background:var(--bg-1);touch-action:manipulation}.px-options-row__options{flex:1 1 auto;min-width:0;display:flex;align-items:center}.px-options-row[data-selection=live]>.px-selection-bar--docked{flex:1 1 auto}.px-options-row .px-tool-options-bar{padding-block:0;gap:var(--sp-1)}.px-options-row .px-tool-chip{padding:0 var(--sp-1)}.px-tool-options{display:flex;flex:none;align-items:center;width:100%;min-width:0;gap:var(--sp-1)}.px-tool-options>.px-tool-options-bar{flex:0 1 auto;width:auto;min-width:0;flex-wrap:nowrap;max-height:none}.px-tool-options>.px-tooltip-wrap,.px-tool-options-bar>.px-tooltip-wrap{flex:none}.px-tool-chip__name{font-size:var(--text-xs);white-space:nowrap}.px-tool-chip--more{flex:none}.px-color-row{flex:0 1 auto;min-width:min-content;display:flex;align-items:center}.px-color-row>.px-tooltip-wrap,.px-selection-bar__group>.px-tooltip-wrap{flex:none}.px-color-well{position:relative;flex:none;width:var(--hit);height:var(--hit);background:none;border:none;border-radius:var(--radius-1);cursor:pointer}.px-color-well__swatch{position:absolute;width:22px;height:22px;border-radius:var(--radius-sm);overflow:hidden}.px-color-well__fill,.px-color-row__fill{display:block;width:100%;height:100%}.px-color-well__swatch--secondary{right:4px;bottom:4px}.px-color-well__swatch--primary{left:4px;top:4px}.px-color-well:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-color-row__swatches{display:flex;flex-wrap:nowrap;align-items:center;flex:0 1 auto;min-width:128px;max-width:144px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.px-color-row__swatches::-webkit-scrollbar{display:none}.px-color-row__swatches[data-overflow=end]{mask-image:linear-gradient(to right,#000 calc(100% - var(--sp-4)),transparent 100%)}.px-color-row__swatches[data-overflow=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-4))}.px-color-row__swatches[data-overflow=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-4),#000 calc(100% - var(--sp-4)),transparent 100%)}.px-color-row__swatches>.px-tooltip-wrap{flex:none;scroll-snap-align:start}.px-color-row__swatch{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:var(--hit);padding:0;background:none;border:none;scroll-snap-align:start;cursor:pointer}.px-color-row__chip{position:relative;width:24px;height:24px;border-radius:var(--radius-sm);overflow:hidden}.px-color-row__chip:after,.px-color-well__swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--border-w) var(--border);pointer-events:none}.px-color-row__swatch[aria-selected=true] .px-color-row__chip{box-shadow:0 0 0 2px var(--accent)}.px-color-row__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-1)}.px-tool-slots{display:flex;align-items:stretch;flex:1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.px-tool-slots::-webkit-scrollbar{display:none}.px-tool-slots[data-layout=column]{flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto}.px-tool-slots__slots{display:flex;flex:1 1 auto;min-width:0;min-height:0}.px-tool-slots[data-layout=column] .px-tool-slots__slots{flex-direction:column}.px-tool-slots[data-layout=palette] .px-tool-slots__slots{display:grid;grid-template-columns:repeat(2,var(--hit));gap:var(--sp-1);padding:var(--sp-1)}.px-tool-slots[data-layout=palette]{overflow:visible}.px-tool-slots__actions{display:flex;flex:none;align-items:center}.px-tool-slots[data-layout=column] .px-tool-slots__actions{flex-direction:column}.px-tool-slots__divider{flex:none;align-self:center;width:var(--border-w);height:calc(var(--hit) - var(--sp-4));background:var(--border)}.px-tool-slots[data-layout=column] .px-tool-slots__divider{width:calc(var(--hit) - var(--sp-4));height:var(--border-w)}.px-tool-slot{position:relative;flex:1 1 auto;min-width:var(--hit);max-width:48px;min-height:var(--hit);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-1);color:var(--ink);cursor:pointer}.px-tool-slots__slots>.px-tooltip-wrap{flex:1 1 auto;min-width:var(--hit);max-width:48px}.px-tool-slots__slots>.px-tooltip-wrap>.px-tool-slot{width:100%;max-width:none}.px-tool-slots[data-layout=column] .px-tool-slot,.px-tool-slots[data-layout=palette] .px-tool-slot,.px-tool-slots[data-layout=column] .px-tool-slots__slots>.px-tooltip-wrap,.px-tool-slots[data-layout=palette] .px-tool-slots__slots>.px-tooltip-wrap{flex:none;width:100%;max-width:none}.px-tool-slot[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}@media(hover:hover){.px-tool-slot:not([aria-pressed=true]):hover{background:var(--fill-hover)}}.px-tool-slot:active{background:var(--fill-press)}.px-tool-slot:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-tool-slot__tick{position:absolute;right:4px;bottom:4px;width:0;height:0;border-left:6px solid transparent;border-bottom:6px solid var(--ink-dim)}.px-tool-slot[aria-pressed=true] .px-tool-slot__tick{border-bottom-color:currentColor}.px-zoom-popover__actions{gap:var(--sp-2)}.px-zoom-popover__size{margin-inline-start:auto;color:var(--ink-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.px-flyout{position:fixed;z-index:var(--z-tooltip);background:var(--bg-1);border-radius:var(--radius-2);padding:var(--sp-1);display:flex;flex-direction:column;gap:var(--sp-1);max-width:calc(100vw - 2 * var(--sp-2))}.px-tool-flyout__row{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);white-space:nowrap;text-align:left;cursor:pointer}.px-tool-flyout__row[aria-checked=true]{background:var(--accent-soft);color:var(--accent)}@media(hover:hover){.px-tool-flyout__row:not([aria-checked=true]):hover{background:var(--fill-hover)}}.px-tool-flyout__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-tool-flyout__label{flex:1}.px-toolbar[data-chrome=phone][data-dock=bottom],.px-toolbar[data-chrome=phone][data-dock=top]{min-height:var(--tool-row-h)}.px-toolbar[data-chrome=phone][data-dock=bottom]{padding-bottom:env(safe-area-inset-bottom)}.shell[data-layout=sheet]:not([data-dock=bottom])>.px-options-row{height:calc(var(--hit) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.px-toolbar[data-chrome=phone][data-dock=left],.px-toolbar[data-chrome=phone][data-dock=right]{width:var(--tool-col-w)}.px-selection-bar--docked{position:static;flex:1 1 auto;flex-wrap:nowrap;min-width:0;width:100%;height:100%;gap:0;padding:0;border-radius:0;box-shadow:none;background:none}.px-selection-bar__scroll{display:flex;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.px-selection-bar__scroll::-webkit-scrollbar{display:none}.px-selection-bar__scroll[data-overflow=end]{mask-image:linear-gradient(to right,#000 calc(100% - var(--sp-6)),transparent 100%)}.px-selection-bar__scroll[data-overflow=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-6))}.px-selection-bar__scroll[data-overflow=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--sp-6),#000 calc(100% - var(--sp-6)),transparent 100%)}.px-selection-bar--docked .px-selection-bar__group{gap:0}.px-selection-bar--docked .px-selection-bar__group+.px-selection-bar__group{border-left:none;padding-left:0}.px-selection-bar--docked>.px-selection-bar__group{flex:none;border-left:var(--border-w) solid var(--border)}.px-toolbar--floating[data-chrome=phone]{width:max-content;max-width:none;max-height:60vh}.px-toolbar--floating[data-chrome=phone] .px-tool-slots{padding:0}.px-menubar{display:flex;align-items:stretch;background:var(--bg-1);min-height:var(--hit);padding:0 var(--sp-1)}.px-menubar__section{position:relative}.px-menubar__trigger{height:calc(var(--hit) - var(--sp-2));align-self:center;padding:0 var(--sp-3);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);cursor:pointer}.px-menubar__trigger:hover{background:var(--fill-hover)}.px-menubar__trigger[aria-expanded=true]{background:var(--fill-selected)}.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);border-radius:var(--radius-2);box-shadow:var(--elevation);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--sp-1)}.px-menubar__dropdown[data-scrollable]{max-height:70vh;overflow-y:auto}.px-menubar__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--hit);padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;white-space:nowrap}@media(hover:hover){.px-menubar__item:hover:not(:disabled){background:var(--fill-hover)}}.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);border-radius:var(--radius-2);box-shadow:var(--elevation);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--sp-1);max-height:70vh;overflow-y:auto}.px-menubar__shortcut{color:var(--ink-dim);font-variant-numeric:tabular-nums;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-menu-item__text{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) 0;min-width:0}.px-menu-item__hint{color:var(--ink-dim);font-size:var(--text-xs);line-height:var(--lh-ui);white-space:normal}.px-modal-window__body:has(>.px-command-sheet){display:flex;flex-direction:column;overflow:hidden}.px-command-sheet{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--sp-2);min-height:0}.px-command-sheet__search{flex:none;display:flex}.px-command-sheet__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.px-command-sheet__section-title{position:sticky;top:0;z-index:1;margin:0;padding:var(--sp-2) var(--sp-2) var(--sp-1);background:var(--bg-1);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-display);line-height:var(--lh-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.px-command-sheet__list .px-command-sheet__item{font-size:var(--text-sm)}.px-command-sheet__empty{margin:0;padding:var(--sp-4) var(--sp-2);color:var(--ink-dim);font-size:var(--text-sm)}.px-command-sheet__hints{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-2) var(--sp-1);border-top:var(--border-w) solid var(--border);color:var(--ink-dim);font-size:var(--text-xs);line-height:var(--lh-ui)}.px-command-sheet__group{margin-bottom:var(--sp-2)}.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);font-weight:var(--weight-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);margin:0}.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-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;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;border-radius:var(--radius-1);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-command-sheet__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-command-sheet__shortcut{flex:none;margin-left:var(--sp-3);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--ink-dim);white-space:nowrap}@media(any-pointer:coarse){.px-command-sheet__shortcut{display:none}}.px-command-sheet__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-1)}.px-command-sheet__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:calc(var(--hit) + var(--sp-3));padding:var(--sp-1);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);font-size:var(--text-xs);line-height:var(--lh-ui);text-align:center;cursor:pointer}.px-command-sheet__tile:disabled{color:var(--ink-disabled)}.px-command-sheet__tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-command-sheet__tile:active{background:var(--fill-press)}.px-command-sheet__tile-label{min-width:0;overflow-wrap:anywhere}.px-checker-bg{background-image:repeating-conic-gradient(var(--checker-b) 0% 25%,var(--checker-a) 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;border-radius:var(--radius-1);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--h) 100% 50%))}.px-sheet .px-sv-square{--sv-h: clamp(120px, 20dvh, 150px);aspect-ratio:auto;max-width:min(420px,calc(var(--sv-h) * 1.6));height:var(--sv-h);min-height:0;margin-inline:auto}.px-panel-sheet[data-snap=full] .px-sv-square{--sv-h: clamp(120px, 26dvh, 220px)}.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,.px-sv-square__extra-marker{--half: calc(var(--marker-size) / 2);position:absolute;width:var(--marker-size);height:var(--marker-size);left:clamp(var(--half),var(--x),calc(100% - var(--half)));top:clamp(var(--half),var(--y),calc(100% - var(--half)));transform:translate(-50%,-50%);pointer-events:none}.px-sv-square__marker{--marker-size: 18px;border:2px solid #fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.px-sv-square__extra-marker{--marker-size: 9px;border:1px solid #fff;box-shadow:0 0 0 1px #000}.px-sv-square__lollipop{position:absolute;left:var(--x);top:var(--y);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-2);border-radius:var(--radius-sm);box-shadow:var(--elevation);padding:0 var(--sp-1);white-space:nowrap}.px-gradient-slider{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.px-gradient-slider .px-number-input__el{width:calc(5ch + 2 * var(--sp-2))}.px-gradient-slider__label{flex:none;width:5ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--ink-dim)}.px-gradient-slider__track{position:relative;flex:1;min-width:0;margin-inline:calc(var(--slider-thumb) / 2);height:var(--hit);min-height:var(--hit);display:flex;align-items:center;touch-action:none;cursor:pointer}.px-gradient-slider__track:before{content:"";position:absolute;left:calc(var(--slider-thumb) / -2);right:calc(var(--slider-thumb) / -2);height:calc(var(--hit) / 2);background-image:var(--track-image);border-radius:var(--radius-sm)}.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:50%;width:var(--slider-thumb);height:var(--slider-thumb);transform:translate(-50%,-50%);background:#fff;border:2px solid #fff;border-radius:50%;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:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 0 1px #000;pointer-events:none}.px-gradient-slider__chip{position:absolute;inset:0;border-radius:50%;border:1px solid #000}.px-gradient-slider__marker[data-touch] .px-gradient-slider__chip{inset:50% auto auto 50%;width:32px;height:32px;border-radius:var(--radius-sm);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);border-radius:var(--radius-1);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-soft);color:var(--danger)}.px-hex-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-color-swatch-pair{--swatch-pair-size: max(var(--hit), 56px);display:flex;align-items:center;gap:var(--sp-3)}.px-color-swatch-pair__stack{--swatch-pair-offset: calc(var(--swatch-pair-size) / 2);--swatch-pair-ring: 4px;position:relative;width:calc(var(--swatch-pair-size) + var(--swatch-pair-offset) + 2 * var(--swatch-pair-ring));height:calc(var(--swatch-pair-size) + var(--swatch-pair-offset) + 2 * var(--swatch-pair-ring))}.px-color-swatch-pair__swatch{position:absolute;width:var(--swatch-pair-size);height:var(--swatch-pair-size);border:none;border-radius:var(--radius-1);overflow:hidden;box-shadow:0 0 0 2px var(--bg-1);cursor:pointer;padding:0}.px-color-swatch-pair__swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--border-w) var(--border);pointer-events:none}.px-color-swatch-pair__fill{display:block;width:100%;height:100%}.px-color-swatch-pair__swatch--secondary{right:var(--swatch-pair-ring);bottom:var(--swatch-pair-ring)}.px-color-swatch-pair__swatch--primary{left:var(--swatch-pair-ring);top:var(--swatch-pair-ring)}.px-color-swatch-pair__swatch[data-active]{z-index:1;box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--accent)}.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:var(--hit);min-height:var(--hit);border:none;border-radius:var(--radius-sm);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);padding-top:var(--sp-1)}.px-harmony-panel__header{display:flex}.px-harmony-panel__collapse{flex:1;min-height:var(--hit);text-align:left;font-family:var(--font-display);font-size:var(--text-md);line-height:var(--lh-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);background:none;border:none;border-radius:var(--radius-1);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__method{display:flex;align-items:center;gap:var(--sp-2)}.px-harmony-panel__method-label{font-size:var(--text-sm);color:var(--ink-dim)}.px-harmony-panel__method .px-select{flex:1;min-width:0}.px-harmony-panel__hint{margin:0;font-size:var(--text-xs);color:var(--ink-dim)}.px-harmony-panel__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));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);min-width:0}.px-harmony-panel__chip{width:100%;min-width:0;min-height:var(--hit);display:flex;align-items:flex-end;border:none;border-radius:var(--radius-1);overflow:hidden}.px-harmony-panel__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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: var(--hit);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sw),1fr));gap:var(--sp-1);touch-action:pan-y}.px-palette-grid__empty{margin:0;padding:var(--sp-2);color:var(--ink-dim);font-size:var(--text-sm);background:var(--bg-2);border-radius:var(--radius-1)}.px-palette-grid__swatch{position:relative;aspect-ratio:1 / 1;min-width:var(--sw);min-height:var(--sw);border:none;border-radius:var(--radius-sm);padding:0;cursor:pointer}.px-palette-grid__swatch[data-selected]{box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--accent)}.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-radius:var(--radius-sm);box-shadow:var(--elevation);pointer-events:none;z-index:var(--z-drag-preview)}.px-swatch-menu{position:fixed;display:flex;flex-direction:column;min-width:180px;padding:var(--sp-1);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)}.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;border-radius:var(--radius-1);color:var(--ink);text-align:left;cursor:pointer}@media(hover:hover){.px-swatch-menu__item:hover{background:var(--fill-hover)}}.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);border-radius:var(--radius-1);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);border-radius:var(--radius-1);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-radius:var(--radius-sm);overflow:hidden}.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-radius:var(--radius-1)}.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)}.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{background:var(--bg-2);border-radius:var(--radius-1);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:last-child{border-bottom:none}.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-radius:var(--radius-sm);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);border-radius:var(--radius-1);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;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);overflow:hidden;text-align:left;font-family:var(--font-ui);font-size:var(--text-md);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);cursor:pointer;min-height:var(--hit);padding:0 var(--sp-2);white-space:nowrap;text-overflow:ellipsis}.px-palette-panel__name svg{flex:none;color:var(--ink-dim)}@media(hover:hover){.px-palette-panel__name:hover{background:var(--fill-hover)}}.px-palette-panel__name:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.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);border-radius:var(--radius-1);color:var(--ink);padding:0 var(--sp-2)}.px-palette-panel__menu{position:fixed;display:flex;flex-direction:column;min-width:220px;max-width:280px;padding:var(--sp-1);background:var(--bg-1);z-index:var(--z-tooltip)}.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);font-size:var(--text-xs)}.px-color-panel{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.px-color-panel__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0}.px-sheet .px-color-panel__header{flex-wrap:nowrap;gap:var(--sp-1)}.px-sheet .px-color-swatch-pair,.px-sheet .px-eyedropper-buttons{flex:none}.px-sheet .px-color-swatch-pair{--swatch-pair-size: var(--hit);gap:var(--sp-1)}.px-sheet .px-color-swatch-pair__actions{flex-direction:row}.px-sheet .px-color-panel__header .px-hex-input{flex:1 1 auto;width:0}.px-color-panel>.px-tabs>.px-tabs__strip>.px-tabs__list{flex:0 1 auto}.px-sheet .px-color-panel{gap:var(--sp-1)}.px-sheet .px-color-panel>.px-tabs>.px-tabs__strip{padding:0}.px-color-panel__editing-pill{display:flex;align-items:center;gap:var(--sp-2);min-width:0;padding-left:var(--sp-2);background:var(--accent-soft);border-radius:var(--radius-1);overflow:hidden}.px-color-panel__editing-swatch{flex:none;display:block;width:var(--hit);height:var(--hit)}.px-color-panel__editing-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--accent)}.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-1);padding:var(--sp-1) var(--sp-2)}.px-layers-panel__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2)}.px-layers-panel__opacity{display:flex;align-items:center;gap:var(--sp-2);flex:2 1 auto;min-width:0;font-size:var(--text-xs);color:var(--ink-dim)}.px-layers-panel__opacity .px-slider{min-width:calc(var(--hit))}.px-layers-panel__opacity-label{flex:none;white-space:nowrap}.px-layers-panel__opacity .px-slider{flex:1}.px-layers-panel__opacity .px-number-input{flex:none}.px-layers-panel__opacity .px-number-input__el{width:calc(4ch + 2 * var(--sp-1));padding:0 var(--sp-1)}.px-layers-panel__row .px-select{flex:1 1 100px;min-width:72px}.px-layers-panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.px-layers-panel__action-group{display:flex;align-items:center;gap:var(--sp-1);flex:none}.px-layers-panel__actions .px-btn{padding:0 var(--sp-1)}.px-layers-panel__action-group--destructive .px-iconbtn:not(:disabled){color:var(--danger)}.px-layers-panel__multi-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--fill-selected);border-radius:var(--radius-1);font-size:var(--text-xs)}.px-layers-panel__list{overflow-x:clip;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-radius:var(--radius-1);min-height:var(--hit);flex:none}.px-layer-row[data-active]{background:var(--accent-soft)}.px-layer-row[data-selected]{background:var(--fill-selected)}.px-layer-row[data-active][data-selected]{background:var(--accent-soft)}.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;border-radius:var(--radius-1);color:var(--ink-dim);cursor:grab;padding:var(--sp-1);touch-action:none}.px-layer-row__body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);flex:1;min-width:calc(var(--hit) * 2 + var(--sp-2));cursor:pointer}.px-layer-row__thumb{width:32px;height:32px;border-radius:var(--radius-sm);image-rendering:pixelated;flex-shrink:0}.px-layer-row__thumb--mask{box-shadow:inset 0 0 0 var(--border-w) var(--ink-dim)}.px-layer-row__thumb[data-edit-target-active]{outline:2px solid var(--accent);outline-offset:-2px}.px-layer-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);min-width:6ch}@media(hover:hover){.px-layer-row__name[role=button]:hover{text-decoration:underline dotted;text-underline-offset:2px}}.px-layer-row__name:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-layer-row__rename-input{width:100%;background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-1);color:var(--ink);padding:0 var(--sp-1)}.px-layer-row__rename-btn{background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);flex-shrink:0}.px-layer-row__check{width:16px;height:16px;border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-sm);flex-shrink:0}.px-layer-row__check[data-checked]{background:var(--accent)}.px-layer-locks{position:relative;display:inline-flex;flex-shrink:0}.px-layer-locks__trigger:not([data-engaged]){background:none;color:var(--ink-dim)}.px-layer-locks__trigger[data-engaged]{background:var(--accent-soft);color:var(--accent)}.px-layer-locks__count{position:absolute;top:0;right:0;min-width:var(--sp-3);padding:0 1px;background:var(--ink);color:var(--bg-1);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--sp-3);text-align:center}.px-layer-locks__item{display:flex;align-items:center;gap:var(--sp-2)}.px-sheet .px-layer-row{min-height:56px;gap:0;flex-wrap:wrap}.px-sheet .px-layer-row__body{flex:1 1 6ch}.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}@media(any-pointer:coarse){.px-layer-row{min-height:56px;gap:0;flex-wrap:wrap}.px-layer-row__body{flex:1 1 6ch}.px-layer-row__handle,.px-layer-row__rename-btn,.px-layer-row .px-iconbtn{min-width:var(--hit);min-height:var(--hit);padding:0}.px-layer-row__thumb{width:var(--hit);height:var(--hit)}}.px-mask-menu__list,.px-layers-menu__list,.px-filter-list__popover{position:fixed;z-index:var(--z-tooltip);background:var(--bg-1);min-width:180px;padding:var(--sp-1);display:flex;flex-direction:column}.px-mask-menu__item{display:flex;align-items:center;min-height:var(--hit);text-align:left;padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink)}@media(hover:hover){.px-mask-menu__item:hover:not(:disabled){background:var(--fill-hover)}}.px-mask-menu__item:disabled{color:var(--ink-disabled)}.px-filter-list{position:relative}.px-filter-list__count{position:absolute;top:0;right:0;min-width:var(--sp-3);padding:0 1px;background:var(--accent-fill);color:var(--accent-ink);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--sp-3);text-align:center}.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:last-child{border-bottom:none}.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)}.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-radius:var(--radius-sm)}.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);border-radius:var(--radius-2);box-shadow:var(--elevation);max-height:220px;overflow-y:auto;z-index:var(--z-tooltip)}.px-filter-list__add-menu button{display:block;width:100%;min-height:var(--hit);text-align:left;padding:var(--sp-1) var(--sp-2);background:none;border:none;border-radius:var(--radius-1);color:var(--ink)}@media(hover:hover){.px-filter-list__add-menu button:hover{background:var(--fill-hover)}}.px-filter-list__empty,.px-filter-list__note{color:var(--ink-dim);font-size:var(--text-xs)}.px-layer-row__eye{display:contents}.px-layer-row__eye[data-state=other] .px-iconbtn{opacity:.55}.px-dither-panel{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2);overflow-y:auto}.px-dither-panel__gated{display:flex;flex-direction:column;gap:var(--sp-3)}.px-dither-panel__gated[data-gated]{pointer-events:none}.px-dither-panel__gated[data-gated] canvas,.px-dither-panel__gated[data-gated] .px-dither-mini-preview,.px-dither-panel__gated[data-gated] .px-dither-panel__swatch{opacity:.4}.px-dither-panel__gated[data-gated] .px-dither-thumb[data-selected] canvas{opacity:.55}.px-dither-panel__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,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:none;border:none;border-radius:var(--radius-1);cursor:pointer}@media(hover:hover){.px-dither-thumb:hover{background:var(--fill-hover)}}.px-dither-thumb:active{background:var(--fill-press)}.px-dither-thumb canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;background:var(--checker-a);border-radius:var(--radius-sm)}.px-dither-thumb[data-selected]{background:var(--accent-soft)}.px-dither-thumb[data-selected] .px-dither-thumb__label{color:var(--accent)}.px-dither-thumb__label{font-size:var(--text-xs);line-height:1.2;color:var(--ink-dim);text-align:center}.px-dither-thumb:disabled{cursor:not-allowed}.px-dither-mini-preview{image-rendering:pixelated;background:var(--checker-a);border-radius:var(--radius-sm);align-self:flex-start}.px-dither-panel__scale{display:inline-flex;gap:var(--sp-1);background:var(--bg-2);border-radius:var(--radius-1);width:max-content}.px-dither-panel__scale-option{min-width:var(--hit);min-height:var(--hit);background:none;border:none;border-radius:var(--radius-1);color:var(--ink-dim);font-size:var(--text-sm);cursor:pointer}.px-dither-panel__scale-option[data-selected]{background:var(--accent-soft);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:none;border-radius:var(--radius-1);color:var(--ink);cursor:pointer}.px-dither-panel__nudge-pad button:active{background:var(--fill-press)}.px-dither-panel__nudge-pad button:disabled,.px-dither-panel__scale-option:disabled,.px-dither-panel__swatch:disabled{cursor:not-allowed}.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:none;border-radius:var(--radius-sm);padding:0;cursor:pointer}.px-dither-panel__swatch-fill{display:block;width:100%;height:100%;border-radius:inherit}.px-dither-panel__popover{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:var(--bg-1)}.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:var(--checker-a);border:none;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);border-radius:var(--radius-1);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{min-height:var(--hit);background:none;border:none;border-radius:var(--radius-1);color:var(--ink);text-align:left;cursor:pointer}.px-field__label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-dim)}.px-field-pair{display:flex;gap:var(--sp-3)}.px-field-pair>.px-field{flex:1 1 0;min-width:0;margin-bottom:0}.px-field-pair .px-number-input{width:100%}.px-field-pair .px-number-input__el{flex:1 1 auto;width:auto}.px-modal-window__body .px-field>.px-toggle{padding-inline:0}.px-field-hint[data-danger]{color:var(--danger)}.px-text-input{width:100%;min-width:0;min-height:var(--hit);padding:0 var(--sp-3);background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-1);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm)}.px-text-input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-field__suffixed{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.px-field__suffix{flex:none;color:var(--ink-dim);font-size:var(--text-sm)}.px-check-row{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit);font-size:var(--text-sm);cursor:pointer}.px-check-row input[type=checkbox]{flex:none;width:var(--sp-6);height:var(--sp-6);accent-color:var(--accent-fill)}.px-color-input{width:100%;min-height:var(--hit);padding:var(--sp-1);background:var(--bg-2);border:var(--border-w) solid var(--border);border-radius:var(--radius-1);cursor:pointer}.px-modal-window__body:has(.px-dialog-footer){padding-bottom:0}.px-dialog-footer{position:sticky;bottom:0;z-index:2;flex-wrap:wrap;row-gap:var(--sp-2);margin:var(--sp-4) calc(-1 * var(--sp-4)) 0;padding:var(--sp-2) var(--sp-4) var(--sp-4);background:var(--bg-1);border-top:var(--border-w) solid var(--border)}.px-dialog-footer__end{display:flex;align-items:center;gap:var(--sp-2)}.px-project-browser,.px-revisions,.px-account,.px-deleted-project{display:flex;flex-direction:column;gap:var(--sp-3)}.px-project-browser__actions,.px-project-browser__footer,.px-account__actions,.px-deleted-project__actions,.px-revisions__row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.px-project-browser__list,.px-revisions__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.px-project-browser__row,.px-revisions__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:var(--border-w) solid var(--border)}.px-project-browser__row:last-child,.px-revisions__row:last-child{border-bottom:none}.px-project-browser__meta{display:flex;flex-direction:column;gap:var(--sp-1);flex:1 1 12ch;min-width:0}.px-project-browser__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-project-browser__subtitle{font-size:var(--text-xs);color:var(--ink-dim)}.px-project-browser__rename-form{display:flex;min-width:0}.px-project-browser__rename-form input{width:100%;min-width:0}.px-project-browser__thumb,.px-project-browser__thumb-placeholder{flex:none;width:var(--hit);height:var(--hit);object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-2)}.px-project-browser__footer{justify-content:space-between;font-size:var(--text-xs);color:var(--ink-dim)}.px-account__warning-title{margin:0;color:var(--danger)}.px-account__signin>.px-btn{align-self:flex-end}.px-account>.px-btn{align-self:flex-start}.px-account__uuid-box,.px-account__uuid-inline{font-family:var(--font-mono);overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.px-account__uuid-box{padding:var(--sp-2);background:var(--bg-2);border-radius:var(--radius-1)}.px-revisions__row{justify-content:space-between}.px-install-steps{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-1) var(--sp-3);margin:0}.px-install-steps__row{display:contents}.px-install-steps dt{color:var(--ink-dim)}.px-install-steps dd{margin:0}@media(max-width:420px){.px-install-steps{grid-template-columns:1fr}.px-install-steps dd{margin-bottom:var(--sp-2)}}.px-lospec{display:flex;flex-direction:column;gap:var(--sp-3)}.px-lospec__count{max-width:8rem}.px-lospec__suggestions{display:flex;flex-direction:column;list-style:none;margin:0;padding:var(--sp-1);background:var(--bg-2);border-radius:var(--radius-1);max-height:240px;overflow-y:auto}.px-lospec__suggestion{display:block;width:100%;min-height:var(--hit);padding:var(--sp-2);background:transparent;border:0;border-radius:var(--radius-1);color:var(--ink);cursor:pointer;text-align:left}@media(hover:hover){.px-lospec__suggestion:hover{background:var(--fill-hover)}}.px-lospec__suggestion:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.px-lospec__suggestion-author{color:var(--ink-muted);font-size:var(--text-xs)}.px-lospec__selected{display:flex;flex-direction:column;gap:var(--sp-1)}.px-lospec__selected-label{font-size:var(--text-xs);color:var(--ink-muted)}.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);padding:0 var(--sp-3);background:var(--fill-hover);border:none;border-radius:var(--radius-1);color:var(--ink);font-size:var(--text-sm);cursor:pointer}.px-lospec__chip[data-active]{background:var(--accent-soft);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);background:var(--danger-soft);border-radius:var(--radius-1);color:var(--danger)}.px-lospec__banner{margin:0;padding:var(--sp-2);background:var(--accent-soft);border-radius:var(--radius-1);color:var(--ink);font-size:var(--text-sm)}.px-lospec__empty{text-align:center;padding:var(--sp-4);color:var(--ink-muted)}.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:none;border-radius:var(--radius-1);cursor:pointer;text-align:left;color:var(--ink)}.px-lospec-card__bar{display:flex;height:32px;width:100%;border-radius:var(--radius-sm);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);color:var(--ink-muted)}.px-lospec-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.px-lospec-card__tag{font-size:var(--text-xs);padding:0 var(--sp-1);background:var(--fill-hover);border-radius:var(--radius-sm);color:var(--ink-muted)}.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(--bg-3);height:12px}.px-lospec-card--skeleton .px-lospec-card__bar{height:32px}@keyframes px-lospec-shimmer{0%,to{opacity:.6}50%{opacity:1}}