.cp-controls.svelte-11u0xfe{padding:var(--space-4);margin-bottom:var(--space-5)}.cp-controls-row.svelte-11u0xfe{display:flex;gap:var(--space-6);align-items:flex-end;flex-wrap:wrap}.cp-color-pick.svelte-11u0xfe{display:flex;flex-direction:column;gap:var(--space-2)}.cp-color-row.svelte-11u0xfe{display:flex;align-items:center;gap:var(--space-2)}.cp-color-input.svelte-11u0xfe{width:48px;height:40px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;padding:2px;background:none}.cp-hex-input.svelte-11u0xfe{width:110px;font-family:var(--font-mono)}.cp-dice-btn.svelte-11u0xfe{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cp-dice-btn.svelte-11u0xfe:hover{background:var(--tool-accent-dim);color:var(--tool-accent);border-color:var(--tool-accent);transform:rotate(20deg) scale(1.1)}.mode-toggle.svelte-11u0xfe{display:flex;background:var(--bg-elevated);border-radius:var(--radius);padding:3px;border:1px solid var(--border);flex-wrap:wrap}.mode-btn.svelte-11u0xfe{padding:5px 14px;border-radius:calc(var(--radius) - 2px);font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-btn.active.svelte-11u0xfe{background:var(--tool-accent);color:#fff;font-weight:600}.cp-strip.svelte-11u0xfe{display:flex;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5);height:60px}.cp-swatch.svelte-11u0xfe{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;cursor:pointer;transition:flex var(--transition)}.cp-swatch.svelte-11u0xfe:hover{flex:1.5}.cp-swatch-label.svelte-11u0xfe{font-size:10px;font-weight:700;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cp-grid.svelte-11u0xfe{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.cp-card.svelte-11u0xfe{overflow:hidden}.cp-card-body.svelte-11u0xfe{padding:var(--space-3)}.cp-card-label.svelte-11u0xfe{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-2)}.cp-values.svelte-11u0xfe{display:flex;flex-direction:column;gap:3px}.cp-value-btn.svelte-11u0xfe{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--bg-elevated);border:none;border-radius:var(--radius-sm);padding:3px 6px;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.cp-value-btn.svelte-11u0xfe:hover{background:var(--tool-accent-dim);color:var(--tool-accent)}.cp-export.svelte-11u0xfe{display:flex;justify-content:flex-end}