.color-picker[data-astro-cid-lc6of2cq]{display:grid;gap:1.25rem}.privacy-banner[data-astro-cid-lc6of2cq]{display:flex;flex-wrap:wrap;gap:.5rem}.pill[data-astro-cid-lc6of2cq]{font-size:.8125rem;padding:.25rem .625rem;border-radius:999px;background:var(--surface-2, #f3f4f6);color:var(--text-muted, #4b5563);border:1px solid var(--border, #e5e7eb)}.dropzone[data-astro-cid-lc6of2cq]{border:2px dashed var(--border, #d1d5db);border-radius:12px;padding:2.5rem 1.5rem;text-align:center;transition:border-color .15s,background .15s}.dropzone[data-astro-cid-lc6of2cq].is-over{border-color:var(--accent, #2563eb);background:var(--surface-2, #f8fafc)}.dropzone-icon[data-astro-cid-lc6of2cq]{font-size:2rem}.dropzone-text[data-astro-cid-lc6of2cq]{margin:.5rem 0 .25rem;font-weight:600}.dropzone-sub[data-astro-cid-lc6of2cq]{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.browse-btn[data-astro-cid-lc6of2cq]{display:inline-block;cursor:pointer;padding:.5rem 1rem;border-radius:8px;background:var(--accent, #2563eb);color:#fff;font-weight:600;font-size:.9375rem}.cp-error[data-astro-cid-lc6of2cq]{margin:0;padding:.625rem .875rem;border-radius:8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:.875rem}.cp-stage[data-astro-cid-lc6of2cq]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem;align-items:start}@media (max-width: 760px){.cp-stage[data-astro-cid-lc6of2cq]{grid-template-columns:minmax(0,1fr)}}.cp-canvas-wrap[data-astro-cid-lc6of2cq]{position:relative;line-height:0;display:flex;justify-content:center}#cp-canvas[data-astro-cid-lc6of2cq]{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:10px;cursor:crosshair;border:1px solid var(--border, #e5e7eb);image-rendering:pixelated}.cp-loupe[data-astro-cid-lc6of2cq]{display:none;position:absolute;width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #00000059,0 2px 8px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.cp-panel[data-astro-cid-lc6of2cq]{display:grid;gap:1rem}.cp-swatch-head[data-astro-cid-lc6of2cq]{display:grid;gap:.5rem}.cp-swatch[data-astro-cid-lc6of2cq]{height:76px;border-radius:10px;border:1px solid var(--border, #e5e7eb);display:grid;place-items:center;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:var(--surface-2, #f3f4f6)}.cp-hint[data-astro-cid-lc6of2cq]{margin:0;font-size:.8125rem;color:var(--text-muted, #6b7280)}.cp-codes[data-astro-cid-lc6of2cq]{display:grid;gap:.375rem;margin:0}.cp-code-row[data-astro-cid-lc6of2cq]{display:grid;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.5rem}.cp-code-row[data-astro-cid-lc6of2cq] dt[data-astro-cid-lc6of2cq]{font-size:.75rem;font-weight:700;color:var(--text-muted, #6b7280)}.cp-code-row[data-astro-cid-lc6of2cq] dd[data-astro-cid-lc6of2cq]{margin:0;display:flex;align-items:center;gap:.5rem;min-width:0}.cp-code-row[data-astro-cid-lc6of2cq] code[data-astro-cid-lc6of2cq]{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.75rem;line-height:1.4;padding:.3125rem .5rem;border-radius:6px;background:var(--surface-2, #f3f4f6);border:1px solid var(--border, #e5e7eb)}.copy-btn[data-astro-cid-lc6of2cq]{cursor:pointer;font-size:.75rem;padding:.3125rem .5rem;border-radius:6px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text-muted, #4b5563)}.copy-btn[data-astro-cid-lc6of2cq]:hover{background:var(--surface-2, #f3f4f6)}.copy-btn[data-astro-cid-lc6of2cq].is-copied{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.cp-palette-title[data-astro-cid-lc6of2cq]{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--text-muted, #6b7280)}.cp-palette[data-astro-cid-lc6of2cq]{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.cp-palette[data-astro-cid-lc6of2cq] .cp-chip{display:block;width:100%;min-height:42px;aspect-ratio:1;border-radius:8px;border:1px solid var(--border, #e5e7eb);cursor:pointer;padding:0}.cp-palette[data-astro-cid-lc6of2cq] .cp-chip:hover{transform:scale(1.06)}.btn-secondary[data-astro-cid-lc6of2cq]{cursor:pointer;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text, #111827)}.btn-secondary[data-astro-cid-lc6of2cq]:hover{background:var(--surface-2, #f3f4f6)}h1[data-astro-cid-sbcns3jy]{margin-bottom:.35rem}.lede[data-astro-cid-sbcns3jy]{margin-top:0;color:var(--text-muted, #6b7280);max-width:62ch}.related[data-astro-cid-sbcns3jy]{margin-top:2.5rem}.related[data-astro-cid-sbcns3jy] h2[data-astro-cid-sbcns3jy]{font-size:1rem}.related[data-astro-cid-sbcns3jy] ul[data-astro-cid-sbcns3jy]{list-style:none;padding:0;display:grid;gap:.375rem}.back[data-astro-cid-sbcns3jy]{margin-top:2rem;font-size:.9375rem}