.cc-main[data-astro-cid-wend7fjr]{grid-template-columns:300px 1fr;align-items:stretch;gap:20px;margin-top:1.5rem;display:grid}@media (width<=900px){.cc-main[data-astro-cid-wend7fjr]{grid-template-columns:1fr}}.cc-picker-panel[data-astro-cid-wend7fjr]{flex-direction:column;gap:10px;display:flex}@media (width<=900px){.cc-picker-panel[data-astro-cid-wend7fjr]{max-width:380px}}.cc-canvas-wrap[data-astro-cid-wend7fjr]{border:1px solid var(--border);cursor:crosshair;user-select:none;touch-action:none;width:100%;position:relative}#cc-canvas[data-astro-cid-wend7fjr]{aspect-ratio:1;width:100%;display:block}.cc-cursor[data-astro-cid-wend7fjr]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0009}.cc-slider-group[data-astro-cid-wend7fjr]{flex-direction:column;gap:5px;display:flex}.cc-track[data-astro-cid-wend7fjr]{border:1px solid var(--border);border-radius:9px;height:18px;position:relative}.cc-hue-track[data-astro-cid-wend7fjr]{background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.cc-range[data-astro-cid-wend7fjr]{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.cc-range[data-astro-cid-wend7fjr]::-webkit-slider-runnable-track{background:0 0;height:100%}.cc-range[data-astro-cid-wend7fjr]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:20px;height:20px;margin-top:-1px;box-shadow:0 1px 4px #0006}.cc-range[data-astro-cid-wend7fjr]::-moz-range-track{background:0 0;border-radius:9px;height:100%}.cc-range[data-astro-cid-wend7fjr]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.cc-swatch-checker[data-astro-cid-wend7fjr]{border:1px solid var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='6' height='6' fill='%23e5e5e5'/%3E%3Crect x='6' y='6' width='6' height='6' fill='%23e5e5e5'/%3E%3Crect x='6' width='6' height='6' fill='%23333'/%3E%3Crect y='6' width='6' height='6' fill='%23333'/%3E%3C/svg%3E");border-radius:3px;overflow:hidden}.cc-swatch[data-astro-cid-wend7fjr]{height:36px;transition:background-color .1s}.cc-outputs-panel[data-astro-cid-wend7fjr]{background:var(--border);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex}.cc-top-row[data-astro-cid-wend7fjr]{background:var(--bg-surface);flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.cc-field-block[data-astro-cid-wend7fjr]{flex-direction:column;gap:5px;display:flex}.cc-field-hex[data-astro-cid-wend7fjr]{flex:1}.cc-field-opacity[data-astro-cid-wend7fjr]{flex-shrink:0;width:90px}.cc-field-named[data-astro-cid-wend7fjr]{flex:1}.output-grid[data-astro-cid-wend7fjr]{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}@media (width<=600px){.output-grid[data-astro-cid-wend7fjr]{grid-template-columns:1fr}}.format-card[data-astro-cid-wend7fjr]{background:var(--bg-surface);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.field-row[data-astro-cid-wend7fjr]{align-items:center;gap:8px;display:flex}input[data-astro-cid-wend7fjr][type=text],input[data-astro-cid-wend7fjr][type=number]{background:var(--bg-base);border:1px solid var(--border);min-width:0;color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;outline:none;flex:1;padding:7px 10px;font-size:.8125rem;transition:border-color .15s}input[data-astro-cid-wend7fjr][type=number]{-moz-appearance:textfield}input[data-astro-cid-wend7fjr][type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[data-astro-cid-wend7fjr][type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[data-astro-cid-wend7fjr][type=text]:focus,input[data-astro-cid-wend7fjr][type=number]:focus{border-color:var(--accent)}input[data-astro-cid-wend7fjr][type=text].error{border-color:#e05252}.error-hint[data-astro-cid-wend7fjr]{color:#e05252;font-size:.7rem;display:none}.cc-field-hex[data-astro-cid-wend7fjr]:has(input.error) .error-hint[data-astro-cid-wend7fjr]{display:block}.copy-btn[data-astro-cid-wend7fjr]{background:var(--bg-raised);border:1px solid var(--border);width:72px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-align:center;border-radius:3px;flex-shrink:0;padding:7px 11px;font-size:.7rem;transition:color .15s}.copy-btn[data-astro-cid-wend7fjr]:hover:not(:disabled){color:var(--accent)}.copy-btn[data-astro-cid-wend7fjr]:disabled{opacity:.4;cursor:not-allowed}.named-dot[data-astro-cid-wend7fjr]{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:14px;height:14px}.contrast-section[data-astro-cid-wend7fjr]{background:var(--bg-surface);flex:1;padding:14px}.contrast-grid[data-astro-cid-wend7fjr]{grid-template-columns:1fr 1fr;gap:8px;height:calc(100% - 28px);display:grid}.contrast-panel[data-astro-cid-wend7fjr]{border:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:18px 12px;display:flex}.contrast-aa[data-astro-cid-wend7fjr]{font-family:var(--font-mono);font-size:2.25rem;font-weight:700;line-height:1}.contrast-meta[data-astro-cid-wend7fjr]{align-items:center;gap:6px;display:flex}.contrast-ratio[data-astro-cid-wend7fjr]{font-family:var(--font-mono);font-size:.8rem;font-weight:600}.contrast-badge[data-astro-cid-wend7fjr]{font-family:var(--font-mono);letter-spacing:.06em;border-radius:2px;padding:2px 5px;font-size:.65rem;font-weight:700}.contrast-badge[data-astro-cid-wend7fjr].aaa{color:#4ade80;border:1px solid #4ade80}.contrast-badge[data-astro-cid-wend7fjr].aa{color:var(--accent);border:1px solid var(--accent)}.contrast-badge[data-astro-cid-wend7fjr].aa-lg{color:#fb923c;border:1px solid #fb923c}.contrast-badge[data-astro-cid-wend7fjr].fail{color:#f87171;border:1px solid #f87171}.contrast-desc[data-astro-cid-wend7fjr]{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.04em}