*{box-sizing:border-box}html{min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}body{min-height:100%;margin:0;overflow-x:hidden}button{color:inherit;font:inherit}button,.hex-cell{-webkit-tap-highlight-color:transparent}.hex-cell:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,.hex-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}#root{min-height:100%}:root{--color-bg: #f8f5ef;--color-panel: #fffdf8;--color-panel-strong: #f0eee6;--color-text: #2d2a24;--color-muted: #706a60;--color-border: #d8d0c4;--color-cell-empty: #fffaf0;--color-cell-stroke: #b8b0a5;--color-focus: #496f83;--color-shadow: rgba(71, 61, 46, .16);--radius-control: 8px;--dock-height: 168px}.app-shell{display:grid;grid-template-rows:auto auto auto;width:100%;min-height:100dvh;max-width:100%;overflow:visible;padding:18px 14px max(14px,env(safe-area-inset-bottom))}.app-header{position:relative;z-index:40;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 2px 12px}.title-stack{display:grid;gap:6px;min-width:0}h1{margin:0;font-size:1.6rem;font-weight:800;line-height:1}.project-name-input{width:auto;max-width:min(240px,60vw);border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-muted);font:inherit;font-size:.95rem;padding:5px 0}.project-name-row{display:flex;align-items:center;gap:6px;width:fit-content;min-width:0}.project-name-input:focus{border-color:var(--color-border);background:#fffdf8a8;outline:none;padding-inline:8px}.project-edit-button{min-height:auto;border:0;background:transparent;color:var(--color-focus);font:inherit;font-size:.76rem;font-weight:500;padding:2px 3px;text-decoration:none}.project-save-status{border:1px solid rgba(184,176,165,.56);border-radius:999px;color:var(--color-muted);font-size:.68rem;font-weight:750;line-height:1;padding:4px 7px;white-space:nowrap}.project-save-status[data-status=saved]{border-color:#496f833d;background:#f1f8f89e;color:var(--color-focus)}.project-save-status[data-status=unsaved]{background:#fffdf89e}.project-export-status{border:1px solid rgba(73,111,131,.24);border-radius:999px;background:#f1f8f89e;color:var(--color-focus);font-size:.68rem;font-weight:750;line-height:1;padding:4px 7px;white-space:nowrap}.project-export-status[data-status=error]{border-color:#c9656747;background:#fff1eeb8;color:#9f4e4d}.project-menu-wrap{position:relative;z-index:1;display:grid;align-self:start;justify-self:end}.header-actions{display:flex;align-items:start;justify-content:flex-end;gap:8px;min-width:0}.view-toggle{display:flex;align-items:center;min-width:0;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:#fffdf89e;box-shadow:0 1px 2px #473d2e14;padding:3px}.view-toggle button{min-width:0;min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--color-muted);font:inherit;font-size:.78rem;font-weight:650;padding:0 9px}.view-toggle button[data-selected=true]{background:#f1f8f8d1;color:var(--color-text);box-shadow:0 0 0 1px #496f831f}.mobile-view-toggle-row{display:none}.project-menu-button{display:grid;place-items:center;min-width:38px;min-height:38px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:#fffdf89e;color:var(--color-focus);font:inherit;font-size:1.05rem;font-weight:650;line-height:1;padding:0 8px;box-shadow:0 1px 2px #473d2e14}.project-menu-button svg{display:block}.project-menu-button:hover,.project-menu-button[aria-expanded=true]{border-color:#496f838a;background:#f1f8f8b8}.project-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;display:grid;gap:2px;width:max-content;min-width:190px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:0 10px 26px #2d2a2429,0 1px 5px var(--color-shadow);padding:7px}.project-menu button{display:flex;align-items:center;justify-content:flex-start;min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--color-text);font:inherit;font-size:.94rem;font-weight:700;line-height:1.1;padding:0 14px;text-align:left;white-space:nowrap}.project-menu button:hover,.project-menu button:focus-visible{background:#f1f8f8b8}.project-menu button:disabled{cursor:not-allowed;opacity:.45}.design-wall-context-menu{position:fixed;z-index:50;display:grid;gap:2px;width:min(238px,calc(100vw - 24px));border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:0 10px 26px #2d2a2429,0 1px 5px var(--color-shadow);padding:7px}.design-wall-context-menu button{display:flex;align-items:center;justify-content:flex-start;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--color-text);font:inherit;font-size:.86rem;font-weight:700;line-height:1.1;padding:0 12px;text-align:left}.design-wall-context-menu button:hover:not(:disabled),.design-wall-context-menu button:focus-visible{background:#f1f8f8b8}.design-wall-context-menu button:disabled{cursor:not-allowed;opacity:.44}.workspace-stage{display:grid;min-width:0;gap:10px}.canvas-shell{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.52) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.52) 1px,transparent 1px),#ebe5d9;background-size:22px 22px,22px 22px,auto;box-shadow:inset 0 1px 18px #40382c14;touch-action:none}.hex-canvas{display:block;width:100%;height:100%;max-width:100%;min-height:420px}.canvas-shell[data-workspace=wall]{align-self:start;aspect-ratio:1.22}.canvas-shell[data-workspace=wall] .hex-canvas{min-height:0}.canvas-shell[data-workspace=motif]{align-self:start;justify-self:center;width:min(100%,72vh,760px);aspect-ratio:1}.canvas-shell[data-workspace=motif] .hex-canvas{min-height:0}.canvas-toolbar{display:none}.repeat-preview-shell{display:grid;place-items:stretch;position:relative;min-height:min(72dvh,640px);cursor:grab}.repeat-preview-shell[data-panning=true]{cursor:grabbing}.design-wall-shell{position:relative;display:grid;min-height:min(72dvh,680px);background:#ebe5d9}.design-wall-shell[data-panning=true]{cursor:grabbing}.design-wall-shell[data-pan-area=true] .design-wall-canvas{cursor:grab}.design-wall-shell[data-panning=true] .design-wall-canvas{cursor:grabbing}.design-wall-canvas{display:block;width:100%;height:100%;max-width:100%;min-height:0;-webkit-user-select:none;user-select:none}.design-wall-view-controls{grid-template-columns:38px minmax(58px,auto) 38px}.design-wall-view-controls button[data-selected=true]{background:#f1f8f8eb;color:var(--color-focus);box-shadow:0 0 0 1px #496f8329}.design-wall-summary{position:absolute;right:10px;bottom:10px;z-index:2;max-width:calc(100% - 20px);border:1px solid rgba(216,208,196,.76);border-radius:var(--radius-control);background:#fffdf8e0;color:var(--color-muted);font-size:.74rem;font-weight:750;line-height:1.2;padding:8px 10px;box-shadow:0 2px 8px #473d2e1f}.repeat-canvas{display:block;width:100%;height:100%;max-width:100%;min-height:0;-webkit-user-select:none;user-select:none}.repeat-view-controls{position:absolute;top:10px;left:10px;z-index:2;display:grid;grid-template-columns:38px minmax(58px,auto) 38px;align-items:center;gap:6px;min-width:0;border:1px solid rgba(216,208,196,.76);border-radius:var(--radius-control);background:#fffdf8d1;box-shadow:0 2px 8px #473d2e1f;padding:5px}.repeat-view-controls button{display:grid;place-items:center;min-width:0;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--color-text);font:inherit;font-size:.78rem;font-weight:750;padding:0 10px}.repeat-view-controls button:hover,.repeat-view-controls button:focus-visible{background:#f1f8f8d1}.repeat-cell{stroke:#5b534894;stroke-width:1;vector-effect:non-scaling-stroke}.repeat-tile-bound{fill:transparent;stroke:#496f8357;stroke-dasharray:5 5;stroke-width:1;vector-effect:non-scaling-stroke}.repeat-empty{display:grid;place-items:center;min-height:420px;padding:24px}.repeat-empty p{width:min(100%,260px);margin:0;color:var(--color-muted);font-size:.96rem;line-height:1.4;text-align:center}.hex-cell{cursor:pointer;stroke:var(--color-cell-stroke);stroke-width:1.15;transition:filter .12s ease,stroke-width .12s ease,transform .12s ease;vector-effect:non-scaling-stroke}.hex-cell:hover,.hex-cell[data-preview-target=true],.hex-cell[data-active-color=true]{filter:brightness(1.03) saturate(1.04);stroke-width:1.8}.erase-preview-cell{fill:#fffdf86b}.rotate-preview-cell{fill:#f1f8f86b}.canvas-shell[data-workspace=motif] .hex-cell[data-filled=false]{fill:#fffaf000;stroke:#b8b0a500;stroke-width:.9}.canvas-shell[data-workspace=motif] .hex-cell[data-center=true][data-filled=false]{fill:#fffdf847;stroke:#496f837a;stroke-dasharray:4 5;stroke-width:1.2}.canvas-shell[data-workspace=motif] .hex-cell[data-filled=false]:hover,.canvas-shell[data-workspace=motif] .hex-cell[data-filled=false][data-preview-target=true]{fill:#fffaf08a;stroke:#b8b0a5bd;stroke-width:1.35}.control-dock{display:grid;min-width:0;gap:10px;padding-top:12px}.motif-zoom-controls{display:grid;grid-template-columns:44px minmax(68px,1fr) 44px;align-items:center;gap:8px;min-width:0}.motif-zoom-controls button{display:grid;place-items:center;min-height:38px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:var(--color-panel);color:var(--color-text);font:inherit;font-size:.8rem;font-weight:650;box-shadow:0 1px 2px #473d2e14}.motif-zoom-controls button:disabled{cursor:not-allowed;opacity:.42}.new-project-dialog{gap:14px}.new-project-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:#fffdf8b8;padding:3px}.design-wall-setup-fields{display:grid;gap:12px;min-width:0}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;min-width:0}.field-pair-with-note{row-gap:5px}.field-note-left{grid-column:1}.design-wall-setup-note{margin-top:-2px}.checkbox-field{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--color-text);font-size:.84rem;font-weight:750;line-height:1.2}.checkbox-field input{width:18px;height:18px;margin:0;accent-color:var(--color-focus)}.export-dialog{gap:14px}.export-options{display:grid;gap:12px}.export-access-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#f1f8f885;padding:12px}.export-access-panel p{margin:3px 0 0;color:var(--color-muted);font-size:.82rem;font-weight:600;line-height:1.3}.export-access-kicker{color:var(--color-focus);font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.export-fieldset{display:grid;gap:10px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:12px}.export-fieldset legend{color:var(--color-muted);font-size:.76rem;font-weight:800;padding:0 4px}.export-print-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.export-print-settings[data-disabled=true]{opacity:.58}.radio-field{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--color-text);font-size:.84rem;font-weight:750;line-height:1.2}.radio-field input{width:18px;height:18px;margin:0;accent-color:var(--color-focus)}.checkbox-field input:disabled+span,.radio-field input:disabled+span{color:var(--color-muted);opacity:.62}.send-wall-preview-panel{display:grid;gap:8px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:10px}.send-wall-preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:var(--color-muted);font-size:.74rem;font-weight:750;line-height:1.15}.send-wall-preview-header output{color:var(--color-text);text-align:right}.send-wall-preview{overflow:hidden;min-width:0;border:1px solid rgba(216,208,196,.68);border-radius:7px;background:#f8f3ea}.send-wall-preview-canvas{display:block;width:100%;height:100%}.new-project-type button{min-width:0;min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--color-muted);font:inherit;font-size:.84rem;font-weight:750;padding:0 10px}.new-project-type button[data-selected=true]{background:#f1f8f8d1;color:var(--color-text);box-shadow:0 0 0 1px #496f831f}.repeat-controls{display:grid;gap:10px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:10px}.repeat-control-group{display:grid;gap:6px}.repeat-control-label,.repeat-slider-label span{color:var(--color-muted);font-size:.72rem;font-weight:750;line-height:1.15}.repeat-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:#fffdf8b8;padding:3px}.repeat-segmented button,.bounds-toggle{min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--color-muted);font:inherit;font-size:.78rem;font-weight:650;padding:0 8px}.repeat-segmented button[data-selected=true],.bounds-toggle[data-selected=true]{background:#f1f8f8d1;color:var(--color-text);box-shadow:0 0 0 1px #496f831f}.repeat-slider-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.repeat-slider-label{display:grid;gap:8px;min-width:0}.repeat-slider-header{min-width:0}.repeat-slider-control{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:8px;min-width:0}.repeat-slider-value{display:grid;place-items:center;min-width:0;min-height:30px;border:1px solid rgba(216,208,196,.78);border-radius:6px;background:#fffdf8b8;color:var(--color-text);font-size:.72rem;font-weight:750;line-height:1}.repeat-reset-button{display:grid;place-items:center;min-width:0;min-height:30px;border:1px solid rgba(216,208,196,.78);border-radius:6px;background:#fffdf8b8;color:var(--color-muted);font:inherit;padding:0}.repeat-reset-button:hover:not(:disabled),.repeat-reset-button:focus-visible{background:#f1f8f8d1;color:var(--color-text)}.repeat-reset-button:disabled{cursor:not-allowed;opacity:.45}.repeat-slider-label input{width:100%;min-width:0;min-height:32px;accent-color:var(--color-focus)}.repeat-control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,.45fr);gap:8px}.repeat-spacing-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.repeat-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px;min-width:0}.repeat-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(164px,1fr));gap:10px;min-width:0}.repeat-stepper{display:grid;gap:6px;min-width:0}.repeat-stepper-controls{display:grid;grid-template-columns:38px minmax(58px,1fr) 38px;align-items:center;gap:6px;min-width:0}.repeat-stepper-controls button{min-width:0;min-height:38px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:var(--color-panel);color:var(--color-text);font:inherit;font-weight:750;box-shadow:0 1px 2px #473d2e14}.repeat-stepper-controls button:disabled{cursor:not-allowed;opacity:.42}.repeat-stepper-controls output{display:grid;place-items:center;min-height:38px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:var(--radius-control);background:#fffdf8c7;color:var(--color-text);font-size:.82rem;font-weight:650;line-height:1;white-space:nowrap;padding:0 6px;text-align:center}.bounds-toggle{border:1px solid rgba(216,208,196,.78);background:#fffdf8b8}.repeat-send-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.repeat-send-button:disabled{cursor:not-allowed;opacity:.42}.repeat-control-row.single-action{grid-template-columns:minmax(0,1fr)}.motif-library-backdrop{position:fixed;inset:0;display:grid;align-items:end;background:#2d2a2447;z-index:18}.motif-library{display:grid;gap:10px;width:min(100%,560px);max-height:min(72vh,680px);justify-self:end;overflow:auto;border:1px solid var(--color-border);border-radius:8px 0 0;background:var(--color-panel);box-shadow:-18px -8px 42px #2d2a242e;padding:14px}.motif-library-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.motif-library-header h2{font-size:1.08rem}.motif-library-actions{display:flex;gap:8px}.motif-library-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:#fffdf8b8;padding:3px}.motif-library-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--color-muted);font:inherit;font-size:.82rem;font-weight:750;padding:0 8px}.motif-library-tabs button[data-selected=true]{background:#f1f8f8d1;color:var(--color-text);box-shadow:0 0 0 1px #496f831f}.motif-library-tabs span{display:grid;place-items:center;min-width:24px;min-height:22px;border-radius:999px;background:#ebe5d9e0;color:var(--color-muted);font-size:.72rem;line-height:1;padding:0 6px}.motif-library-tabs button[data-selected=true] span{background:#fffdf8eb;color:var(--color-text)}.motif-library-list{display:grid;gap:6px}.motif-library-item{display:grid;gap:7px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:5px}.motif-library-item[data-active=true],.motif-library-item[data-selected=true]{border-color:#496f838f;background:#f1f8f89e}.motif-library-item-summary{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:56px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;padding:4px;text-align:left}.motif-library-item-summary:hover,.motif-library-item-summary:focus-visible{background:#fffdf8a8}.motif-library-thumbnail{display:block;width:58px;height:46px;border:1px solid rgba(216,208,196,.72);border-radius:6px;background:var(--color-board)}.motif-library-cell{stroke:#5b534894;stroke-width:.9;vector-effect:non-scaling-stroke}.motif-library-item-copy{display:grid;gap:4px;min-width:0}.motif-library-empty{margin:0}.motif-library-item-name{overflow:hidden;color:var(--color-text);font-size:.94rem;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.motif-library-item-meta,.motif-library-empty{color:var(--color-muted);font-size:.82rem}.motif-library-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.motif-library-current{border:1px solid rgba(73,111,131,.24);border-radius:999px;background:#fffdf8c2;color:var(--color-focus);font-size:.68rem;font-weight:750;line-height:1;padding:4px 7px;text-transform:uppercase}.motif-library-item-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 4px 4px}.motif-library-rename{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:0 4px 4px}.motif-library-rename .text-input{min-height:38px}.motif-library-empty{border:1px dashed rgba(184,176,165,.76);border-radius:8px;padding:18px;text-align:center}.hexie-inventory-backdrop{position:fixed;inset:0;display:grid;align-items:end;background:#2d2a2447;z-index:18}.hexie-inventory{display:grid;gap:10px;width:min(100%,620px);max-height:min(76vh,720px);justify-self:end;overflow:auto;border:1px solid var(--color-border);border-radius:8px 0 0;background:var(--color-panel);box-shadow:-18px -8px 42px #2d2a242e;padding:14px}.hexie-inventory-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.hexie-inventory-header h2{font-size:1.08rem}.hexie-inventory-header-actions{display:flex;gap:8px}.hexie-inventory-header-actions .small-button{padding-inline:12px}.hexie-inventory-list{display:grid;gap:6px}.hexie-inventory-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:5px}.hexie-inventory-entry[data-selected=true]{border-color:#496f838f;background:#f1f8f89e}.hexie-inventory-summary{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:52px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;padding:4px;text-align:left}.hexie-inventory-overview-actions{display:grid;grid-template-columns:auto auto auto;gap:7px}.hexie-inventory-overview-actions .small-button{min-height:38px;padding-inline:12px}.hexie-inventory-summary:hover,.hexie-inventory-summary:focus-visible{background:#fffdf8a8}.hexie-inventory-summary-swatch,.hexie-inventory-swatch{display:grid;place-items:center;border:1px solid rgba(216,208,196,.78);border-radius:7px;background:var(--color-board);overflow:hidden}.hexie-inventory-summary-swatch{width:42px;height:42px}.hexie-inventory-swatch{width:76px;min-height:76px;align-self:stretch}.hexie-inventory-summary-swatch span,.hexie-inventory-texture,.hexie-inventory-color{display:block;width:100%;height:100%;min-height:100%;background-position:center;background-size:cover}.hexie-inventory-summary-copy{display:grid;gap:4px;min-width:0}.hexie-inventory-summary-name{overflow:hidden;color:var(--color-text);font-size:.94rem;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hexie-inventory-summary-meta{color:var(--color-muted);font-size:.82rem}.hexie-inventory-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;padding:0 4px 4px}.hexie-inventory-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(84px,.7fr) 58px;gap:8px;min-width:0}.hexie-inventory-color-input{width:100%;min-width:0;min-height:38px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-panel);padding:4px}.hexie-inventory-texture-row,.hexie-inventory-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:2;gap:8px}.hexie-inventory-empty{display:grid;gap:12px;border:1px dashed rgba(184,176,165,.76);border-radius:8px;padding:18px;text-align:center}.hexie-inventory-empty p{margin:0;color:var(--color-muted);font-size:.9rem}.piece-details-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#2d2a2457;padding:20px;z-index:20}.piece-details{display:grid;grid-template-columns:minmax(176px,.62fr) minmax(0,1.38fr);gap:10px 12px;width:min(780px,calc(100vw - 40px));max-height:min(86vh,760px);overflow:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:0 18px 58px #2d2a243d;padding:12px 14px}.piece-details-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1 / -1;align-items:center;gap:10px}.piece-name-input{min-width:0;min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text);font:inherit;font-size:1.14rem;font-weight:800;padding:0 6px}.piece-name-input:focus{border-color:#496f837a;background:#fffdf8b8;outline:0}.piece-details-preview-wrap{display:grid;place-items:center;align-self:start;min-width:0;border:1px solid rgba(216,208,196,.78);border-radius:8px;background:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),var(--color-board);background-size:22px 22px;padding:10px}.piece-details-preview{display:block;width:min(100%,218px);aspect-ratio:172 / 152}.piece-details-preview-outline{fill:none;stroke:#5b534899;stroke-width:2;vector-effect:non-scaling-stroke}.piece-measure-fields,.piece-stock-fields{display:grid;align-items:start;gap:8px;min-width:0}.piece-measure-fields{grid-template-columns:minmax(0,1fr) minmax(140px,.75fr)}.piece-stock-fields{grid-template-columns:minmax(112px,.6fr) 84px}.piece-details-editor{display:grid;gap:12px;min-width:0;align-self:start}.piece-size-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:6px}.piece-details .text-input,.piece-details .hexie-inventory-color-input{min-height:36px;height:36px;font-size:.82rem}.piece-field-note{color:var(--color-muted);font-size:.66rem;font-weight:600;line-height:1.2}.piece-texture-panel{display:grid;gap:8px;min-width:0;align-self:start}.piece-texture-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--color-muted);font-size:.82rem;font-weight:750}.piece-texture-actions{display:flex;gap:6px}.piece-texture-controls{display:grid;gap:8px;min-width:0}.piece-texture-empty{margin:0;border:1px dashed rgba(184,176,165,.76);border-radius:8px;color:var(--color-muted);font-size:.86rem;padding:10px 12px}.swatch-panel{display:grid;gap:10px;min-width:0}.stamp-panel{display:grid;min-width:0;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:10px}.stamp-empty{display:grid;align-items:center;min-height:38px;border:1px solid rgba(216,208,196,.72);border-radius:7px;background:#fffcf7a3;color:var(--color-muted);font-size:.86rem;font-weight:650;padding:0 9px}.swatch-bar{display:grid;grid-template-columns:repeat(5,minmax(64px,1fr));gap:8px}.swatch-button,.tool-button,.icon-button{min-width:0;min-height:44px;border-radius:var(--radius-control);background:var(--color-panel)}.swatch-button{border:1px solid var(--color-border);box-shadow:0 1px 4px var(--color-shadow)}.tool-button,.icon-button{border:1px solid rgba(216,208,196,.78);box-shadow:0 1px 2px #473d2e14}.swatch-button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 7px;padding:8px;text-align:left}.swatch-button[data-selected=true]{border-color:var(--color-focus);background:#f1f8f8;box-shadow:0 0 0 2px #496f8329,0 1px 4px var(--color-shadow)}.swatch-button[data-overused=true]{border-color:#9e4f4894}.tool-button[data-selected=true]{border-color:#496f83bd;background:#f1f8f8b8;box-shadow:0 0 0 1px #496f8324}.swatch-chip{width:24px;height:24px;border:1px solid rgba(45,42,36,.3);border-radius:50%;background-position:center;background-size:cover;grid-row:span 2}.swatch-name{min-width:0;overflow:hidden;font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.swatch-count{color:var(--color-muted);font-size:.78rem}.swatch-editor{display:grid;grid-template-columns:minmax(0,1.35fr) 68px minmax(74px,.85fr);gap:8px;align-items:end;border:1px solid rgba(216,208,196,.72);border-radius:8px;background:#fffdf8b8;padding:10px}.swatch-name-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;min-width:0}.swatch-save-inventory-button{display:grid;place-items:center;min-width:0;min-height:38px;border:1px solid rgba(216,208,196,.78);border-radius:7px;background:var(--color-panel);color:var(--color-focus);font:inherit;box-shadow:0 1px 2px #473d2e14}.swatch-save-inventory-button:hover,.swatch-save-inventory-button:focus-visible{background:#f1f8f8d1}.swatch-save-inventory-button[data-saved=true]{border-color:#496f8347;background:#f1f8f89e;color:var(--color-focus);opacity:1}.swatch-save-inventory-button:disabled{cursor:default}.field-label{display:grid;gap:5px;color:var(--color-muted);font-size:.72rem;font-weight:700;line-height:1.15}.text-input,.color-trigger{min-width:0;min-height:38px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-panel);color:var(--color-text);font:inherit;font-size:.92rem}.text-input{padding:0 9px}.color-trigger{display:grid;place-items:center;padding:0 8px}.color-trigger-swatch{width:24px;height:24px;border:1px solid rgba(45,42,36,.26);border-radius:50%}.fabric-field{grid-column:1 / -1}.fabric-texture-row{display:grid;grid-template-columns:54px minmax(0,1.35fr) minmax(0,1fr);gap:8px;min-width:0}.fabric-texture-preview{display:grid;place-items:center;min-width:0;min-height:44px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-panel);color:var(--color-muted);font:inherit;font-size:.72rem;font-weight:750;overflow:hidden;padding:0}.fabric-texture-thumb{width:100%;height:100%;min-height:44px;background-position:center;background-size:cover}.fabric-texture-empty{padding:0 6px}.fabric-texture-action{min-height:44px}.fabric-controls{display:grid;grid-column:1 / -1;gap:10px;padding:10px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-card);background:#fffcf794}.fabric-control{display:grid;gap:7px;min-width:0;color:var(--color-muted);font-size:.78rem;font-weight:750}.fabric-control-row{display:grid;grid-template-columns:minmax(0,1fr) 40px 38px;align-items:center;gap:8px}.fabric-control-row input[type=range]{width:100%;min-width:0;min-height:32px;accent-color:var(--color-focus)}.fabric-control-value,.fabric-control-row button{display:grid;place-items:center;min-width:0;min-height:34px;border:1px solid rgba(216,208,196,.78);border-radius:7px;background:var(--color-panel);color:var(--color-text);font:inherit;font-size:.82rem;font-weight:750}.fabric-control-value{width:100%;padding:0 4px;text-align:center;appearance:textfield;-moz-appearance:textfield}.fabric-control-value::-webkit-outer-spin-button,.fabric-control-value::-webkit-inner-spin-button{margin:0;appearance:none}.fabric-control-row button{cursor:pointer;color:var(--color-muted)}.fabric-control-row button:hover:not(:disabled),.fabric-control-row button:focus-visible{background:#f1f8f8d1;color:var(--color-text)}.fabric-control-row button:disabled{cursor:not-allowed;opacity:.45}.visually-hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.swatch-usage{grid-column:1 / -1;margin:0;color:var(--color-muted);font-size:.82rem}.swatch-usage[data-overused=true]{color:#833a35;font-weight:750}.swatch-editor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1;gap:8px}.swatch-add-menu-wrap{position:relative;display:grid;min-width:0}.swatch-add-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:12;display:grid;gap:2px;min-width:min(170px,72vw);border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:0 12px 28px #2d2a2429,0 1px 5px var(--color-shadow);padding:6px}.swatch-add-menu button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--color-text);font:inherit;font-size:.84rem;font-weight:700;padding:0 10px;text-align:left}.swatch-add-menu button:hover,.swatch-add-menu button:focus-visible{background:#f1f8f8b8}.small-button{min-height:38px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:var(--color-panel);color:var(--color-text);font:inherit;font-weight:650;box-shadow:0 1px 2px #473d2e14}.small-button:disabled{cursor:not-allowed;opacity:.42}.color-picker{display:grid;gap:10px}.color-picker-overlay{position:fixed;inset:0;display:grid;align-items:end;background:#2d2a2447;z-index:30}.color-picker-sheet{width:100%;max-height:min(68vh,620px);overflow:auto;border:1px solid var(--color-border);border-radius:8px 8px 0 0;background:var(--color-panel);box-shadow:0 -14px 36px #2d2a2433;padding:10px 12px 12px}.color-picker-sheet:before{display:block;width:38px;height:4px;margin:0 auto 9px;border-radius:999px;background:#706a6042;content:""}.color-picker-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.color-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.color-text-button,.color-save-button{min-height:36px;border-radius:var(--radius-control);font:inherit;font-weight:650;padding:0 12px}.color-text-button{border:0;background:transparent;color:var(--color-muted)}.color-save-button{border:1px solid rgba(73,111,131,.54);background:#f1f8f8d1;color:var(--color-text);box-shadow:0 1px 2px #473d2e14}.color-preview{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;min-width:0;gap:12px}.color-preview-hex{display:block;width:64px;height:56px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);box-shadow:inset 0 0 0 1px #2d2a243d,0 1px 4px #473d2e1f}.color-preview span:last-child{display:grid;gap:4px;min-width:0}.color-preview strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.color-preview span span{color:var(--color-muted);font-size:.82rem}.suggested-colors{display:grid;grid-template-columns:repeat(8,minmax(24px,1fr));gap:6px;padding-block:3px 5px}.suggested-color{width:100%;min-width:0;min-height:28px;border:1px solid rgba(45,42,36,.24);border-radius:999px;box-shadow:inset 0 1px #ffffff61}.suggested-color[data-selected=true]{border-color:var(--color-focus);box-shadow:0 0 0 2px #496f832e,inset 0 1px #ffffff61}.color-plane{position:relative;min-height:128px;overflow:hidden;border:1px solid rgba(45,42,36,.24);border-radius:8px;background:#fffdf89e;touch-action:none}.color-plane-fill{position:absolute;inset:1px;border-radius:7px;pointer-events:none}.color-plane-thumb{position:absolute;z-index:1;width:17px;height:17px;border:2px solid #fffdf8;border-radius:50%;box-shadow:0 0 0 1px #2d2a24a8,0 2px 6px #2d2a2442;transform:translate(-50%,-50%)}.hue-field{grid-column:1 / -1}.hue-slider{width:100%;min-height:30px;accent-color:var(--color-focus)}.toolbar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,.8fr);min-width:0;gap:8px}.toolbar[data-has-stamp=true]{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-button,.icon-button{display:inline-grid;grid-template-columns:auto minmax(0,auto);align-items:center;justify-content:center;gap:6px;padding:0 8px;color:var(--color-text);font-weight:650;white-space:normal}.tool-letter-icon{display:grid;place-items:center;min-width:18px;min-height:18px;border:1.7px solid currentColor;border-radius:999px;font-size:.72rem;font-weight:850;line-height:1}.symmetry-trigger[data-selected=true]{border-color:#496f83bd;background:#f1f8f8b8;box-shadow:0 0 0 1px #496f8324}.symmetry-trigger svg{display:block;margin:0 auto}.symmetry-popover-backdrop{position:fixed;inset:0;display:grid;align-items:end;background:#2d2a2447;z-index:25}.symmetry-popover{display:grid;width:100%;gap:14px;border:1px solid var(--color-border);border-radius:8px 8px 0 0;background:var(--color-panel);box-shadow:0 -14px 36px #2d2a2433;padding:10px 12px 12px}.symmetry-popover:before{display:block;width:38px;height:4px;margin:0 auto 2px;border-radius:999px;background:#706a6042;content:""}.symmetry-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.symmetry-header-actions{display:flex;align-items:center;gap:8px}.symmetry-header-actions [data-selected=true]{color:var(--color-text)}.symmetry-popover-header h2{font-size:1.15rem}.symmetry-section{display:grid;gap:7px}.symmetry-section h3{margin:0;color:var(--color-muted);font-size:.76rem;font-weight:750;line-height:1}.symmetry-options{display:grid;gap:8px}.mirror-options{grid-template-columns:repeat(3,minmax(0,1fr))}.radial-options{grid-template-columns:repeat(2,minmax(0,1fr))}.symmetry-option{min-height:44px;border:1px solid rgba(216,208,196,.78);border-radius:var(--radius-control);background:var(--color-panel);color:var(--color-text);font:inherit;font-size:.82rem;font-weight:650;padding:0 6px;box-shadow:0 1px 2px #473d2e14}.symmetry-option[data-selected=true]{border-color:#496f83bd;background:#f1f8f8b8;box-shadow:0 0 0 1px #496f8324}.icon-button:disabled{cursor:not-allowed;opacity:.42}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#2d2a2457;z-index:20}.confirm-dialog{display:grid;width:min(100%,360px);gap:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:0 18px 44px #2d2a2438,0 1px 5px var(--color-shadow);padding:18px}h2{margin:0;font-size:1.3rem;line-height:1.1}.dialog-copy{margin:0;color:var(--color-muted);font-size:.98rem;line-height:1.45}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-button{min-width:0;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:0 1px 4px var(--color-shadow);font-weight:750}.dialog-button.secondary{background:var(--color-panel-strong)}.dialog-button.danger{border-color:#9e4f488f;background:#fff1ed;color:#833a35}@media(max-width:720px){.app-shell{padding-top:14px}.app-header{align-items:start;gap:10px}.project-menu-wrap{transform:translateY(-8px)}.desktop-view-toggle{display:none}h1{white-space:nowrap}.project-name-row{width:fit-content}.header-actions{justify-content:flex-end}.mobile-view-toggle-row{display:block}.mobile-view-toggle-row .view-toggle{width:100%}.mobile-view-toggle-row .view-toggle button{flex:1;font-size:.72rem;padding:0 7px}.swatch-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch-editor{grid-template-columns:minmax(0,1fr) 58px minmax(68px,.8fr)}.swatch-button{justify-items:center;padding:8px 4px;text-align:center}.swatch-chip{grid-column:1 / -1;grid-row:auto}.swatch-name{max-width:100%;grid-column:1 / -1;font-size:.72rem}.swatch-count{display:none}.toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,.8fr)}.toolbar[data-has-stamp=true]{grid-template-columns:repeat(4,minmax(0,1fr))}.repeat-slider-grid,.repeat-step-grid,.repeat-preview-grid{grid-template-columns:1fr;gap:8px}.motif-library{width:100%;max-height:76vh;border-radius:8px 8px 0 0}.hexie-inventory{width:100%;max-height:78vh;border-radius:8px 8px 0 0}.motif-library-header,.motif-library-item,.hexie-inventory-header,.hexie-inventory-entry{grid-template-columns:1fr}.motif-library-actions,.motif-library-item-actions,.hexie-inventory-header-actions{display:grid}.motif-library-actions,.hexie-inventory-header-actions{grid-template-columns:1fr 1fr}.motif-library-item-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:721px)and (max-width:899px){.app-shell[data-view-mode=work][data-workspace=motif] .canvas-shell[data-workspace=motif]{justify-self:stretch;width:100%;aspect-ratio:1.28}}@media(max-width:440px){.app-shell{padding-inline:10px}h1{font-size:clamp(1.14rem,5.2vw,1.24rem)}.motif-library-item-summary{grid-template-columns:48px minmax(0,1fr);gap:8px}.motif-library-thumbnail{width:48px;height:38px}.motif-library-item-actions{grid-template-columns:1fr 1fr}.motif-library-rename,.new-project-type,.field-pair{grid-template-columns:1fr}.field-note-left{grid-column:1}.hexie-inventory-item{grid-template-columns:56px minmax(0,1fr)}.hexie-inventory-swatch{width:56px;min-height:56px}.hexie-inventory-fields{grid-template-columns:minmax(0,1fr) 72px 48px}.hexie-inventory-texture-row,.hexie-inventory-actions{grid-column:1 / -1}.hexie-inventory-overview-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.piece-details-backdrop{align-items:end;padding:12px}.piece-details{grid-template-columns:1fr;width:100%;max-height:88vh;border-radius:8px 8px 0 0;padding:12px}.piece-details-preview-wrap,.piece-details-editor{grid-column:1}.piece-measure-fields,.piece-stock-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-texture-header{grid-template-columns:1fr}.piece-texture-actions{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:520px){.piece-measure-fields,.piece-stock-fields{grid-template-columns:1fr}}@media(max-width:360px){h1{font-size:1.12rem}}@media(min-width:900px){h1{font-size:2.6rem}.app-shell{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto;gap:14px;padding:24px}.app-shell[data-view-mode=repeat]{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-shell[data-view-mode=work][data-workspace=motif]{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0}.app-shell[data-view-mode=work][data-workspace=design-wall]{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-shell[data-view-mode=repeat] .repeat-preview-shell,.app-shell[data-view-mode=repeat] .workspace-stage{min-height:0;height:100%}.app-shell[data-view-mode=work][data-workspace=motif] .workspace-stage,.app-shell[data-view-mode=work][data-workspace=design-wall] .workspace-stage{grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%}.app-header{grid-column:1 / -1}.workspace-stage{align-self:start}.app-shell[data-view-mode=work][data-workspace=motif] .canvas-shell[data-workspace=motif]{justify-self:stretch;width:100%;height:100%;aspect-ratio:auto}.app-shell[data-view-mode=work][data-workspace=design-wall] .design-wall-shell{height:100%;min-height:0}.app-shell[data-view-mode=work][data-workspace=motif] .canvas-toolbar,.app-shell[data-view-mode=work][data-workspace=design-wall] .canvas-toolbar{display:block}.app-shell[data-view-mode=work][data-workspace=motif] .sidebar-toolbar,.app-shell[data-view-mode=work][data-workspace=design-wall] .sidebar-toolbar{display:none}.hexie-inventory-backdrop{align-items:center;justify-items:center;padding:36px}.hexie-inventory{width:min(940px,calc(100vw - 72px));max-height:min(84vh,760px);justify-self:center;border-radius:8px;box-shadow:0 18px 58px #2d2a243d;padding:16px}.control-dock{align-self:stretch;align-content:start;padding-top:0}.swatch-bar{grid-template-columns:1fr}.swatch-editor{grid-template-columns:1fr 68px}.swatch-editor .field-label:first-child,.swatch-editor .field-label:nth-child(3){grid-column:1 / -1}.color-picker-overlay{align-items:start;justify-items:end;padding:108px 24px 24px;background:transparent;pointer-events:none}.color-picker-sheet{width:320px;max-height:calc(100vh - 132px);border-radius:8px;box-shadow:0 18px 44px #2d2a242e,0 1px 5px var(--color-shadow);padding:12px;pointer-events:auto}.color-picker-sheet:before{display:none}.suggested-colors{grid-template-columns:repeat(6,minmax(28px,1fr))}.color-plane{min-height:128px}.toolbar{grid-template-columns:1fr}.app-shell[data-view-mode=work][data-workspace=design-wall] .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-view-mode=work][data-workspace=design-wall] .control-dock{overflow:auto;min-height:0;padding-right:2px}.app-shell[data-view-mode=work][data-workspace=design-wall] .swatch-button{grid-template-columns:32px minmax(0,1fr);min-height:54px;padding:7px 9px}.app-shell[data-view-mode=work][data-workspace=design-wall] .swatch-chip{width:24px;height:24px}.app-shell[data-view-mode=work][data-workspace=design-wall] .swatch-editor{gap:8px;padding:8px}.app-shell[data-view-mode=work][data-workspace=design-wall] .fabric-controls{gap:7px;padding:8px}.app-shell[data-view-mode=work][data-workspace=design-wall] .fabric-control{gap:4px;font-size:.72rem}.app-shell[data-view-mode=work][data-workspace=design-wall] .fabric-control-row{grid-template-columns:minmax(0,1fr) 48px 34px;gap:6px}.app-shell[data-view-mode=work][data-workspace=design-wall] .fabric-control-value,.app-shell[data-view-mode=work][data-workspace=design-wall] .fabric-control-row button{min-height:30px}.app-shell[data-view-mode=work][data-workspace=motif] .canvas-toolbar .toolbar{grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell[data-view-mode=work][data-workspace=design-wall] .canvas-toolbar .toolbar{grid-template-columns:repeat(7,minmax(0,1fr))}.symmetry-popover-backdrop{align-items:end;justify-items:end;padding:24px;background:transparent;pointer-events:none}.symmetry-popover{width:320px;border-radius:8px;box-shadow:0 18px 44px #2d2a242e,0 1px 5px var(--color-shadow);pointer-events:auto}.symmetry-popover:before{display:none}}@media(prefers-reduced-motion:no-preference){.color-picker-overlay{animation:color-overlay-in .18s ease-out}.color-picker-sheet{animation:color-sheet-in .22s cubic-bezier(.2,.8,.2,1)}.symmetry-popover-backdrop{animation:color-overlay-in .18s ease-out}.symmetry-popover{animation:color-sheet-in .22s cubic-bezier(.2,.8,.2,1)}}@media(min-width:900px)and (prefers-reduced-motion:no-preference){.color-picker-sheet,.symmetry-popover{animation:color-popover-in .16s cubic-bezier(.2,.8,.2,1)}}@keyframes color-overlay-in{0%{background:#2d2a2400}}@keyframes color-sheet-in{0%{opacity:.96;transform:translateY(18px)}}@keyframes color-popover-in{0%{opacity:0;transform:translateY(4px) scale(.985)}}