.color-tool[data-astro-cid-qczt7fd4]{width:100%;max-width:48rem;margin-inline:auto}.color-tool[data-astro-cid-qczt7fd4][data-state=active]{max-width:62rem}.color-tool[data-astro-cid-qczt7fd4][data-state=empty] [data-astro-cid-qczt7fd4][data-workspace],.color-tool[data-astro-cid-qczt7fd4][data-state=active] .color-dropzone[data-astro-cid-qczt7fd4]{display:none}.color-dropzone[data-astro-cid-qczt7fd4]{text-align:center;background-color:var(--color-canvas);border:1.5px dashed var(--color-hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-e2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;transition:border-color .18s,background-color .18s;display:flex}.color-dropzone[data-astro-cid-qczt7fd4]:hover{border-color:var(--color-ink);background-color:var(--color-canvas-soft)}.color-tool[data-astro-cid-qczt7fd4][data-drag=true] .color-dropzone[data-astro-cid-qczt7fd4]{border-color:var(--color-link);background-color:var(--dz-drag-bg)}.color-dz-icon[data-astro-cid-qczt7fd4]{border-radius:var(--radius-pill);background-color:var(--color-canvas-soft-2);width:56px;height:56px;color:var(--color-ink);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.color-dz-browse[data-astro-cid-qczt7fd4]{color:var(--color-link);font-weight:500}.color-workspace[data-astro-cid-qczt7fd4]{flex-direction:column;gap:20px;display:flex}@media (width>=860px){.color-workspace[data-astro-cid-qczt7fd4]{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}}.color-stage[data-astro-cid-qczt7fd4]{border-radius:var(--radius-lg);background-color:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);justify-content:center;align-items:center;padding:12px;display:flex}.color-canvas[data-astro-cid-qczt7fd4]{border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;max-width:100%;height:auto;max-height:64vh;display:block}.color-hint[data-astro-cid-qczt7fd4]{text-align:center;margin-top:8px}.color-panel[data-astro-cid-qczt7fd4]{flex-direction:column;gap:14px;padding:16px;display:flex}.color-current[data-astro-cid-qczt7fd4]{align-items:stretch;gap:12px;display:flex}.color-swatch[data-astro-cid-qczt7fd4]{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background-color:#000;flex:auto;min-height:64px}.color-loupe[data-astro-cid-qczt7fd4]{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background-color:var(--color-canvas-soft-2);width:64px;height:64px;image-rendering:pixelated;flex-shrink:0}.color-codes[data-astro-cid-qczt7fd4]{flex-direction:column;gap:6px;display:flex}.color-code[data-astro-cid-qczt7fd4]{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:8px 12px;display:flex}.color-code[data-astro-cid-qczt7fd4]:hover{border-color:var(--color-hairline-strong)}.color-code-k[data-astro-cid-qczt7fd4]{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-mute);flex-shrink:0;width:2.2rem;font-size:.625rem;font-weight:600}.color-code-v[data-astro-cid-qczt7fd4]{font-family:var(--font-mono);color:var(--color-ink);flex:auto;font-size:.8125rem}.color-code-i[data-astro-cid-qczt7fd4]{color:var(--color-mute);flex-shrink:0}.color-section[data-astro-cid-qczt7fd4]{flex-direction:column;gap:8px;display:flex}.color-section[data-astro-cid-qczt7fd4][data-picked-section]{display:none}.color-tool[data-astro-cid-qczt7fd4][data-picked=true] .color-section[data-astro-cid-qczt7fd4][data-picked-section]{display:flex}.color-section-head[data-astro-cid-qczt7fd4]{justify-content:space-between;align-items:center;display:flex}.color-section-title[data-astro-cid-qczt7fd4]{text-transform:uppercase;letter-spacing:.03em;color:var(--color-mute);font-size:.75rem;font-weight:600}.color-export[data-astro-cid-qczt7fd4]{gap:4px;display:inline-flex}.color-export[data-astro-cid-qczt7fd4] button[data-astro-cid-qczt7fd4]{font-family:var(--font-mono);color:var(--color-body);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);cursor:pointer;padding:3px 6px;font-size:.625rem;font-weight:600}.color-export[data-astro-cid-qczt7fd4] button[data-astro-cid-qczt7fd4]:hover{color:var(--color-ink);border-color:var(--color-hairline-strong)}.color-history[data-astro-cid-qczt7fd4]{flex-wrap:wrap;gap:6px;display:flex}.color-palette[data-astro-cid-qczt7fd4]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.color-toast[data-astro-cid-qczt7fd4]{color:var(--color-on-primary);background-color:var(--color-ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-e4);opacity:0;pointer-events:none;z-index:60;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px)}.color-toast[data-astro-cid-qczt7fd4][data-show=true]{opacity:1;transform:translate(-50%)translateY(0)}.color-chip{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #00000014;display:block;position:relative;overflow:hidden}.color-chip-label{font-family:var(--font-mono);text-align:center;color:#fff;opacity:0;background:#00000073;padding:2px;font-size:.5rem;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.color-chip:hover .color-chip-label{opacity:1}.color-swatch-sm{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000001a;width:26px;height:26px}