.cc[data-v-50b15b13]{gap:1rem;padding:1.25rem;display:grid}.cc-toolbar[data-v-50b15b13],.cc-actions[data-v-50b15b13],.cc-input-row[data-v-50b15b13],.cc-result-heading[data-v-50b15b13],.cc-section-heading[data-v-50b15b13]{align-items:center;display:flex}.cc-toolbar[data-v-50b15b13],.cc-result-heading[data-v-50b15b13],.cc-section-heading[data-v-50b15b13]{justify-content:space-between;gap:1rem}.cc-toolbar p[data-v-50b15b13],.cc-hint[data-v-50b15b13],.cc-wheel-wrap p[data-v-50b15b13],.cc-section-heading p[data-v-50b15b13],.cc-code-card p[data-v-50b15b13],.cc-ratio-note[data-v-50b15b13]{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.5}.cc-toolbar p[data-v-50b15b13]{max-width:38rem}.cc-actions[data-v-50b15b13]{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.cc-btn[data-v-50b15b13]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;padding:.6rem .85rem;font-size:.8125rem;font-weight:650}.cc-btn[data-v-50b15b13]:hover:not(:disabled){border-color:var(--accent)}.cc-btn[data-v-50b15b13]:focus-visible{outline:3px solid var(--tint-accent);outline-offset:2px}.cc-btn[data-v-50b15b13]:disabled{opacity:.5;cursor:default}.cc-btn-primary[data-v-50b15b13]{background:var(--accent);width:100%;color:var(--accent-fg);border-color:var(--accent)}.cc-btn-primary[data-v-50b15b13]:hover:not(:disabled){background:var(--accent);color:var(--accent-fg);filter:brightness(1.06)}.cc-workspace[data-v-50b15b13]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);display:grid;overflow:hidden}.cc-input-panel[data-v-50b15b13],.cc-output-panel[data-v-50b15b13]{min-width:0;padding:1.25rem}.cc-input-panel[data-v-50b15b13]{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:1.5rem;display:flex}.cc-field[data-v-50b15b13]{gap:.5rem;display:grid}.cc-field label[data-v-50b15b13],.cc-eyebrow[data-v-50b15b13]{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.cc-input-row[data-v-50b15b13]{gap:.65rem}.cc-picker[data-v-50b15b13]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--input);cursor:pointer;flex:0 0 3rem;width:3rem;height:3rem;padding:.2rem}.cc-picker[data-v-50b15b13]::-webkit-color-swatch-wrapper{padding:0}.cc-picker[data-v-50b15b13]::-webkit-color-swatch{border-radius:calc(var(--radius-input) - 3px);border:0}.cc-picker[data-v-50b15b13]::-moz-color-swatch{border-radius:calc(var(--radius-input) - 3px);border:0}.cc-text-input[data-v-50b15b13]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--input);width:100%;min-width:0;height:3rem;color:var(--text);padding:0 .85rem;font:650 1rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cc-error[data-v-50b15b13]{color:var(--badge-fail);margin:0;font-size:.8125rem}.cc-wheel-wrap[data-v-50b15b13]{justify-items:center;gap:.65rem;margin-top:auto;display:grid}.cc-wheel[data-v-50b15b13]{aspect-ratio:1;width:min(12rem,70vw);box-shadow:inset 0 0 0 1px #ffffff59, 0 0 0 1px var(--border);background:conic-gradient(#ef4444,#facc15,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444);border-radius:50%;position:relative}.cc-wheel[data-v-50b15b13]:after{content:"";background:var(--bg);border:1px solid var(--border);border-radius:50%;position:absolute;inset:20%}.cc-wheel-center[data-v-50b15b13]{z-index:2;color:var(--muted);place-items:center;font-size:.75rem;font-weight:800;display:grid;position:absolute;inset:0}.cc-marker[data-v-50b15b13]{z-index:3;background:var(--text);border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0f172ab3}.cc-marker-complement[data-v-50b15b13]{width:.8rem;height:.8rem}.cc-output-panel[data-v-50b15b13]{min-height:28rem}.cc-empty[data-v-50b15b13]{text-align:center;min-height:25rem;color:var(--muted);place-content:center;justify-items:center;gap:.55rem;display:grid}.cc-empty-icon[data-v-50b15b13]{border:1px solid var(--border);background:var(--bg);width:3.25rem;height:3.25rem;color:var(--accent);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.cc-empty h2[data-v-50b15b13],.cc-empty p[data-v-50b15b13],.cc-result-heading h2[data-v-50b15b13],.cc-section-heading h3[data-v-50b15b13],.cc-code-card h3[data-v-50b15b13]{margin:0}.cc-empty h2[data-v-50b15b13],.cc-result-heading h2[data-v-50b15b13]{color:var(--text);font-size:1.1rem}.cc-empty-error .cc-empty-icon[data-v-50b15b13]{border-color:var(--badge-fail);color:var(--badge-fail)}.cc-empty p[data-v-50b15b13]{max-width:24rem;margin:0;font-size:.875rem}.cc-result[data-v-50b15b13]{gap:1rem;display:grid}.cc-result-heading>div[data-v-50b15b13],.cc-section-heading>div[data-v-50b15b13],.cc-code-card>div[data-v-50b15b13]:first-child{gap:.2rem;display:grid}.cc-swatches[data-v-50b15b13]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.cc-swatch[data-v-50b15b13],.cc-preview-card[data-v-50b15b13],.cc-code-card[data-v-50b15b13],.cc-notice[data-v-50b15b13]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);overflow:hidden}.cc-swatch-color[data-v-50b15b13]{flex-direction:column;justify-content:space-between;min-height:8rem;padding:1rem;display:flex}.cc-swatch-color span[data-v-50b15b13]{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:999px;width:fit-content;padding:.2rem .45rem;font-size:.7rem;font-weight:750}.cc-swatch-color strong[data-v-50b15b13]{font:750 1.4rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cc-values[data-v-50b15b13]{gap:.5rem;margin:0;padding:.85rem;display:grid}.cc-values div[data-v-50b15b13]{grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline;gap:.5rem;display:grid}.cc-values dt[data-v-50b15b13]{color:var(--muted);font-size:.6875rem;font-weight:750}.cc-values dd[data-v-50b15b13]{overflow-wrap:anywhere;min-width:0;color:var(--text);margin:0;font:.75rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cc-copy[data-v-50b15b13]{width:calc(100% - 1.7rem);margin:0 .85rem .85rem}.cc-notice[data-v-50b15b13]{border-color:var(--accent);color:var(--text);gap:.2rem;padding:.8rem .9rem;font-size:.8125rem;display:grid}.cc-notice span[data-v-50b15b13]{color:var(--muted)}.cc-preview-card[data-v-50b15b13],.cc-code-card[data-v-50b15b13]{gap:.75rem;padding:1rem;display:grid}.cc-section-heading h3[data-v-50b15b13],.cc-code-card h3[data-v-50b15b13]{color:var(--text);font-size:.9rem}.cc-ratio[data-v-50b15b13]{background:var(--tint-accent);color:var(--accent);border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.8rem;font-weight:800}.cc-preview[data-v-50b15b13]{border-radius:calc(var(--radius-input) - 2px);grid-template-columns:7fr 3fr;min-height:4.5rem;display:grid;overflow:hidden}.cc-preview div[data-v-50b15b13]{place-items:center;font-size:.75rem;font-weight:800;display:grid}.cc-code-card pre[data-v-50b15b13]{border:1px solid var(--border);border-radius:calc(var(--radius-input) - 2px);background:var(--surface);max-width:100%;color:var(--text);margin:0;padding:.8rem;font-size:.75rem;line-height:1.5;overflow:auto}@media (width<=767px){.cc[data-v-50b15b13]{padding:.85rem}.cc-toolbar[data-v-50b15b13],.cc-result-heading[data-v-50b15b13],.cc-section-heading[data-v-50b15b13]{flex-direction:column;align-items:flex-start}.cc-actions[data-v-50b15b13],.cc-actions .cc-btn[data-v-50b15b13]{width:100%}.cc-actions[data-v-50b15b13]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cc-workspace[data-v-50b15b13]{grid-template-columns:1fr}.cc-input-panel[data-v-50b15b13]{border-right:0;border-bottom:1px solid var(--border)}.cc-wheel-wrap[data-v-50b15b13]{display:none}.cc-output-panel[data-v-50b15b13]{min-height:18rem}.cc-empty[data-v-50b15b13]{min-height:15rem}.cc-swatches[data-v-50b15b13]{grid-template-columns:1fr}.cc-swatch-color[data-v-50b15b13]{min-height:6.5rem}}