*,*:before,*:after{box-sizing:border-box}:root{--ui-scale: 1}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--fg);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font:inherit;color:inherit}[data-theme]{transition:background-color .22s ease,color .22s ease}html.theme-switching,html.theme-switching *{transition:none!important}[data-theme=dusk]{--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-display: "Inter", system-ui, sans-serif;--display-weight: 600;--display-tracking: -.02em;--bg-app: #0f1014;--bg-chrome: #15161c;--bg-panel: #1a1c24;--bg-panel-2: #20232d;--bg-canvas: #0a0b0f;--bg-input: #0e0f14;--fg: #d8dae3;--fg-dim: #8b8fa0;--fg-mute: #565b6c;--fg-strong: #ffffff;--border: #262934;--border-2: #2f3340;--hover: #242734;--active-bg: #2b3247;--accent: #7fe6c7;--accent-fg: #062018;--accent-soft: rgba(127, 230, 199, .14);--warn: #f4b860;--danger: #ef6b6b;--link: #82b8ff;--grid-line: rgba(255,255,255,.05);--grid-tile: rgba(127, 230, 199, .12);--shadow-1: 0 1px 0 rgba(255,255,255,.03), 0 6px 18px rgba(0,0,0,.45);--shadow-pop: 0 14px 40px rgba(0,0,0,.55), 0 0 0 1px var(--border-2);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px}[data-theme=atelier]{--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-display: "Fraunces", Georgia, serif;--display-weight: 600;--display-tracking: -.01em;--bg-app: #f3ede0;--bg-chrome: #ebe3d1;--bg-panel: #fbf6ea;--bg-panel-2: #f5efe0;--bg-canvas: #fffaf0;--bg-input: #fbf6ea;--fg: #2b251c;--fg-dim: #6b5f4d;--fg-mute: #9d937f;--fg-strong: #1a1610;--border: #ddd2b8;--border-2: #c9bd9e;--hover: #e4dcc6;--active-bg: #d8cca7;--accent: #b65a37;--accent-fg: #fff7eb;--accent-soft: rgba(182, 90, 55, .12);--warn: #c98b1d;--danger: #b6432a;--link: #2f6b9a;--grid-line: rgba(43, 37, 28, .08);--grid-tile: rgba(182, 90, 55, .18);--shadow-1: 0 1px 0 rgba(255,255,255,.5), 0 4px 14px rgba(80, 60, 30, .1);--shadow-pop: 0 14px 40px rgba(80, 60, 30, .18), 0 0 0 1px var(--border-2);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px}[data-theme=arcade]{--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-display: "VT323", "JetBrains Mono", monospace;--display-weight: 400;--display-tracking: .01em;--bg-app: #0b0d1f;--bg-chrome: #11132b;--bg-panel: #161936;--bg-panel-2: #1d2143;--bg-canvas: #060715;--bg-input: #0c0e23;--fg: #e3e5ff;--fg-dim: #8b8fb8;--fg-mute: #525677;--fg-strong: #ffffff;--border: #232753;--border-2: #2f3470;--hover: #1f2348;--active-bg: #2a2f63;--accent: #5eead4;--accent-fg: #03241e;--accent-soft: rgba(94, 234, 212, .16);--warn: #fcd34d;--danger: #f472b6;--link: #93c5fd;--grid-line: rgba(94, 234, 212, .07);--grid-tile: rgba(94, 234, 212, .18);--shadow-1: 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.55);--shadow-pop: 0 14px 40px rgba(0,0,0,.7), 0 0 0 1px var(--border-2);--radius-sm: 2px;--radius: 3px;--radius-lg: 4px}.app{height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg-app)}.kbd{font-family:var(--font-mono);font-size:10px;padding:2px 5px;border-radius:3px;background:var(--bg-input);border:1px solid var(--border);color:var(--fg-dim);display:inline-block;line-height:1}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}.divider-v{width:1px;background:var(--border);align-self:stretch}.divider-h{height:1px;background:var(--border)}.btn{height:28px;padding:0 10px;border-radius:var(--radius);background:var(--bg-panel-2);border:1px solid var(--border);color:var(--fg);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .12s,border-color .12s,transform 80ms}.btn:hover{background-color:var(--hover);border-color:var(--border-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.07);background-color:var(--accent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-dim)}.btn.ghost:hover{background-color:var(--hover);color:var(--fg)}.btn.sm{height:22px;padding:0 7px;font-size:11px}.btn.icon{width:28px;padding:0;justify-content:center}.btn.icon.sm{width:22px;height:22px}.lucide{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[data-theme=arcade] .lucide{stroke-width:1.8}.tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--fg-dim);border:1px solid transparent;position:relative;cursor:pointer;transition:color .12s,background-color .12s}.tool-btn:hover{color:var(--fg);background-color:var(--hover)}.tool-btn.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 35%,transparent)}.tool-btn .kbd-overlay{position:absolute;right:3px;bottom:2px;font-family:var(--font-mono);font-size:9px;color:var(--fg-mute);pointer-events:none}.tool-btn.active .kbd-overlay{color:color-mix(in oklab,var(--accent) 70%,transparent)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim)}[data-theme=atelier] .panel-h{font-family:var(--font-display);text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--fg)}[data-theme=arcade] .panel-h{font-family:var(--font-display);font-size:18px;text-transform:none;letter-spacing:.02em;color:var(--accent)}.input{height:26px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);padding:0 8px;font-size:12px;outline:none;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.stepper{display:inline-flex;height:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);overflow:hidden}.stepper input{width:46px;border:0;background:transparent;text-align:center;font-family:var(--font-mono);font-size:11px;outline:none}.stepper button{width:22px;color:var(--fg-dim);border-left:1px solid var(--border)}.stepper button:hover{background:var(--hover);color:var(--fg)}.segmented{display:inline-flex;padding:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.segmented button{height:22px;padding:0 9px;font-size:11px;font-weight:500;color:var(--fg-dim);border-radius:3px;display:inline-flex;align-items:center;gap:4px}.segmented button.active{background:var(--bg-panel-2);color:var(--fg);box-shadow:var(--shadow-1)}.view-pill{display:inline-flex;padding:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.view-pill button{height:22px;padding:0 10px;font-size:11px;font-weight:600;color:var(--fg-dim);border-radius:3px;cursor:pointer}.view-pill button.active{background:var(--accent);color:var(--accent-fg)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.scroll::-webkit-scrollbar-track{background:transparent}.checker{background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}[data-theme=atelier] .checker{background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.05) 75%)}.pixelated,canvas.pixelated,img.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.px-accent{display:inline-block;width:6px;height:6px;background:var(--accent)}[data-theme=arcade] .px-accent{box-shadow:0 0 8px var(--accent)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:var(--bg-panel-2);color:var(--fg);border:1px solid var(--border-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);font-size:11px;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;transition:opacity 90ms ease;transition-delay:0s}[data-tooltip]:hover:after{opacity:1;transition-delay:.12s}.app-main{position:relative;overflow:hidden;min-height:0;background:var(--bg-app)}.topbar{background:var(--bg-chrome);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;position:relative;z-index:5;zoom:var(--ui-scale);container:topbar / inline-size}.topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:44px;padding:0 12px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-right{justify-content:flex-end}@container topbar (max-width: 1320px){.brand-name,.save-status-when{display:none}.doc-name.input.borderless{width:108px}}@container topbar (max-width: 1180px){.topbar .btn-label,.save-trigger .save-caret{display:none}.doc-name.input.borderless{width:88px}}@container topbar (max-width: 1100px){.topbar .mode-tab-label{display:none}.topbar .mode-tab{padding:0 10px}}@container topbar (max-width: 900px){.doc-name.input.borderless,.topbar-left .divider-v{display:none}.topbar .save-status>span{display:none}.topbar-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right" "tabs tabs";height:auto;min-height:44px;padding:4px 10px 6px;row-gap:4px}.topbar-left{grid-area:left}.topbar-right{grid-area:right}.mode-tabs{grid-area:tabs;justify-self:center;max-width:100%;overflow-x:auto}}@container topbar (max-width: 600px){.topbar .canvas-size,.topbar-right .divider-v{display:none}}@container topbar (max-width: 430px){.topbar .export-btn{display:none}}.doc-name.input.borderless{border:0;border-left:2px solid var(--accent);background:transparent;width:150px;height:26px;padding:0 6px 0 8px;font-size:12px;font-weight:500;color:var(--fg-strong);border-radius:var(--radius)}.doc-name.input.borderless:hover{background:var(--hover)}.doc-name.input.borderless:focus{border-left-color:transparent;background:var(--bg-input);box-shadow:0 0 0 2px var(--accent-soft)}.save-menu{position:relative;display:inline-flex}.save-trigger .save-caret{opacity:.55;margin-left:-2px;transition:transform .16s ease}.save-menu:hover .save-trigger .save-caret,.save-menu:focus-within .save-trigger .save-caret{transform:rotate(180deg)}.save-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:156px;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:200;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top left;pointer-events:none;transition:opacity .15s ease,transform .15s cubic-bezier(.2,.9,.25,1)}.save-dropdown:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}.save-menu:hover .save-dropdown,.save-menu:focus-within .save-dropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.save-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;background:transparent;border-radius:var(--radius-sm);color:var(--fg-dim);font-size:12px;text-align:left;white-space:nowrap;cursor:pointer;transition:background .11s,color .11s}.save-item:hover{background:var(--hover);color:var(--fg)}.save-item .lucide{color:var(--fg-mute);flex:none}.save-item:hover .lucide{color:var(--accent)}.brand{display:flex;align-items:center;gap:8px;padding:0 6px;height:32px;border-radius:var(--radius)}.brand:hover{background:var(--hover)}.brand-name{font-size:14px;letter-spacing:-.01em}[data-theme=atelier] .brand-name{font-size:16px}[data-theme=arcade] .brand-name{font-size:18px}.pf-logo{display:block}.mode-tabs{display:inline-flex;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:2px}.mode-tab{height:28px;padding:0 12px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;color:var(--fg-dim);font-size:12px;font-weight:500}.mode-tab:hover{color:var(--fg)}.mode-tab.active{background:var(--bg-panel-2);color:var(--fg-strong);box-shadow:var(--shadow-1)}.mode-tab .tab-sub{color:var(--fg-mute);font-weight:400;margin-left:-2px}[data-theme=arcade] .mode-tab.active{color:var(--accent);background:var(--bg-input)}.topbar-sweep-line{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,transparent,var(--accent));pointer-events:none;z-index:1}[data-theme=arcade] .topbar-sweep-line{box-shadow:0 0 10px var(--accent)}.topbar-sweep-line.play{animation:topbarSweep 2.6s cubic-bezier(.4,0,.2,1) forwards}@keyframes topbarSweep{0%{transform:scaleX(0);opacity:1}24%{transform:scaleX(1);opacity:1}85%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.save-status{display:inline-flex;align-items:center;gap:7px;margin-left:2px;font-size:11.5px;color:var(--fg-dim);white-space:nowrap}.save-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.save-status.saving .save-status-dot{background:var(--warn)}.save-status-dot.pulse{animation:dotPulse .9s ease}@keyframes dotPulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}60%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.save-status-saved b{color:var(--fg);font-weight:600;animation:flashFg .6s ease}@keyframes flashFg{0%,to{color:var(--fg)}40%{color:var(--accent)}}.save-status-when{color:var(--fg-mute)}.canvas-size{position:relative;display:inline-flex;align-items:center;gap:2px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:2px;height:28px}.canvas-size-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--fg-dim)}.canvas-size-btn:hover{background:var(--hover);color:var(--fg)}.canvas-size-value{height:22px;padding:0 8px;border-radius:4px;color:var(--fg);font-size:11px;letter-spacing:.02em}.canvas-size-value:hover{background:var(--hover)}.canvas-size-pop{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:12px;z-index:200;display:flex;flex-direction:column;gap:10px}.canvas-size-pop-head{font-size:12px;font-weight:600;color:var(--fg-strong)}.canvas-size-pop-fields{display:flex;align-items:flex-end;gap:8px}.canvas-size-pop-fields label{display:flex;flex-direction:column;gap:4px;flex:1}.canvas-size-pop-fields label span{font-size:10px;font-weight:600;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.04em}.canvas-size-pop-fields input{width:100%;height:30px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;font-size:13px;color:var(--fg-strong);font-variant-numeric:tabular-nums}.canvas-size-pop-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-size-x{padding-bottom:7px;color:var(--fg-mute)}.canvas-size-note{font-size:10.5px;line-height:1.4;color:var(--fg-mute);margin:0}.canvas-size-apply{align-self:stretch;justify-content:center}.canvas-size-anchor{display:grid;grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:2px;padding:3px;margin-bottom:1px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;align-self:flex-end}.canvas-size-anchor-cell{border-radius:2px;background:var(--border)}.canvas-size-anchor-cell:hover{background:var(--fg-mute)}.canvas-size-anchor-cell.active{background:var(--accent)}.canvas-size-fit{justify-content:center}.sheet-export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:color-mix(in oklab,var(--bg-app) 60%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.sheet-export{width:min(860px,100%);max-height:100%;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden}.sheet-export-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--fg-strong)}.sheet-export-body{display:flex;gap:14px;padding:14px;min-height:0}.sheet-export-opts{width:250px;flex:none;display:flex;flex-direction:column;gap:14px}.sheet-export-group{display:flex;flex-direction:column;gap:6px}.sheet-export-label{font-size:10px;font-weight:600;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.04em}.sheet-export-radio{display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--fg);cursor:pointer}.sheet-export-radio input{accent-color:var(--accent)}.sheet-export-radio em{color:var(--fg-mute);font-style:normal}.sheet-export-hint{font-size:10.5px;line-height:1.4;color:var(--fg-mute);margin:0}.sheet-export-cols{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--fg-mute)}.sheet-export-cols input{width:64px;height:26px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;font-size:12px;color:var(--fg-strong);font-variant-numeric:tabular-nums}.sheet-export-scale{display:flex;gap:6px}.sheet-export-meta{margin-top:auto}.sheet-export-preview{flex:1;min-width:0;overflow:auto;background:conic-gradient(var(--bg-panel-2) 90deg,transparent 90deg 180deg,var(--bg-panel-2) 180deg 270deg,transparent 270deg) 0 0 / 16px 16px,var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px;max-height:60vh}.sheet-export-preview img{display:block;image-rendering:pixelated;max-width:100%}.sheet-export-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--border)}.sheet-export-stats{font-size:11px;color:var(--fg-mute)}.launcher{height:100%;background:radial-gradient(1200px 600px at 80% -10%,var(--accent-soft),transparent 60%),var(--bg-app)}.launcher-inner{max-width:980px;margin:0 auto;padding:56px 32px 80px}.launcher-hero{display:flex;align-items:center;flex-direction:column;gap:14px;margin-bottom:48px;text-align:center}.launcher-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);color:var(--fg)}.launcher-title{font-size:56px;line-height:1;margin:0;color:var(--fg-strong)}[data-theme=atelier] .launcher-title{font-size:64px;font-style:italic}[data-theme=arcade] .launcher-title{font-size:78px;color:var(--accent);text-shadow:0 0 24px var(--accent-soft)}.launcher-tag{color:var(--fg-dim);font-size:15px;margin:0}.launcher-section{margin-top:36px}.launcher-section-h{font-size:18px;margin:0 0 14px;color:var(--fg)}[data-theme=arcade] .launcher-section-h{font-size:26px}.launcher-section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.searchbox{display:flex;align-items:center;gap:6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;width:240px;height:28px;color:var(--fg-dim)}.searchbox .input.borderless{border:0;background:transparent;height:100%;padding:0;font-size:12px}.new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.new-grid{grid-template-columns:repeat(2,1fr)}}.new-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:border-color .16s,transform .16s,background-color .16s;position:relative}.new-card:hover{border-color:var(--card-accent, var(--accent));transform:translateY(-2px);background:var(--bg-panel)}.new-card-preview{height:110px;background:var(--bg-canvas);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.new-card-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--card-accent, var(--accent))}.new-card-badge{position:absolute;top:8px;right:8px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;letter-spacing:.05em}.new-card-body{padding:12px}.new-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.new-card-kind{font-size:10px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em}.new-card-title{font-size:18px;color:var(--fg-strong)}[data-theme=atelier] .new-card-title{font-size:20px}[data-theme=arcade] .new-card-title{font-size:22px}.new-card-desc{font-size:12px;color:var(--fg-dim);margin-top:4px;line-height:1.45}.pmc{display:grid;border:1px solid var(--border);background:var(--bg-canvas)}.mini-tileset{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);gap:2px}.mini-tileset .mini-tile{border:1px solid rgba(0,0,0,.4)}.import-tile{display:flex;align-items:center;gap:6px}.import-tile-grid{display:grid;grid-template-columns:repeat(6,6px);grid-template-rows:repeat(6,6px);background:var(--bg-app)}.import-tile-grid>div{width:6px;height:6px}.import-arrow{color:var(--fg-mute)}.recent-list{list-style:none;padding:0;margin:0}.recent-row{display:grid;grid-template-columns:16px 1.2fr .8fr 1fr 1fr 16px;gap:14px;align-items:center;padding:10px 14px;border-radius:var(--radius);cursor:pointer;color:var(--fg-dim);font-size:13px}.recent-row:hover{background:var(--bg-panel);color:var(--fg)}.recent-swatch{width:12px;height:12px;border-radius:3px}.recent-name{color:var(--fg);font-weight:500}.recent-kind{color:var(--fg-dim);font-size:11px}.recent-size{color:var(--fg-mute)}.recent-date{color:var(--fg-mute);font-size:11px}.launcher-foot{margin-top:48px;display:flex;align-items:center;gap:8px;color:var(--fg-mute);font-size:11px}.launcher-foot .dot{margin:0 2px}.launcher-foot .link{color:var(--fg-dim);text-decoration:none}.launcher-foot .link:hover{color:var(--accent)}.editor{height:100%;display:grid}.sprite-editor{grid-template-columns:calc(48px * var(--ui-scale)) 1fr calc(280px * var(--ui-scale))}.atlas-editor{grid-template-columns:calc(240px * var(--ui-scale)) 1fr calc(260px * var(--ui-scale))}.preview-editor{grid-template-columns:calc(220px * var(--ui-scale)) 1fr calc(260px * var(--ui-scale))}.editor>.editor-canvas-col{display:grid;grid-template-rows:calc(36px * var(--ui-scale)) 1fr auto;background:var(--bg-app);min-width:0;overflow:hidden}.editor-right,.atlas-left,.atlas-right,.preview-left,.preview-right{background:var(--bg-chrome);border-left:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:10px;min-height:0;position:relative;z-index:2;overflow:auto;zoom:var(--ui-scale)}.editor>.editor-canvas-col>.sprite-stage-wrap{display:grid;grid-template-rows:1fr auto;min-height:0}.editor>.editor-canvas-col>.sprite-stage-wrap>.sprite-stage{background:var(--bg-app);position:relative;overflow:hidden;min-height:0}.atlas-left,.preview-left{border-left:0;border-right:1px solid var(--border)}.sprite-toolbar{background:var(--bg-chrome);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;zoom:var(--ui-scale)}.toolbar-divider{height:1px;width:24px;background:var(--border);margin:6px 0}.tool-slot{position:relative;display:flex}.tool-mode-dot{position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:1px;background:var(--accent);pointer-events:none}.tool-flyout{position:absolute;left:100%;top:0;margin-left:7px;display:none;flex-direction:column;gap:1px;min-width:150px;padding:5px;background:var(--bg-panel-2);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-1);z-index:60}.tool-flyout:before{content:"";position:absolute;left:-9px;top:0;width:9px;height:100%}.tool-slot:hover .tool-flyout{display:flex}.flyout-title{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-mute);padding:2px 6px 4px}.flyout-item{display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:var(--radius-sm);font-size:12px;color:var(--fg-dim);white-space:nowrap;cursor:pointer;text-align:left}.flyout-item:hover{background:var(--hover);color:var(--fg)}.flyout-item.active{color:var(--accent);background:var(--accent-soft)}.flyout-item .lucide{flex:none}.flyout-kbd{color:var(--fg-mute);font-family:var(--font-mono);font-size:10px}.flyout-ic{position:relative;display:inline-flex;width:15px;height:15px;flex:none}.flyout-fillmark{position:absolute;right:-2px;bottom:-1px;width:7px;height:7px;border-radius:1px;background:#ffd166;border:1px solid var(--bg-panel-2)}.flyout-hint{font-size:10px;color:var(--fg-mute);padding:4px 6px 2px;max-width:160px;white-space:normal;line-height:1.3}.canvas-toprow{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-chrome);border-bottom:1px solid var(--border);gap:12px;zoom:var(--ui-scale)}.canvas-toprow .view-controls,.grow-controls{display:flex;align-items:center;gap:8px}.grow-hint{font-size:10px}.canvas-foot{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-chrome);border-top:1px solid var(--border);font-size:11px;color:var(--fg-dim);zoom:var(--ui-scale)}.zoom-controls{display:flex;align-items:center;gap:4px}.zoom-value{width:60px;text-align:center;color:var(--fg)}.canvas-status{display:flex;align-items:center;gap:6px}.canvas-status .dot{color:var(--fg-mute)}.sprite-stage{position:relative;overflow:hidden;touch-action:none;background:radial-gradient(800px 400px at 50% 40%,color-mix(in oklab,var(--accent) 5%,transparent),transparent),var(--bg-app)}.sprite-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.sprite-frame{position:relative;box-shadow:var(--shadow-pop);outline:1px solid var(--border-2)}.canvas-resize-handle{position:absolute;width:10px;height:10px;border-radius:2px;background:var(--bg-panel);border:1.5px solid var(--fg-mute);z-index:5;touch-action:none}.canvas-resize-handle:hover,.canvas-resize-handle:active{border-color:var(--accent);background:var(--accent-soft)}.handle-n{top:-14px;left:50%;margin-left:-5px}.handle-s{bottom:-14px;left:50%;margin-left:-5px}.handle-w{left:-14px;top:50%;margin-top:-5px}.handle-e{right:-14px;top:50%;margin-top:-5px}.handle-nw{top:-14px;left:-14px}.handle-ne{top:-14px;right:-14px}.handle-sw{bottom:-14px;left:-14px}.handle-se{bottom:-14px;right:-14px}.canvas-resize-preview{position:absolute;border:1.5px dashed var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent);pointer-events:none;z-index:4}.canvas-resize-badge{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:4px;background:var(--bg-panel);border:1px solid var(--border-2);color:var(--fg-strong);font-size:11px;white-space:nowrap}.sprite-rulers-h,.sprite-rulers-v{position:absolute;pointer-events:none;color:var(--fg-mute)}.sprite-rulers-h{left:50%;top:50%;transform:translate(-50%,calc(-50% - 14px));height:12px}.sprite-rulers-v{left:50%;top:50%;transform:translate(calc(-50% - 14px),-50%);width:12px}.tick{position:absolute;font-size:9px;opacity:0}.tick.major{opacity:1}.sprite-rulers-h .tick{top:0}.sprite-rulers-v .tick{left:0}.panel-body{padding:10px}.panel-body.p0{padding:0}.form-row{display:grid;grid-template-columns:78px 1fr;gap:8px;align-items:center;margin-bottom:8px}.form-label{font-size:11px;color:var(--fg-dim);text-transform:none}.form-control{min-width:0}.row-actions{display:inline-flex;gap:2px}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-dim);cursor:pointer}.toggle-track{display:inline-block;width:28px;height:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;position:relative;transition:background-color .12s,border-color .12s}.toggle-track.on{background-color:var(--accent);border-color:transparent}.toggle-thumb{position:absolute;top:1px;left:1px;width:12px;height:12px;background:var(--fg-dim);border-radius:999px;transition:transform .14s,background-color .12s}.toggle-track.on .toggle-thumb{transform:translate(12px);background-color:var(--accent-fg)}[data-theme=arcade] .toggle-track,[data-theme=arcade] .toggle-thumb{border-radius:2px}.slider-wrap{display:flex;align-items:center;gap:8px}.slider-wrap input[type=range]{flex:1;accent-color:var(--accent)}.slider-val{font-size:10px;color:var(--fg-dim);width:36px;text-align:right}.small{font-size:10px}.dim{color:var(--fg-mute)}.btn.danger{background:color-mix(in oklab,var(--danger) 18%,transparent);border-color:color-mix(in oklab,var(--danger) 30%,transparent);color:var(--danger);justify-content:center}.btn.danger:hover{background:color-mix(in oklab,var(--danger) 28%,transparent)}.color-panel .color-current{display:flex;gap:10px;margin-bottom:10px}.color-swatch.big{width:48px;height:48px;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;position:relative;flex-shrink:0}button.color-swatch.big{padding:0;cursor:pointer;transition:border-color .12s,box-shadow .12s}button.color-swatch.big:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.color-fields{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.color-row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:6px}.color-row .input{height:22px;font-size:11px}.palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.palette-grid.small{grid-template-columns:repeat(5,1fr)}.swatch{aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.25);position:relative;cursor:pointer}.swatch:hover{transform:scale(1.08);z-index:1}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.swatch.transparent{background-image:linear-gradient(45deg,transparent 46%,var(--danger) 46%,var(--danger) 54%,transparent 54%);background-color:var(--bg-input)}.swatch.add{background:transparent;border:1px dashed var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--fg-mute)}.ramp-row{margin-top:10px;display:flex;align-items:center;gap:8px}.ramp-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;width:36px}.ramp{flex:1;display:flex;height:14px;border-radius:3px;overflow:hidden;border:1px solid var(--border)}.ramp span{flex:1}.layer-row{display:grid;grid-template-columns:24px 36px 1fr 24px;gap:8px;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border)}.layer-row:last-child{border-bottom:0}.layer-row:hover{background:var(--hover)}.layer-row.active{background:var(--accent-soft);position:relative}.layer-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.layer-eye,.layer-lock{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);border-radius:3px}.layer-eye:hover,.layer-lock:hover{background:var(--bg-input);color:var(--fg)}.layer-thumb{width:36px;height:36px;border:1px solid var(--border);border-radius:3px;overflow:hidden;background:var(--bg-canvas)}.layer-info{min-width:0}.layer-name{font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-name-input{height:18px;font-size:12px;padding:0 2px;width:100%;background:var(--bg-input);border:1px solid var(--accent);border-radius:3px;color:var(--fg)}.layer-meta{font-size:9px;margin-top:2px}.animations-panel{transition:box-shadow .2s ease}.animations-panel.flash{box-shadow:0 0 0 2px var(--accent),var(--shadow-1)}.anim-row{display:grid;grid-template-columns:10px 1fr 24px;gap:8px;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border);position:relative}.anim-row:last-child{border-bottom:0}.anim-row:hover{background:var(--hover)}.anim-row.active{background:var(--accent-soft)}.anim-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.anim-dot{width:10px;height:10px;border-radius:50%}.anim-info{min-width:0}.anim-name{font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anim-name-input{height:18px;font-size:12px;padding:0 2px;background:var(--bg-input);border:1px solid var(--accent);border-radius:3px;width:100%}.anim-meta{font-size:10px;margin-top:2px}.anim-del{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);border-radius:3px}.anim-del:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 20%,transparent);color:var(--danger)}.anim-del:disabled{opacity:.3;cursor:default}.anim-add-form{padding:8px 10px;border-top:1px solid var(--border);background:var(--bg-panel-2);display:flex;flex-direction:column;gap:6px}.anim-add-row{display:flex;align-items:center;gap:6px}.anim-color-input{width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;flex-shrink:0}.anim-color-input::-webkit-color-swatch-wrapper{padding:2px}.anim-color-input::-webkit-color-swatch{border:0;border-radius:2px}.anim-add-name{flex:1;height:22px;font-size:12px}.anim-add-hint{margin-top:2px}.tool-options{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.tool-options .dock-wh{background:var(--bg-panel-2)}.mirror-h{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}[data-theme=atelier] .mirror-h{text-transform:none;letter-spacing:0;font-family:var(--font-display);font-size:12px}.mirror-row{display:flex;gap:12px;margin-bottom:6px}.mirror-hint{font-size:10px}.preview-panel .preview-stage{width:100%;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:8px;padding:8px}.preview-controls{display:flex;align-items:center;gap:8px}.timeline{background:var(--bg-chrome);border-top:1px solid var(--border);display:grid;grid-template-rows:36px auto;zoom:var(--ui-scale)}.timeline-controls{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border)}.timeline-controls .divider-v{height:18px;margin:0 4px}.timeline-frames{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;background:var(--bg-app)}.frame-card{flex-shrink:0;width:80px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:border-color .12s,transform .12s}.frame-card:hover{border-color:var(--border-2)}.frame-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.frame-num{font-size:9px;padding:3px 6px;color:var(--fg-mute);background:var(--bg-panel-2);border-bottom:1px solid var(--border);letter-spacing:.05em}.frame-card.active .frame-num{color:var(--accent)}.frame-thumb{width:100%;aspect-ratio:1;background:var(--bg-canvas);position:relative}.frame-actions{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:3px;padding:4px;background:linear-gradient(to top,#000000b8,#0000);opacity:0;transition:opacity .1s ease;pointer-events:none}.frame-card:hover .frame-actions{opacity:1;pointer-events:auto}.frame-act{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff24;color:#fff}.frame-act:hover{background:var(--accent);color:var(--accent-fg)}.frame-act.paste{background:color-mix(in oklab,var(--accent) 35%,rgba(0,0,0,.4));color:#fff}.frame-act.paste:hover{background:var(--accent);color:var(--accent-fg)}.frame-tip{position:fixed;transform:translate(-50%,calc(-100% - 6px));padding:4px 8px;background:var(--bg-panel-2);color:var(--fg);border:1px solid var(--border-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);font-size:11px;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;z-index:2147483647}.frame-add{flex-shrink:0;width:56px;background:transparent;border:1px dashed var(--border-2);border-radius:var(--radius);color:var(--fg-mute);display:flex;align-items:center;justify-content:center}.frame-add:hover{border-color:var(--accent);color:var(--accent)}.onion-control{display:inline-flex;align-items:center;gap:6px}.tag-pill-wrap{position:relative;display:inline-flex}.tag-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;font-size:11px}.tag-pill.open{border-color:var(--accent)}.tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-name{color:var(--fg)}.tag-range{font-size:10px}.tag-menu{position:absolute;bottom:calc(100% + 4px);left:0;min-width:160px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0006;padding:4px;display:flex;flex-direction:column;gap:1px;z-index:200}.tag-menu-item{display:flex;align-items:center;gap:7px;width:100%;padding:4px 8px;border-radius:calc(var(--radius) - 1px);font-size:12px;color:var(--fg);text-align:left;white-space:nowrap}.tag-menu-item:hover{background:var(--bg-hover)}.tag-menu-item.active{background:var(--bg-active, var(--bg-hover));color:var(--accent)}.tag-menu-item.active .tag-dot{outline:2px solid var(--accent);outline-offset:1px}.tag-menu-item.muted{color:var(--fg-mute);font-size:11px}.tag-menu-name{flex:1}.tag-menu-sep{height:1px;background:var(--border);margin:3px 0}.atlas-center{display:grid;grid-template-rows:36px 1fr auto;background:var(--bg-app);min-width:0;overflow:hidden}.atlas-toprow{height:36px;background:var(--bg-chrome);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 12px}.atlas-toprow .divider-v{height:18px}.atlas-toprow .brush-controls{display:inline-flex;align-items:center;gap:6px}.level-stage{position:relative;overflow:hidden;touch-action:none;background:radial-gradient(800px 400px at 50% 50%,color-mix(in oklab,var(--accent) 5%,transparent),transparent),var(--bg-app)}.level-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.level-frame{position:relative;box-shadow:var(--shadow-pop);outline:1px solid var(--border-2)}.palette-section-h{padding:6px 2px;font-size:9px;letter-spacing:.1em;color:var(--fg-mute)}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.palette-group{margin-bottom:4px}.palette-group-h{display:flex;align-items:center;gap:6px;width:100%;padding:5px 4px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg-dim);cursor:pointer;text-align:left;transition:color .12s,background .12s}.palette-group-h:hover{color:var(--fg);background:var(--hover)}.palette-group-h .lucide{flex:none;color:var(--fg-mute)}.palette-group-name{flex:1;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:capitalize}.palette-group-count{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border)}.palette-group .tile-grid{margin:2px 0 6px}.tile-swatch-wrap{position:relative;display:flex}.tile-swatch{display:flex;flex-direction:column;gap:3px;align-items:center;padding:6px 4px;width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--fg-dim);transition:border-color .12s}.tile-del{position:absolute;top:2px;right:2px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--bg-panel);border:1px solid var(--border);color:var(--fg-mute);opacity:0;transition:opacity .1s,color .1s,border-color .1s}.tile-swatch-wrap:hover .tile-del{opacity:1}.tile-del:hover{color:#e0617a;border-color:#e0617a}.tile-swatch:hover{border-color:var(--border-2);color:var(--fg)}.tile-swatch.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tile-swatch canvas{border-radius:2px}.tile-name{font-size:9px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cluster-help{padding:6px 10px 8px;font-size:10px;line-height:1.4;border-bottom:1px solid var(--border)}.cluster-row{display:grid;grid-template-columns:14px 1fr auto auto auto;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer}.cluster-row .cluster-del{color:var(--fg-mute);opacity:0}.cluster-row:hover .cluster-del{opacity:1}.cluster-row .cluster-del:hover{color:#e0617a;border-color:#e0617a}.cluster-row:last-child{border-bottom:0}.cluster-row:hover{background:var(--hover)}.cluster-row.active{background:var(--accent-soft);position:relative}.cluster-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.cluster-color{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.3)}.cluster-name{font-size:12px;color:var(--fg)}.cluster-rank{font-size:10px}.minimap-wrap{border:1px solid var(--border);background:var(--bg-canvas);border-radius:var(--radius);overflow:hidden;padding:4px}.rule-grid{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:2px;margin:10px auto 0;width:max-content}.rule-cell{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center}.rule-cell.match{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.rule-cell.self{background:color-mix(in oklab,var(--accent) 22%,var(--bg-panel));border-color:var(--accent)}.cluster-kind-badge{margin-left:6px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:1px 4px;border-radius:3px;color:var(--accent);background:var(--accent-soft);vertical-align:middle}.rule-active-head{display:flex;align-items:center;gap:7px;margin-bottom:8px}.rule-grid.live{gap:2px;overflow:hidden}.rule-grid.live .rule-cell{overflow:hidden;padding:0}.rule-thumb,.rule-thumb-empty{display:flex;align-items:center;justify-content:center;line-height:0}.rule-thumb.inherited{opacity:.4}.rule-thumb-empty{width:60%;height:60%;border:1px dashed var(--border-2);border-radius:2px}.rule-inner-row{display:flex;gap:2px;justify-content:center;margin-top:4px}.rule-inner-row .rule-cell{width:22px;height:22px;overflow:hidden}.rule-edit-btn{width:100%;justify-content:center;margin-top:10px}.rule-hint{margin-top:8px;line-height:1.45}.rule-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:color-mix(in oklab,var(--bg-app) 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:rule-fade .14s ease}@keyframes rule-fade{0%{opacity:0}to{opacity:1}}.rule-modal{width:min(640px,100%);max-height:min(560px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;animation:cc-pop .16s cubic-bezier(.2,.9,.25,1)}.rule-head{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border)}.rule-head .cluster-color{width:16px;height:16px}.rule-title{font-size:14px;color:var(--fg);font-weight:600;flex:1}.rule-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--fg-dim)}.rule-close:hover{background:var(--hover);color:var(--fg)}.rule-body{display:flex;min-height:0;flex:1}.rule-left{flex:none;width:244px;padding:16px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.rule-right{flex:1;min-width:0;display:flex;flex-direction:column}.rule-slot-grid{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:4px}.rule-inner-head{margin:14px 0 6px;align-self:flex-start}.rule-inner-grid{display:grid;grid-template-columns:repeat(4,46px);gap:4px;align-self:flex-start}.rule-slot{position:relative;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .12s,box-shadow .12s}.rule-slot:hover{border-color:var(--border-2)}.rule-slot.fill{background:color-mix(in oklab,var(--accent) 10%,var(--bg-input))}.rule-slot.has{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.rule-slot.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),inset 0 0 0 1px var(--accent)}.rule-slot .rule-thumb.inherited{opacity:.32}.rule-inner-grid .rule-slot .rule-thumb canvas,.rule-inner-grid .rule-slot .rule-thumb-empty{width:30px!important;height:30px!important}.rule-glyph{position:absolute;width:12px;height:12px;border:2px solid var(--accent);opacity:.85;pointer-events:none}.rule-glyph.inNW{top:3px;left:3px;border-right:0;border-bottom:0}.rule-glyph.inNE{top:3px;right:3px;border-left:0;border-bottom:0}.rule-glyph.inSW{bottom:3px;left:3px;border-right:0;border-top:0}.rule-glyph.inSE{bottom:3px;right:3px;border-left:0;border-top:0}.rule-help{margin-top:14px;line-height:1.5;text-align:center;max-width:210px}.rule-picker-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid var(--border)}.rule-picker{padding:12px 14px;overflow-y:auto;align-content:start}.spr-import{width:max-content;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;animation:cc-pop .16s cubic-bezier(.2,.9,.25,1)}.spr-import .rule-head .lucide{color:var(--fg-dim);flex:none}.spr-import-body{padding:16px;display:flex;gap:16px;min-height:0}.spr-import-left{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}.spr-import-canvas{border:1px solid var(--border-2);border-radius:var(--radius);cursor:pointer;display:block}.spr-import-frames{display:flex;align-items:center;gap:8px}.spr-import-foot{text-align:center}.spr-import-right{width:248px;display:flex;flex-direction:column;gap:8px;min-height:0}.spr-import-list-h{display:flex;align-items:center;justify-content:space-between}.spr-import-list{flex:1;min-height:140px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);padding:6px}.spr-import-empty{text-align:center;padding:18px 0}.spr-import-row{display:flex;align-items:center;gap:6px}.spr-import-idx{width:14px;flex:none;text-align:center;font-size:10px;color:var(--fg-mute)}.spr-import-thumb{flex:none;line-height:0;border:1px solid var(--border);border-radius:3px;overflow:hidden}.spr-import-name{flex:1;min-width:0;height:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-size:11px;padding:0 6px;outline:none}.spr-import-name:focus{border-color:var(--accent)}.spr-import-x{flex:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;color:var(--fg-mute)}.spr-import-x:hover{color:#e0617a}.spr-import-tags{display:flex;flex-direction:column;gap:3px}.spr-import-tagin{height:26px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:11px;padding:0 8px;outline:none}.spr-import-tagin:focus{border-color:var(--accent)}.spr-import-add{width:100%;justify-content:center;gap:6px;height:32px}.preview-center{display:grid;grid-template-rows:36px 1fr auto;background:var(--bg-app);min-width:0;overflow:hidden}.preview-toprow{height:36px;background:var(--bg-chrome);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 12px}.preview-toprow .divider-v{height:18px}.preview-stage-wrap{position:relative;overflow:auto;background:radial-gradient(800px 400px at 50% 30%,color-mix(in oklab,var(--accent) 4%,transparent),transparent),var(--bg-app);display:flex;align-items:center;justify-content:center}.preview-canvas{outline:1px solid var(--border-2);box-shadow:var(--shadow-pop);cursor:pointer}.sprite-library-card{display:flex;gap:10px;align-items:center;padding:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:border-color .12s,transform .12s}.sprite-library-card:hover{border-color:var(--accent)}.sprite-library-card:active{cursor:grabbing;transform:scale(.98)}.library-thumb{width:56px;height:56px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-canvas);overflow:hidden}.library-meta{min-width:0}.library-name{font-size:13px;color:var(--fg);display:flex;align-items:center}.library-tags{font-size:10px;margin-top:2px}.library-hint{font-size:10px;line-height:1.4;padding:8px 0 0}.tag-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px}.tag-row:last-child{border-bottom:0}[data-accent-density=spicy] .px-accent{width:8px;height:8px}[data-accent-density=spicy] [data-theme=arcade] .px-accent{box-shadow:0 0 12px var(--accent)}[data-accent-density=spicy] .frame-card.active{box-shadow:0 0 0 2px var(--accent),0 0 18px var(--accent-soft)}[data-accent-density=spicy] .swatch.active{outline-width:2px;box-shadow:0 0 12px var(--accent)}.tweaks-fab{position:fixed;right:16px;bottom:16px;z-index:2147483645;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border);color:var(--fg-dim);box-shadow:var(--shadow-1);transition:color .12s,border-color .12s,transform .12s}.tweaks-fab:hover{color:var(--accent);border-color:var(--border-2);transform:translateY(-1px)}.cc-picker{position:fixed;z-index:140;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);color:var(--fg);-webkit-user-select:none;user-select:none;overflow:hidden;animation:cc-pop .16s cubic-bezier(.2,.9,.25,1)}@keyframes cc-pop{0%{transform:scale(.96)}to{transform:scale(1)}}.cc-picker.dragging{box-shadow:0 24px 60px #0009,0 0 0 1px var(--accent)}.cc-head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;border-bottom:1px solid var(--border);cursor:grab}.cc-head:active{cursor:grabbing}.cc-grip{display:grid;grid-template-columns:repeat(2,3px);gap:3px;flex:none}.cc-grip span{width:3px;height:3px;border-radius:50%;background:var(--fg-mute)}.cc-title{font-size:13px;color:var(--fg);flex:1}.cc-dock{display:flex;gap:3px}.cc-dock-btn{width:16px;height:16px;border-radius:3px;border:1px solid var(--border);background:var(--bg-input);position:relative;cursor:pointer}.cc-dock-btn:hover{border-color:var(--accent)}.cc-dock-btn span{position:absolute;width:6px;height:6px;border-radius:1px;background:var(--fg-mute)}.cc-dock-btn:hover span{background:var(--accent)}.cc-dock-btn.tl span{top:2px;left:2px}.cc-dock-btn.tr span{top:2px;right:2px}.cc-dock-btn.bl span{bottom:2px;left:2px}.cc-dock-btn.br span{bottom:2px;right:2px}.cc-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--fg-dim)}.cc-close:hover{background:var(--hover);color:var(--fg)}.cc-tabs{margin:10px 12px 0;display:flex}.cc-tabs button{flex:1;justify-content:center}.cc-preview{display:flex;align-items:center;gap:7px;padding:10px 12px}.cc-preview-sw{width:38px;height:38px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-2);flex:none}.cc-preview-sw i{display:block;width:100%;height:100%}.cc-hex-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-hex{height:26px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);padding:0 8px;font-size:13px;outline:none;width:100%;letter-spacing:.02em}.cc-hex:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cc-rgb{font-size:10px;padding-left:2px}.cc-icon-btn{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim)}.cc-icon-btn:hover:not(:disabled){color:var(--fg);border-color:var(--border-2)}.cc-icon-btn:disabled{opacity:.4;cursor:default}.cc-body{padding:0 12px}.cc-sv{width:100%;height:150px;border-radius:var(--radius);position:relative;cursor:crosshair;touch-action:none;border:1px solid var(--border)}.cc-ring{position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000073,0 1px 3px #0006;transform:translate(-50%,-50%);pointer-events:none}.cc-ring.sm{width:11px;height:11px;border-width:2px;box-shadow:0 0 0 1px #00000073}.cc-bar-wrap{display:flex;align-items:center;gap:8px;margin-top:12px}.cc-bar-label{font-size:10px;color:var(--fg-mute);width:10px;text-align:center;flex:none}.cc-bar{position:relative;flex:1;height:14px;border-radius:8px;cursor:pointer;touch-action:none}.cc-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 1px #00000040}.cc-bar-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0006;transform:translate(-50%,-50%);pointer-events:none;background:transparent}.cc-wheel-tab{display:flex;flex-direction:column}.cc-wheel{position:relative;margin:2px auto 0;cursor:crosshair;touch-action:none}.cc-disc-canvas{display:block;border-radius:50%}.cc-wheel-val{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#000;pointer-events:none}.cc-wheel-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cc-wheel-lines line{stroke:#ffffff8c;stroke-width:1}.cc-harmony-head{display:flex;align-items:center;gap:8px;margin-top:12px}.cc-harmony-sel{flex:1;height:26px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);padding:0 6px;font-size:11px;outline:none;cursor:pointer}.cc-harmony-sel:focus{border-color:var(--accent)}.cc-add-btn{height:26px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font-size:11px;font-weight:600;cursor:pointer;flex:none}.cc-add-btn:hover{filter:brightness(1.07)}.cc-harmony-row{display:flex;gap:5px;margin-top:8px}.cc-harmony-sw{flex:1;height:30px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.3);cursor:pointer}.cc-harmony-sw:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}.cc-tri-tab{display:flex;flex-direction:column}.cc-triangle{position:relative;margin:0 auto;touch-action:none}.cc-triangle canvas{display:block;cursor:crosshair}.cc-tri-label{position:absolute;font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--fg-dim);pointer-events:none}.cc-tri-light{left:2px;top:4px}.cc-tri-dark{left:2px;bottom:4px}.cc-tri-sat{right:2px;top:50%;transform:translateY(-50%)}.cc-footer{display:flex;align-items:center;gap:8px;padding:4px 12px 14px}.cc-footer .cc-bar-wrap{flex:1;margin-top:0}.cc-alpha-val{font-size:10px;width:32px;text-align:right}.cc-corner-hint{position:fixed;width:30px;height:30px;z-index:139;pointer-events:none;border:2px solid var(--fg-mute);border-radius:4px;opacity:.5;transition:opacity .12s,border-color .12s,box-shadow .12s}.cc-corner-hint.on{border-color:var(--accent);opacity:1;box-shadow:0 0 14px var(--accent-soft)}.cc-corner-hint.tl{border-right:0;border-bottom:0}.cc-corner-hint.tr{border-left:0;border-bottom:0}.cc-corner-hint.bl{border-right:0;border-top:0}.cc-corner-hint.br{border-left:0;border-top:0}.panel-section-h{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:6px}.stamp-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stamp-entry{display:flex;flex-direction:column;align-items:center;gap:2px}.stamp-thumb{width:48px;height:48px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-input);cursor:pointer;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .12s}.stamp-thumb:hover{border-color:var(--fg-dim)}.stamp-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.stamp-thumb canvas{display:block;image-rendering:pixelated}.stamp-entry-footer{display:flex;align-items:center;gap:2px;max-width:48px}.stamp-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;cursor:default}.stamp-actions{display:flex;flex-direction:column;gap:4px}.reference-panel .panel-body{display:flex;flex-direction:column}.sprite-info-card{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-panel-2);padding:9px;display:flex;flex-direction:column;gap:9px}.sprite-info-head{display:flex;align-items:center;gap:9px;min-width:0}.sprite-info-thumb{width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.sprite-info-thumb canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sprite-info-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.sprite-info-name{font-size:15px;color:var(--fg-strong);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite-name-input{width:100%;border:0;outline:0;padding:1px 4px;margin:-1px -4px;background:transparent;border-radius:var(--radius-sm);transition:background .12s ease,box-shadow .12s ease}.sprite-name-input:hover{background:var(--bg-input)}.sprite-name-input:focus{background:var(--bg-input);box-shadow:0 0 0 2px var(--accent-soft)}.sprite-name-input::placeholder{color:var(--fg-dim)}.sprite-info-sub{font-size:10px}.sprite-info-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.sprite-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;line-height:1;padding:4px 4px 4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);text-transform:lowercase;letter-spacing:.02em}.sprite-tag-x{display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;border-radius:999px;padding:1px}.sprite-tag-x:hover{opacity:1;background:color-mix(in oklab,var(--accent) 22%,transparent)}.sprite-tag-add{display:inline-flex;align-items:center;gap:2px;flex:1;min-width:72px}.sprite-tag-add input{flex:1;min-width:0;width:100%;background:transparent;border:0;outline:none;color:var(--fg);font-size:11px;padding:3px 2px}.sprite-tag-add input::placeholder{color:var(--fg-mute)}.sprite-tag-commit{display:flex;align-items:center;justify-content:center;color:var(--fg-dim);padding:2px;border-radius:4px;flex:none}.sprite-tag-commit:hover{color:var(--accent);background:var(--bg-input)}.ref-empty-hint{margin-top:6px}.dock-widget{display:flex;flex-direction:column;flex:none;overflow:hidden;transition:box-shadow .2s ease}.dock-widget.dragging{opacity:.45}.dock-widget.flash{box-shadow:0 0 0 2px var(--accent),var(--shadow-1)}.dock-wh{display:flex;align-items:center;gap:6px;padding:7px 8px 7px 6px;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.dock-widget.collapsed .dock-wh{border-bottom:0}.dock-wh-grip{cursor:grab;color:var(--fg-mute);display:flex;padding:2px;border-radius:4px;flex:none}.dock-wh-grip:hover{color:var(--fg-dim);background:var(--bg-input)}.dock-wh-grip:active{cursor:grabbing}.dock-wh-title{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim)}.dock-wh-title .wlabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-wh-title .lucide:not(.chev){flex:none}[data-theme=atelier] .dock-wh-title{text-transform:none;letter-spacing:0;font-family:var(--font-display);font-size:13px;color:var(--fg)}[data-theme=arcade] .dock-wh-title{font-family:var(--font-display);font-size:16px;text-transform:none;letter-spacing:.02em;color:var(--accent)}.dock-wh-title .chev{transition:transform .15s ease;color:var(--fg-mute);flex:none}.dock-widget.collapsed .dock-wh-title .chev{transform:rotate(-90deg)}.dock-wh-right{display:flex;align-items:center;gap:6px;flex:none}.dock-widget.floating{position:fixed;z-index:150;width:248px;box-shadow:var(--shadow-pop);border:1px solid var(--border-2);border-radius:var(--radius-lg)}.dock-widget.floating.dragging{opacity:1;box-shadow:0 24px 60px #0009,0 0 0 1px var(--accent)}.dock-widget.dragging{pointer-events:none}.dock-wh-anchors{display:inline-flex;align-items:center;gap:3px;margin-left:2px;flex:none}.dock-wh-redock{display:inline-flex;align-items:center;justify-content:center;width:18px;height:16px;padding:0;margin-left:1px;color:var(--fg-mute);background:transparent;border:0;border-radius:4px;cursor:pointer}.dock-wh-redock:hover{color:var(--accent);background:var(--bg-input)}.dock-rail.dock-rail-drop{box-shadow:inset 0 0 0 2px var(--accent)}.dock-wh-anchor{position:relative;display:inline-flex}.dock-anchor-pop{position:fixed;z-index:200;transform:translate(-100%);display:flex;gap:4px;padding:5px;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:7px;box-shadow:var(--shadow-pop)}.dock-anchor-pop .cc-dock-btn{width:16px;height:16px}.dock-anchor-pop .cc-dock-btn.cur{border-color:var(--accent)}.dock-anchor-pop .cc-dock-btn.cur span{background:var(--accent)}.dock-edge-line{position:fixed;z-index:160;pointer-events:none;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent-soft),0 0 2px var(--accent)}.dock-wbody{min-height:0}.sprite-lib{display:flex;flex-direction:column}.sprite-lib-search{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;height:28px;color:var(--fg-dim);margin:8px 10px 6px}.sprite-lib-search input{border:0;background:transparent;height:100%;flex:1;outline:none;font-size:12px;min-width:0;color:var(--fg)}.sprite-lib-clear{display:flex;color:var(--fg-mute);flex:none}.sprite-lib-clear:hover{color:var(--fg)}.sprite-lib-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 10px 8px}.sprite-lib-chip{font-size:10px;line-height:1;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim);cursor:pointer;text-transform:lowercase;letter-spacing:.02em}.sprite-lib-chip:hover{color:var(--fg);border-color:var(--border-2)}.sprite-lib-chip.on{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.sprite-lib-chip.clear{color:var(--fg-mute);text-transform:none}.sprite-lib-groups{display:flex;flex-direction:column}.sprite-lib-group{border-top:1px solid var(--border)}.sprite-lib-group-h{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;color:var(--fg-dim);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.sprite-lib-group-h:hover{background:var(--hover);color:var(--fg)}.sprite-lib-group-name{flex:1;text-align:left}.sprite-lib-group-count{font-size:10px}.sprite-lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 10px 10px}.sprite-lib-cell{display:flex;flex-direction:column;gap:4px;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-canvas);padding:5px;cursor:pointer;transition:border-color .12s,transform .1s}.sprite-lib-cell:hover{border-color:var(--accent);transform:translateY(-1px)}.sprite-lib-cell:active{transform:translateY(0)}.sprite-lib-thumb{width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sprite-lib-thumb canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sprite-lib-name{font-size:10px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sprite-lib-empty{padding:14px 10px}.sprite-lib-float{position:fixed;z-index:260;width:320px;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden;animation:sprite-lib-pop .14s cubic-bezier(.2,.9,.25,1)}@keyframes sprite-lib-pop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.sprite-lib-float-h{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;color:var(--fg-dim)}.sprite-lib-float-h:active{cursor:grabbing}.sprite-lib-float-title{flex:1;font-size:12px;font-weight:600;color:var(--fg)}.sprite-lib-float-body{max-height:min(60vh,480px);overflow:auto}.sprite-lib-new-bar{display:flex;padding:8px 10px 4px;border-bottom:1px solid var(--border)}.sprite-lib-new-bar .btn{width:100%;justify-content:center;gap:5px}.ns-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:color-mix(in oklab,var(--bg-app) 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:rule-fade .12s ease}.ns-modal{width:min(320px,calc(100vw - 32px));background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;animation:sprite-lib-pop .16s cubic-bezier(.2,.9,.25,1)}.ns-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--fg-dim)}.ns-title{flex:1;font-size:13px;font-weight:600;color:var(--fg)}.ns-body{padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}.ns-size-row{display:flex;align-items:center;gap:6px}.ns-size-row .input{width:60px;text-align:center}.ns-foot{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px;border-top:1px solid var(--border)}.keys-modal{width:min(420px,calc(100vw - 32px))}.keys-group{display:flex;flex-direction:column;gap:3px}.keys-group-h{font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.keys-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.keys-label{color:var(--fg)}.link-btn{background:none;border:0;padding:0;font:inherit;cursor:pointer}.cc-editor{height:100%;display:grid;grid-template-columns:calc(272px * var(--ui-scale)) 1fr calc(286px * var(--ui-scale));min-height:0}.cc-rail{background:var(--bg-chrome);padding:10px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;zoom:var(--ui-scale)}.cc-rail.left{border-right:1px solid var(--border)}.cc-rail.right{border-left:1px solid var(--border)}.cc-center{display:grid;grid-template-rows:calc(38px * var(--ui-scale)) 1fr auto auto;background:var(--bg-app);min-width:0;overflow:hidden}.cc-lib-search{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;height:26px;color:var(--fg-dim);margin:8px 10px 4px}.cc-lib-search input{border:0;background:transparent;height:100%;flex:1;outline:none;font-size:12px;min-width:0}.cc-lib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 10px 10px}.cc-lib-cell{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-canvas);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:grab;overflow:hidden;padding:3px;transition:border-color .12s,transform .1s}.cc-lib-cell:hover{border-color:var(--accent);transform:translateY(-1px)}.cc-lib-cell:active{cursor:grabbing}.cc-lib-cell canvas{width:100%;height:100%;object-fit:contain}.cc-lib-cell .cc-lib-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-canvas)}.cc-lib-cell .cc-lib-tip{position:absolute;inset:auto 0 0 0;font-size:8px;line-height:1.3;padding:2px 3px;background:linear-gradient(transparent,#000000b8);color:#fff;opacity:0;transition:opacity .12s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-lib-cell:hover .cc-lib-tip{opacity:1}.cc-lib-hint{padding:0 10px 10px;font-size:10px;line-height:1.45}.cc-slots{display:flex;flex-direction:column}.cc-slot{display:grid;grid-template-columns:26px 56px 1fr 16px;gap:8px;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border)}.cc-slot:last-child{border-bottom:0}.cc-slot:hover{background:var(--hover)}.cc-slot.active{background:var(--accent-soft);position:relative}.cc-slot.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.cc-slot.empty .cc-slot-name,.cc-slot.empty .cc-slot-pick{color:var(--fg-mute)}.cc-eye{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);border-radius:4px}.cc-eye:hover{background:var(--bg-input);color:var(--fg)}.cc-eye.off{color:var(--fg-mute)}.cc-slot-name{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-dim)}[data-theme=atelier] .cc-slot-name{text-transform:none;letter-spacing:0;font-family:var(--font-display);font-size:12px}[data-theme=arcade] .cc-slot-name{color:var(--accent)}.cc-slot-pick{display:flex;align-items:center;gap:7px;min-width:0;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:3px 6px;height:30px}.cc-slot.active .cc-slot-pick{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.cc-slot-thumb{width:22px;height:22px;flex:none;background:var(--bg-canvas);border-radius:3px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.cc-slot-thumb canvas{width:100%;height:100%;object-fit:contain}.cc-slot-label{font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cc-slot-chev{color:var(--fg-mute);flex:none}.cc-slot.drop-hot .cc-slot-pick{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cc-toolbar{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-chrome);border-bottom:1px solid var(--border);zoom:var(--ui-scale)}.cc-toolbar .divider-v{height:18px}.cc-tool{height:28px;padding:0 9px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:6px;color:var(--fg-dim);font-size:12px;border:1px solid transparent;cursor:pointer}.cc-tool:hover{background:var(--hover);color:var(--fg)}.cc-tool.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 35%,transparent)}.cc-stage{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 50% 36%,color-mix(in oklab,var(--accent) 5%,transparent),transparent),var(--bg-app);display:flex;align-items:center;justify-content:center;min-height:0}.cc-stage canvas.cc-rig{display:block}.cc-stage-foot{height:28px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-chrome);border-top:1px solid var(--border);font-size:11px;color:var(--fg-dim);zoom:var(--ui-scale)}.cc-stage-foot .dot{color:var(--fg-mute)}.cc-stage-foot .spacer{flex:1}.cc-insp-head{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--border)}.cc-insp-thumb{width:30px;height:30px;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius-sm);flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.cc-insp-thumb canvas{width:100%;height:100%;object-fit:contain}.cc-insp-titles{min-width:0;flex:1}.cc-insp-name{font-size:13px;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-insp-sub{font-size:10px;color:var(--fg-mute);font-family:var(--font-mono)}.cc-field{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;margin-bottom:7px}.cc-field-lab{font-size:11px;color:var(--fg-dim)}.cc-num{display:inline-flex;align-items:center;height:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);overflow:hidden}.cc-num input{width:100%;border:0;background:transparent;text-align:left;font-family:var(--font-mono);font-size:11px;outline:none;padding:0 7px;color:var(--fg)}.cc-pivot-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--accent)}.cc-tree{display:flex;flex-direction:column}.cc-bone{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:5px 10px;font-size:12px;cursor:pointer;border-bottom:1px solid var(--border)}.cc-bone:last-child{border-bottom:0}.cc-bone:hover{background:var(--hover)}.cc-bone.active{background:var(--accent-soft)}.cc-bone-name{display:flex;align-items:center;gap:6px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-bone-name .dotjoint{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 2px var(--accent-soft)}.cc-bone-name.root .dotjoint{background:var(--warn);box-shadow:0 0 0 2px color-mix(in oklab,var(--warn) 24%,transparent)}.cc-bone-coord{font-family:var(--font-mono);font-size:10px;color:var(--fg-mute)}.cc-timeline{background:var(--bg-chrome);border-top:1px solid var(--border);display:flex;flex-direction:column;zoom:var(--ui-scale)}.cc-tl-top{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--border)}.cc-tl-top .divider-v{height:18px}.cc-clips-wrap{display:inline-flex;align-items:center;gap:4px;flex:none;min-width:0}.cc-clips{display:flex;gap:4px;align-items:center;overflow-x:auto;overflow-y:hidden;flex:none;padding-bottom:3px}.cc-clips .cc-clip{flex:none}.cc-clips-resize{align-self:stretch;width:7px;min-height:22px;flex:none;cursor:ew-resize;position:relative;touch-action:none}.cc-clips-resize:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:15px;border-radius:2px;background:var(--border-2);transition:background .12s}.cc-clips-resize:hover:before{background:var(--accent);height:18px}.cc-clip.cc-clip-del-sel{width:26px;justify-content:center;padding:0;color:var(--danger, #e06c6c)}.cc-clip.cc-clip-del-sel:not(:disabled):hover{border-color:var(--danger, #e06c6c);background:color-mix(in oklab,var(--danger, #e06c6c) 16%,transparent)}.cc-clip.cc-clip-del-sel:disabled{opacity:.4;cursor:default}.cc-clip{height:26px;padding:0 11px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-dim);background:var(--bg-panel-2);border:1px solid var(--border);cursor:pointer}.cc-clip:hover{color:var(--fg);border-color:var(--border-2)}.cc-clip.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.cc-clip .px-accent{width:5px;height:5px}.cc-clip-add{width:26px;justify-content:center;padding:0;color:var(--fg-mute)}.cc-tl-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim)}.cc-tl-spacer{flex:1}.cc-frnav{display:inline-flex;align-items:center;gap:6px}.cc-frnav .divider-v{height:18px}.cc-fr-cur,.cc-fr-num{display:inline-flex;align-items:center;gap:4px}.cc-fr-field{width:40px;height:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--fg);font-family:var(--font-mono);font-size:11px;text-align:center;padding:0 4px;outline:none;-moz-appearance:textfield}.cc-fr-cur .cc-fr-field{width:36px;text-align:right;color:var(--accent)}.cc-fr-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cc-fr-total{font-size:11px}.cc-fr-unit{font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cc-tracks{padding:8px 12px 12px;overflow:auto;max-height:200px}.cc-ruler{position:relative;height:18px;margin-left:92px;border-bottom:1px solid var(--border);cursor:ew-resize;touch-action:none}.cc-ruler .tickv{position:absolute;top:4px;bottom:0;width:1px;background:var(--border);pointer-events:none}.cc-ruler .tickl{position:absolute;top:0;font-size:8px;color:var(--fg-mute);font-family:var(--font-mono);transform:translate(-50%);pointer-events:none}.cc-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;z-index:4;box-shadow:0 0 6px var(--accent-soft);transform:translate(-1px)}.cc-playhead:before{content:"";position:absolute;top:-2px;left:-4px;border:5px solid transparent;border-top-color:var(--accent)}.cc-playhead-grip{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:16px;pointer-events:auto;cursor:ew-resize;touch-action:none}.cc-framecol{position:absolute;top:0;bottom:0;z-index:2;pointer-events:none;background:color-mix(in oklab,var(--accent) 9%,transparent);border-left:1px solid color-mix(in oklab,var(--accent) 45%,transparent);border-right:1px solid color-mix(in oklab,var(--accent) 45%,transparent)}.cc-track-lane.cc-grid{background-image:linear-gradient(90deg,rgba(128,128,128,.22) 0 1px,transparent 1px);background-repeat:repeat-x;background-position:left center}.cc-track-row{display:grid;grid-template-columns:92px 1fr;align-items:center;height:24px}.cc-track-row:hover .cc-track-lane{background:var(--hover)}.cc-track-name{font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px;cursor:pointer}.cc-track-row.sel .cc-track-name{color:var(--accent)}.cc-track-lane{position:relative;height:18px;border-radius:4px;background:var(--bg-input);border:1px solid var(--border)}.cc-track-row.sel .cc-track-lane{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.cc-key{position:absolute;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);background:var(--fg-dim);border:1px solid var(--bg-chrome);cursor:pointer}.cc-key:hover{background:var(--fg)}.cc-key.on{background:var(--accent)}.cc-tracks-scrub{position:relative}.cc-export-name{width:100%;margin-bottom:8px}.cc-export-note{font-size:10px;color:var(--fg-mute);line-height:1.5;margin:8px 0;font-family:var(--font-mono)}.cc-export-row{display:flex;gap:6px}.cc-json-peek{margin-top:8px;max-height:132px;overflow:auto;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:var(--fg-dim);white-space:pre}.cc-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border-2);color:var(--fg);padding:9px 14px;border-radius:var(--radius);box-shadow:var(--shadow-pop);font-size:12px;display:flex;align-items:center;gap:8px;z-index:300;animation:cc-toast-in .2s cubic-bezier(.2,.9,.25,1)}.cc-toast .lucide{color:var(--accent)}@keyframes cc-toast-in{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.cc-pop{position:fixed;z-index:240;background:var(--bg-panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:8px;width:232px;animation:cc-pop .12s cubic-bezier(.2,.9,.25,1)}@keyframes cc-pop{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.cc-pop-h{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);padding:2px 2px 7px}.cc-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:220px;overflow:auto}.cc-pop-cell{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-canvas);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:3px}.cc-pop-cell:hover{border-color:var(--accent)}.cc-pop-cell.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cc-pop-cell canvas{width:100%;height:100%;object-fit:contain}.cc-pop-clear{width:100%;margin-top:7px;height:26px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim);font-size:11px;cursor:pointer}.cc-pop-clear:hover{color:var(--fg);border-color:var(--border-2)}.cc-trow{display:flex;align-items:center;gap:6px;min-width:0}.cc-trow input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.cc-trow-num{width:48px;height:22px;flex:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--fg);font-family:var(--font-mono);font-size:11px;text-align:right;padding:0 5px;outline:none}.cc-trow-num:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cc-trow-reset{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel-2);color:var(--fg-mute)}.cc-trow-reset:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.cc-trow-reset:active{transform:translateY(1px)}.cc-clip-rename{height:26px;width:96px;padding:0 9px;border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--accent);color:var(--fg);font-size:12px;outline:none}.cc-clip-rename:focus{box-shadow:0 0 0 2px var(--accent-soft)}.cc-charlib{display:flex;flex-direction:column;padding:8px;gap:8px}.cc-charlib-save{width:100%;justify-content:center}.cc-charlib-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-charlib-card{display:flex;flex-direction:column;gap:5px;padding:6px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--radius)}.cc-charlib-thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:border-color .12s,transform .1s}.cc-charlib-thumb:hover{border-color:var(--accent);transform:translateY(-1px)}.cc-charlib-thumb canvas{width:100%;height:100%;object-fit:contain}.cc-charlib-name{font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:0 2px}.cc-charlib-rename{width:100%;height:22px;padding:0 5px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--accent);color:var(--fg);font-size:12px;outline:none}.cc-charlib-foot{display:flex;align-items:center;gap:1px}.cc-charlib-foot .cc-eye{width:22px;height:22px}.cc-charlib-meta{font-size:9px}.cc-pop-frames{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:132px;overflow:auto;margin-bottom:6px}.cc-pop-frame{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-canvas);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:3px}.cc-pop-frame:hover{border-color:var(--accent)}.cc-pop-frame.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cc-pop-frame canvas{width:100%;height:100%;object-fit:contain}.cc-pop-frame-no{position:absolute;bottom:1px;right:2px;font-size:8px;color:var(--fg-mute)}.cc-pop-edit{width:100%;margin-top:4px;height:26px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--accent);font-size:11px;cursor:pointer}.cc-pop-edit:hover{border-color:color-mix(in oklab,var(--accent) 40%,transparent);background:var(--accent-soft)}.dock-widget.cc-spred-dock.floating{width:320px;max-height:calc(100vh - 120px)}.cc-spred-dock .dock-wbody{flex:1 1 auto;min-height:0;display:flex}.cc-spred-sub{font-size:9px;white-space:nowrap}.cc-spred-body{flex:1;min-height:0;padding:10px;overflow:auto;display:flex;flex-direction:column;gap:10px}.cc-spred-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cc-spred-tools .cc-tool{width:30px;height:28px;padding:0;justify-content:center}.cc-spred-cur{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-2);box-shadow:inset 0 0 0 1px #00000040}.cc-spred-swatches{display:flex;flex-wrap:wrap;gap:3px;flex:1}.cc-spred-sw{width:16px;height:16px;border-radius:3px;border:1px solid var(--border);cursor:pointer}.cc-spred-sw:hover{transform:translateY(-1px)}.cc-spred-sw.on{border-color:var(--fg);box-shadow:0 0 0 1px var(--accent)}.cc-spred-canvas-wrap{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius);border:1px solid var(--border);min-height:120px}.cc-spred-canvas{display:block;max-width:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}.cc-spred-frames{display:flex;flex-wrap:wrap;gap:5px;align-items:stretch}.cc-spred-frame{position:relative;width:40px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel-2);cursor:pointer;color:var(--fg-mute)}.cc-spred-frame:hover{border-color:var(--border-2)}.cc-spred-frame.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cc-spred-frame-thumb{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden}.cc-spred-frame-thumb canvas{width:100%;height:100%;object-fit:contain}.cc-spred-frame-no{font-size:8px;color:var(--fg-mute)}.cc-spred-frame.add,.cc-spred-frame.del{color:var(--fg-dim)}.cc-spred-frame.add{flex-direction:row;gap:1px;border-style:dashed}.cc-spred-frame.add:hover{color:var(--accent);border-color:var(--accent)}.cc-spred-frame.del:hover{color:var(--danger, #e06c6c);border-color:var(--danger, #e06c6c)}.cc-spred-bind{display:flex;flex-direction:column;gap:6px}.cc-spred-bind-lab{font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em}.cc-spred-bind-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.cc-spred-clip{height:24px;padding:0 9px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-dim);background:var(--bg-panel-2);border:1px solid var(--border);cursor:pointer}.cc-spred-clip:hover{color:var(--fg);border-color:var(--border-2)}.cc-spred-clip.active{color:var(--fg)}.cc-spred-clip.on{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.cc-spred-clip.on .lucide{color:var(--accent)}.cc-spred-clip.new{border-style:dashed;color:var(--accent)}.cc-spred-clip.new:hover{background:var(--accent-soft)}.simple-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-app);color:var(--fg);overflow:hidden;z-index:1}.simple-main{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.sk-toolchip,.sk-roundbtn,.sk-pill,.sk-swatch,.sk-seg button,.sk-colorpair-front,.sk-colorpair-back,.sk-colorpair-swap{transition:transform 80ms ease,background-color .12s ease,border-color .12s ease}.sk-toolchip:active,.sk-roundbtn:active,.sk-pill:active,.sk-swatch:active,.sk-colorpair-front:active,.sk-colorpair-back:active{transform:scale(.94)}.sk-toolchip{min-width:44px;min-height:44px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;flex:0 0 auto}.sk-toolchip.active{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 40%,transparent);color:var(--accent)}.sk-toolchip.dashed{border-style:dashed;border-color:var(--border-2);background:transparent;color:var(--fg-mute)}.sk-toolchip-label{font-size:10px;font-weight:600;letter-spacing:.01em}.sk-roundbtn{min-width:44px;min-height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.sk-tone-panel{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--fg)}.sk-tone-accent{background:var(--accent);border:none;color:var(--accent-fg)}.sk-tone-ghost{background:transparent;border:none;color:var(--fg-dim)}.sk-roundbtn:disabled{opacity:.4;cursor:default}.sk-pill{height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.sk-pill.active{background:var(--accent);border-color:transparent;color:var(--accent-fg)}.sk-seg{display:inline-flex;padding:3px;gap:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg)}.sk-seg button{height:40px;min-width:44px;padding:0 14px;border:none;border-radius:9px;background:transparent;color:var(--fg-dim);font-size:13px;font-weight:600;cursor:pointer}.sk-seg button.active{background:var(--bg-panel-2);color:var(--fg-strong);box-shadow:0 1px 4px #00000040}.sk-hint{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}.sk-swatch-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0;flex:1}.sk-swatch-row.compact{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.sk-swatch-row{scrollbar-width:none}.sk-swatch-row::-webkit-scrollbar{display:none}.sk-swatch-row.wrapped{align-content:flex-start;overflow-y:auto}.sk-swatch{min-width:40px;min-height:40px;border-radius:9px;border:1px solid rgba(255,255,255,.12);cursor:pointer}.sk-swatch.active{border:2.5px solid var(--fg-strong);box-shadow:0 0 0 2px var(--accent)}.sk-colorpair{position:relative;width:52px;height:52px;flex:0 0 auto}.sk-colorpair-back,.sk-colorpair-front{position:absolute;border-radius:9px;cursor:pointer;box-shadow:inset 0 0 0 1px #fff3}.sk-colorpair-back{width:34px;height:34px;right:0;bottom:0;border:1px solid var(--border)}.sk-colorpair-front{width:34px;height:34px;left:0;top:0;border:2px solid var(--fg-strong)}.sk-colorpair-swap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:999px;background:var(--bg-app);border:1px solid var(--border-2);color:var(--fg-dim);display:flex;align-items:center;justify-content:center;cursor:pointer}.sk-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;justify-content:flex-end}.sk-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06070a8c;transition:opacity .2s}.sk-sheet{position:relative;background:var(--bg-chrome);border-top:1px solid var(--border-2);border-radius:20px 20px 0 0;box-shadow:var(--shadow-pop, 0 -18px 50px rgba(0,0,0,.5));max-height:74vh;display:flex;flex-direction:column;transition:transform .24s cubic-bezier(.2,.8,.3,1);width:min(100%,640px);align-self:center;border-inline:1px solid var(--border-2)}.sk-sheet.compact{width:max-content;min-width:240px;max-width:min(92vw,420px)}.sk-sheet-handle-row{padding:10px 0 4px;display:flex;justify-content:center;cursor:grab;touch-action:none}.sk-sheet-handle{width:42px;height:5px;border-radius:3px;background:var(--border-2)}.sk-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 16px 10px}.sk-sheet-title{font-size:16px;font-weight:800;color:var(--fg-strong)}.sk-sheet-done{height:32px;padding:0 14px;border-radius:9px;border:none;background:var(--accent);color:var(--accent-fg);font-size:13px;font-weight:700;cursor:pointer}.sk-sheet-body{overflow:auto;padding:4px 16px 20px}.sk-resizable{display:flex;flex:0 0 auto}.sk-resizable.vertical{flex-direction:column}.sk-resizable.horizontal{flex-direction:row}.sk-resizable-body{flex:1;min-width:0;min-height:0;overflow:auto}.sk-resize-handle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;transition:background-color .12s ease}.sk-resize-handle.vertical{height:16px;cursor:ns-resize}.sk-resize-handle.horizontal{width:16px;cursor:ew-resize}.sk-resize-grip{background:var(--border-2);border-radius:3px;transition:background-color .12s ease}.sk-resize-handle.vertical .sk-resize-grip{width:36px;height:4px}.sk-resize-handle.horizontal .sk-resize-grip{width:4px;height:36px}.sk-resize-handle.dragging{background:var(--accent-soft);cursor:grabbing}.sk-resize-handle.dragging .sk-resize-grip{background:var(--accent)}@media (hover: hover){.sk-resize-handle:hover{background:var(--accent-soft)}.sk-resize-handle:hover .sk-resize-grip{background:var(--accent)}}@media (hover: hover){.sk-toolchip:hover,.sk-roundbtn:hover,.sk-pill:hover{border-color:var(--border-2)}}.simple-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--fg-mute);font-size:14px}.stb-phone{flex:0 0 auto;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--bg-chrome);border-bottom:1px solid var(--border)}.stb-name-status{display:flex;flex-direction:column;line-height:1.15;min-width:0}.stb-name{font-size:15px;font-weight:700;color:var(--fg-strong);background:transparent;border:none;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.stb-status{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:4px}.stb-status.saving{color:var(--fg-mute)}.stb-new{height:36px;flex:0 0 auto}.stb-wide{flex:0 0 auto;height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--bg-chrome);border-bottom:1px solid var(--border)}.stb-left{display:flex;align-items:center;gap:10px}.stb-name-wide{font-size:15px;font-weight:700;color:var(--fg-strong)}.sn-inline{flex:1;min-width:0;display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}.sn-inline::-webkit-scrollbar{display:none}.sn-inline-btn{height:40px;padding:0 16px;border-radius:var(--radius-lg);border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;background:transparent;color:var(--fg-dim)}.sn-inline-btn.active{background:var(--accent);color:var(--accent-fg)}@media (max-width: 900px){.sn-inline-btn{padding:0 11px;font-size:13px}}@media (max-width: 840px){.sn-inline-btn{font-size:0;gap:0;padding:0 13px}}.simple-shell[data-bp=phone]~.tweaks-fab{bottom:82px}.sn-bar{flex:0 0 auto;height:66px;padding-bottom:6px;background:var(--bg-chrome);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:stretch}.sn-tab{flex:1;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--fg-mute);min-height:44px}.sn-tab.active{color:var(--accent)}.sn-tab-icon{width:44px;height:30px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.sn-tab.active .sn-tab-icon{background:var(--accent-soft)}.sn-tab-label{font-size:10px;font-weight:600}.sd-root{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.sd-canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg-canvas);touch-action:none}.sd-canvas-wrap>.sprite-stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:1fr auto;min-height:0}.sd-canvas-wrap>.sprite-stage-wrap>.sprite-stage{min-height:0}.sd-canvas-wrap>.sprite-stage-wrap>.canvas-foot{display:none}.sd-chips{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.sd-chips-left{display:flex;align-items:center;gap:6px}.sd-chip{font-size:11px;color:var(--fg-dim);background:#0006;padding:5px 9px;border-radius:var(--radius);border:1px solid var(--border)}.sd-chip-btn,.sd-lock-btn{pointer-events:auto;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,background-color .12s ease}.sd-chip-btn:active,.sd-lock-btn:active{transform:scale(.94)}.sd-lock-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;background:#0006;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-dim)}.sd-lock-btn.active{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 40%,transparent);color:var(--accent)}.sd-dock{flex:0 0 auto;background:var(--bg-chrome);border-top:1px solid var(--border);padding:12px 14px 10px;display:flex;flex-direction:column;gap:12px}.sd-dock-row{display:flex;align-items:center;gap:10px;overflow-x:auto}.sd-dock-rule{height:1px;background:var(--border);margin:0 -14px}.sd-frames-strip{display:flex;gap:8px;flex:1;overflow-x:auto;align-items:center}.sd-frame{width:48px;height:48px;flex:0 0 auto;border-radius:var(--radius);position:relative;overflow:hidden;border:2px solid var(--border);background:var(--bg-canvas);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sd-frame.active{border-color:var(--accent)}.sd-frame canvas{max-width:100%;max-height:100%}.sd-frame-add{width:48px;height:48px;flex:0 0 auto;border-radius:var(--radius);border:2px dashed var(--border-2);background:transparent;color:var(--fg-mute);display:flex;align-items:center;justify-content:center;cursor:pointer}.sd-anim-pill{height:44px;padding:0 12px;max-width:138px;flex:0 0 auto;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.sd-anim-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.sd-anim-name{font-size:12.5px;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-bottom:8px}.sa-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-panel);color:var(--fg);cursor:pointer;text-align:left}.sa-row.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sa-dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.sa-name{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-count{font-size:11px;color:var(--fg-mute);flex:0 0 auto}.sa-row.active .sa-count{color:var(--accent)}.sa-new{border-style:dashed;border-color:var(--border-2);background:transparent;color:var(--fg-dim)}.scs-fields{display:flex;align-items:flex-end;gap:10px;margin-top:8px}.scs-field{display:flex;flex-direction:column;gap:5px;flex:1}.scs-field span{font-size:11px;font-weight:700;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.04em}.scs-field input{width:100%;height:44px;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 12px;font-size:15px;color:var(--fg-strong);font-variant-numeric:tabular-nums}.scs-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.scs-x{padding-bottom:11px;color:var(--fg-mute);font-weight:700}.scs-anchor{display:grid;grid-template-columns:repeat(3,40px);grid-auto-rows:40px;gap:4px;padding:5px;margin:8px 0 4px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);width:max-content}.scs-anchor-cell{border-radius:7px;background:var(--border);cursor:pointer;padding:0}.scs-anchor-cell.active{background:var(--accent)}@media (hover: hover){.scs-anchor-cell:hover{background:var(--fg-mute)}.scs-anchor-cell.active:hover{background:var(--accent)}}.scs-fit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--fg-dim);font-size:13px;font-weight:700;cursor:pointer;margin-top:10px}.scs-fit:disabled{opacity:.4;cursor:default}.scs-note{font-size:12px;line-height:1.5;color:var(--fg-mute);margin:10px 0 0}.scs-apply{width:100%;justify-content:center;margin-top:14px}.tb-pinned{display:flex;gap:10px;overflow-x:auto;margin:2px 0 14px;padding:8px 8px 2px 2px}.tb-pinned-item{position:relative;flex:0 0 auto}.tb-unpin{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:999px;border:1px solid var(--border-2);background:var(--bg-app);color:var(--fg-mute);display:flex;align-items:center;justify-content:center;cursor:pointer}.tb-group{margin-bottom:16px}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:10px}.tb-cell{position:relative;height:84px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:var(--bg-panel);color:var(--fg-dim);font-size:10.5px;font-weight:600}.tb-cell.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tb-cell.pinned:not(.active){border-color:var(--border-2)}.tb-pin-badge{position:absolute;top:6px;right:6px;color:var(--accent)}.sw-root{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.sw-subbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-chrome);border-bottom:1px solid var(--border)}.sw-stage-wrap{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;background:var(--bg-canvas);touch-action:none}.sw-stage-wrap>.level-stage{flex:1;min-width:0;min-height:0}.sw-minimap{position:absolute;top:12px;right:12px;padding:6px;border-radius:var(--radius);background:#15161ce6;border:1px solid var(--border-2);pointer-events:none}.simple-shell[data-bp=phone] .sw-minimap{display:none}.sw-materials{flex:0 0 auto;background:var(--bg-chrome);border-top:1px solid var(--border);padding:12px 14px 10px}.sw-material-row{display:flex;gap:10px;overflow-x:auto;margin-top:10px}.sw-material{flex:0 0 auto;width:62px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:0}.sw-material canvas{border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-panel-2);overflow:hidden}.sw-material.active canvas{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sw-material span{font-size:11px;font-weight:600;color:var(--fg-dim)}.sw-material.active span{color:var(--accent)}.scr-root{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.scr-subbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-chrome);border-bottom:1px solid var(--border)}.scr-stage-wrap{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;touch-action:none}.scr-stage-wrap>.cc-stage{flex:1;min-width:0;min-height:0}.scr-gizmo-rail{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:20px;background:#15161cdb;border:1px solid var(--border-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scr-hud{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.scr-hud .sk-pill{pointer-events:auto;height:34px}.scr-scale-pop{position:absolute;right:12px;top:58px;width:180px;padding:10px 12px;border-radius:var(--radius-lg);background:#15161ceb;border:1px solid var(--border-2)}.scr-panel{flex:0 0 auto;background:var(--bg-chrome);border-top:1px solid var(--border);padding:12px 14px 10px}.scr-slot-row{display:flex;gap:8px;overflow-x:auto;margin:10px 0 14px}.scr-slot{flex:0 0 auto;width:56px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:none;border:none;padding:0}.scr-slot-thumb{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--bg-panel-2)}.scr-slot.active .scr-slot-thumb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.scr-slot span{font-size:10px;font-weight:600;color:var(--fg-mute);white-space:nowrap}.scr-slot.active span{color:var(--accent)}.scr-variant-row{display:flex;gap:8px;overflow-x:auto}.scr-variant{flex:0 0 auto;width:50px;height:50px;border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border-2);background:var(--bg-panel-2);padding:4px}.scr-variant.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.scr-animate{padding-bottom:12px}.scr-key-actions{display:flex;gap:8px;margin-top:10px}.sp-root{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.sp-subbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-chrome);border-bottom:1px solid var(--border)}.sp-stage-wrap{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas)}.sp-stage-wrap.placing canvas.preview-canvas{cursor:crosshair}.sp-zoom-seg{position:absolute;top:12px;right:12px}.sp-placing-hint{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.sp-sel-pill{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}.sp-sel-pill{pointer-events:none}.sp-sel-pill>*{pointer-events:auto}.sp-sel-name{display:flex;align-items:center;padding:0 10px;height:40px;border-radius:999px;background:#15161ce6;border:1px solid var(--border-2);font-size:12px;font-weight:700;color:var(--accent)}.sp-tray{flex:0 0 auto;background:var(--bg-chrome);border-top:1px solid var(--border);padding:12px 14px 10px}.sp-tray-row{display:flex;gap:10px;overflow-x:auto;margin-top:10px}.sp-tray-item{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:0}.sp-tray-thumb{width:60px;height:60px;border-radius:var(--radius-lg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.sp-tray-item.active .sp-tray-thumb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sp-tray-item span:last-child{font-size:11px;font-weight:600;color:var(--fg-dim)}.sp-tray-item.active span:last-child{color:var(--accent)}.sh-root{flex:1;min-height:0;overflow-y:auto;padding:22px 20px 24px}.sh-head{display:flex;align-items:center;justify-content:space-between}.sh-brand{display:flex;align-items:center;gap:10px}.sh-title{font-size:22px;font-weight:800;color:var(--fg-strong);letter-spacing:-.02em}.sh-tagline{margin:8px 0 18px;font-size:14px;color:var(--fg-dim)}.sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sh-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 6px 14px;border-radius:20px;cursor:pointer;background:var(--bg-panel);border:1px solid var(--border)}.sh-app-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center}.sh-app span:last-child{font-size:13px;font-weight:700;color:var(--fg-strong)}.sh-recent-head{padding:26px 0 10px}.sh-recent-list{display:flex;flex-direction:column;gap:8px}.sh-recent-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;cursor:pointer;text-align:left;background:var(--bg-panel);border:1px solid var(--border);color:var(--fg)}.sh-recent-swatch{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.sh-recent-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sh-recent-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-recent-meta{font-size:11px}.sh-recent-date{font-size:11px;flex:0 0 auto}