#palette-panel{flex:0 0 auto;max-height:45%;border-top:1px solid var(--border-dark);background:var(--bg-panel);display:flex;flex-direction:column;overflow:hidden}.palette-header{gap:var(--space-sm)}.palette-header>span:first-child{flex:0 0 auto}.palette-count{flex:1;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);white-space:nowrap}.palette-btn{width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;line-height:18px;cursor:pointer}.palette-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-bright)}.palette-btn:disabled{color:var(--text-muted);cursor:default}.palette-body{padding:var(--space-sm)}.palette-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:3px}.palette-swatch{position:relative;aspect-ratio:1;min-width:0;padding:0;border:1px solid rgba(0,0,0,.55);border-radius:var(--radius-sm);background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer}.palette-swatch:hover{outline:1px solid var(--text-secondary);outline-offset:1px}.palette-swatch.selected{outline:2px solid var(--accent-primary);outline-offset:1px}.palette-swatch.primary:after,.palette-swatch.secondary:after{content:"";position:absolute;left:1px;top:1px;width:0;height:0;border-style:solid;border-width:6px 6px 0 0;border-color:#fff transparent transparent transparent;filter:drop-shadow(0 0 1px #000)}.palette-swatch.secondary:after{inset:auto 1px 1px auto;border-width:0 0 6px 6px;border-color:transparent transparent #fff transparent}.palette-empty{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.palette-starters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.palette-starter{font-size:var(--font-size-xs);padding:2px 6px}.palette-menu{position:fixed;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000008c;padding:4px 0;z-index:10001;min-width:190px}.palette-menu-item{position:relative;padding:5px 16px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;display:flex;justify-content:space-between;gap:16px}.palette-menu-item:hover{background:var(--accent-primary);color:#fff}.palette-menu-item.disabled{color:var(--text-muted);pointer-events:none}.palette-menu-caret{color:inherit;opacity:.7}.palette-menu-sep{height:1px;background:var(--border-dark);margin:3px 0}.palette-submenu{display:none;position:absolute;right:100%;top:-5px;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000008c;padding:4px 0;min-width:170px}.palette-menu-item.has-sub:hover>.palette-submenu{display:block}.palette-submenu .palette-menu-item{color:var(--text-secondary)}.palette-submenu .palette-menu-item:hover{color:#fff}