.hover-chip{position:absolute;top:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .55rem .3rem .4rem;font-size:.78rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#fff;background:#0f172ad1;border-radius:999px;box-shadow:var(--shadow);pointer-events:none;text-transform:uppercase}.hover-sw{width:18px;height:18px;border-radius:50%;background:var(--c, #fff);box-shadow:inset 0 0 0 1.5px #ffffff8c;flex:none}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:.55rem}.palette-sw{display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;min-height:88px;padding:.5rem;text-align:left;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);background:var(--c, var(--bg-sunken));color:var(--txt, var(--text));cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .15s ease}.palette-sw:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.palette-sw:active{transform:translateY(0)}.palette-hex{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase}.palette-share{align-self:flex-start;font-size:.68rem;font-weight:650;font-variant-numeric:tabular-nums;padding:.08rem .34rem;border-radius:999px;background:#ffffff38;backdrop-filter:blur(2px)}.export-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.replace-row{display:flex;flex-wrap:wrap;gap:.75rem}.replace-row .color-field-sm{flex:1 1 110px}.big-swatch{display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;min-height:96px;padding:.85rem;border-radius:var(--radius);border:1px solid rgba(15,23,42,.08);background:var(--c, var(--bg-sunken));color:var(--txt, var(--text));box-shadow:var(--shadow-sm) inset,var(--shadow-sm)}.big-swatch>span{font-size:.74rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.big-swatch>b{font-size:1.45rem;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-transform:uppercase}.copy-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.65rem}.copy-row{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease}.copy-row:hover{border-color:var(--border-strong);background:var(--bg-soft)}.copy-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--text-soft)}.copy-val{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:.86rem;font-variant-numeric:tabular-nums;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-soft);transition:color .12s ease,background .12s ease}.copy-row:hover .copy-ico{color:var(--brand);background:var(--brand-soft)}.pick-empty{margin:0;padding:1.1rem;text-align:center;font-size:.86rem;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-soft)}.dominant-block{display:flex;flex-direction:column;gap:0;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.dominant-block+.dominant-block{margin-top:.7rem}.export-block{display:flex;flex-direction:column;gap:.7rem;margin-top:.3rem;padding-top:.9rem;border-top:1px solid var(--border)}.export-block .btn-lg{width:100%}.history-row{display:flex;flex-wrap:wrap;gap:.4rem}.history-sw{width:30px;height:30px;padding:0;border-radius:var(--radius-sm);border:1px solid rgba(15,23,42,.12);background:var(--c, var(--bg-sunken));cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .15s ease}.history-sw:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow)}.history-sw:active{transform:translateY(0)}.hist-wrap{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken)}.hist-svg{display:block;width:100%;height:120px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.hist-legend{display:flex;flex-wrap:wrap;gap:.85rem}.hist-legend .hl{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:600;color:var(--text-soft)}.hist-legend .hl:before{content:"";width:11px;height:11px;border-radius:3px;background:currentColor}.hist-legend .hl.r{color:#ef4444}.hist-legend .hl.g{color:#22c55e}.hist-legend .hl.b{color:#3b82f6}.hist-legend .hl.l{color:#475569}