.cw-widget[data-astro-cid-zy3j25tq]{--cw-bg:var(--surface);--cw-border:var(--line);--cw-primary:var(--pri);--cw-radius:var(--radius);margin:2rem 0}.cw-layout[data-astro-cid-zy3j25tq]{gap:2rem;display:grid}@media (width>=768px){.cw-layout[data-astro-cid-zy3j25tq]{grid-template-columns:1fr 1.1fr}}.cw-section-visual[data-astro-cid-zy3j25tq],.cw-section-data[data-astro-cid-zy3j25tq]{flex-direction:column;gap:1.5rem;display:flex}.cw-label-row[data-astro-cid-zy3j25tq]{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.cw-control-group[data-astro-cid-zy3j25tq] select[data-astro-cid-zy3j25tq]{width:100%;margin:0}.cw-canvas-wrap[data-astro-cid-zy3j25tq]{border-radius:var(--cw-radius);cursor:crosshair;background:var(--surface);touch-action:none;user-select:none;width:100%;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.cw-canvas-wrap[data-astro-cid-zy3j25tq]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}canvas[data-astro-cid-zy3j25tq]{width:100%;height:auto;display:block}.cw-cursor[data-astro-cid-zy3j25tq]{pointer-events:none;will-change:top,left;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-20px;left:-20px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.cw-harmony-cursors[data-astro-cid-zy3j25tq]{pointer-events:none;position:absolute;inset:0}.cw-cursor-sub{pointer-events:none;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.cw-preview[data-astro-cid-zy3j25tq]{border-radius:var(--cw-radius);border:1px solid var(--cw-border);background-color:#fff;background-image:repeating-conic-gradient(#d9e2ec 0% 25%,#fff 0% 50%);background-size:14px 14px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.cw-preview-fill[data-astro-cid-zy3j25tq]{transition:background-color .1s;position:absolute;inset:0}.cw-alpha[data-astro-cid-zy3j25tq] label[data-astro-cid-zy3j25tq]{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:flex}.cw-alpha[data-astro-cid-zy3j25tq] b[data-astro-cid-zy3j25tq]{font-family:var(--font-mono,monospace);font-weight:600}.cw-alpha[data-astro-cid-zy3j25tq] input[data-astro-cid-zy3j25tq][type=range]{width:100%;margin:0}.cw-inputs[data-astro-cid-zy3j25tq]{background:var(--cw-bg);border:1px solid var(--cw-border);border-radius:var(--cw-radius);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.cw-input-row[data-astro-cid-zy3j25tq]{align-items:center;gap:.5rem;display:flex}.cw-dot[data-astro-cid-zy3j25tq]{font-size:1.2rem;line-height:1;transition:color .2s}.cw-input-row[data-astro-cid-zy3j25tq] input[data-astro-cid-zy3j25tq]{border:1px solid var(--cw-border);background:var(--paper);border-radius:4px;flex:1;height:auto;margin:0;padding:.35rem .5rem;font-family:monospace;font-size:.9rem}.cw-input-row[data-astro-cid-zy3j25tq] input[data-astro-cid-zy3j25tq]:focus{border-color:var(--cw-primary);box-shadow:0 0 0 2px var(--focus)}.cw-copy-btn[data-astro-cid-zy3j25tq]{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;width:auto;height:auto;margin:0;padding:4px;display:flex}.cw-copy-btn[data-astro-cid-zy3j25tq]:hover{opacity:1;color:var(--cw-primary)}.cw-nearest[data-astro-cid-zy3j25tq]{flex-wrap:wrap;gap:.5rem;display:flex}.cw-chip[data-astro-cid-zy3j25tq]{width:auto;height:auto;font-family:var(--font-mono,monospace);background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;margin:0;padding:.25rem .6rem;font-size:.78rem}.cw-chip[data-astro-cid-zy3j25tq]:hover{border-color:var(--cw-primary);color:var(--cw-primary)}.cw-heading[data-astro-cid-zy3j25tq]{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;margin:0 0 .5rem;font-size:.8rem}.cw-heading-row[data-astro-cid-zy3j25tq]{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.cw-pal-actions[data-astro-cid-zy3j25tq]{align-items:center;gap:.6rem;display:flex}.cw-pal-actions[data-astro-cid-zy3j25tq] select[data-astro-cid-zy3j25tq].cw-pal-fmt{width:auto;font-size:.75rem;font-family:var(--font-mono,monospace);margin:0;padding:.15rem 1.6rem .15rem .4rem}.cw-link-btn[data-astro-cid-zy3j25tq]{color:var(--cw-primary);cursor:pointer;background:0 0;border:none;width:auto;height:auto;padding:0;font-size:.75rem;text-decoration:underline}.cw-grid[data-astro-cid-zy3j25tq]{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px;display:grid}.cw-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:4px;width:100%;transition:transform .1s;position:relative}.cw-swatch:hover{z-index:2;border-color:#fff;transform:scale(1.15);box-shadow:0 4px 8px #00000026}.cw-palette-area[data-astro-cid-zy3j25tq]{margin:0}.cw-palette[data-astro-cid-zy3j25tq]{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}@media (width<=480px){.cw-palette[data-astro-cid-zy3j25tq]{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}}.cw-pal-item{cursor:pointer;width:100%;height:auto;font:inherit;background:0 0;border:none;flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.cw-pal-swatch{border-radius:var(--cw-radius);border:1px solid #00000026;width:100%;height:52px;display:block}.cw-pal-item.cw-pal-base .cw-pal-swatch{outline:2px solid var(--cw-primary);outline-offset:2px}.cw-pal-code{font-family:var(--font-mono,monospace);color:var(--muted);text-align:center;letter-spacing:.02em;font-size:.75rem}.cw-pal-item:hover .cw-pal-code{color:var(--ink)}