.color-wheel-container.svelte-4f1r65{display:flex;align-items:center;gap:8px;padding:4px 0}.wheel-wrapper.svelte-4f1r65{position:relative;width:var(--size);height:var(--size);flex-shrink:0}.wheel-canvas.svelte-4f1r65{width:var(--size);height:var(--size);border-radius:50%;cursor:crosshair;display:block}.wheel-indicator.svelte-4f1r65{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #0009,inset 0 0 2px #0000004d}.strip-wrapper.svelte-4f1r65{position:relative;width:var(--strip-width);height:var(--size);flex-shrink:0}.strip-canvas.svelte-4f1r65{width:var(--strip-width);height:var(--size);border-radius:3px;cursor:pointer;display:block}.strip-indicator.svelte-4f1r65{position:absolute;left:-2px;width:calc(var(--strip-width) + 4px);height:4px;border:2px solid white;border-radius:2px;transform:translateY(-50%);pointer-events:none;box-shadow:0 0 2px #0009}.swatch.svelte-4f1r65{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);flex-shrink:0;align-self:flex-start}.cf.svelte-8xgloe{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cf-label.svelte-8xgloe{font-size:.6875rem;color:var(--text-muted, #737373)}.cf-help.svelte-8xgloe{margin-left:.1875rem;cursor:help}.cf-help.svelte-8xgloe:hover{color:var(--text-secondary, #a3a3a3)}.cf-anchor.svelte-8xgloe{position:relative}.cf-swatch.svelte-8xgloe{display:flex;align-items:center;gap:.5rem;width:100%;padding:4px 6px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #262626);border-radius:4px;cursor:pointer}.cf-swatch.svelte-8xgloe:hover:not(.cf-swatch--disabled){border-color:var(--text-muted, #737373)}.cf-swatch--disabled.svelte-8xgloe{opacity:.5;cursor:not-allowed}.cf-chip.svelte-8xgloe{width:1.25rem;height:1.25rem;flex:0 0 auto;border-radius:3px;border:1px solid rgba(255,255,255,.18)}.cf-hex.svelte-8xgloe{font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary, #a3a3a3);text-transform:uppercase}.cf-backdrop.svelte-8xgloe{position:fixed;inset:0;z-index:40}.cf-pop.svelte-8xgloe{position:absolute;z-index:41;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #262626);border-radius:.5rem;box-shadow:0 12px 32px #00000073}.cf-channels.svelte-8xgloe{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.cf-channel.svelte-8xgloe{display:flex;flex-direction:column;gap:.125rem;font-size:.625rem;color:var(--text-muted, #737373)}.cf-channel.svelte-8xgloe input:where(.svelte-8xgloe){width:100%;padding:3px 5px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #262626);border-radius:4px;color:var(--text-primary, #fafafa);font-size:.75rem;font-family:JetBrains Mono,monospace}.cf-channel.svelte-8xgloe input:where(.svelte-8xgloe):focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.rf.svelte-apnb9w{display:flex;flex-direction:column;gap:.25rem;min-width:0}.rf--disabled.svelte-apnb9w{opacity:.5}.rf-head.svelte-apnb9w{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.rf-label.svelte-apnb9w{font-size:.6875rem;color:var(--text-muted, #737373);min-width:0}.rf-readout.svelte-apnb9w{font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary, #a3a3a3);white-space:nowrap}.rf-unit.svelte-apnb9w{margin-left:.125rem;color:var(--text-muted, #737373)}.rf-help.svelte-apnb9w{margin-left:.1875rem;color:var(--text-muted, #737373);cursor:help}.rf-help.svelte-apnb9w:hover{color:var(--text-secondary, #a3a3a3)}.rf-row.svelte-apnb9w{display:flex;align-items:center;gap:.5rem}.rf-slider.svelte-apnb9w{flex:1 1 auto;min-width:0;height:4px;accent-color:var(--accent-primary, #3b82f6);cursor:pointer}.rf-slider.svelte-apnb9w:disabled{cursor:not-allowed}.rf-box.svelte-apnb9w{flex:0 0 4.5rem;width:4.5rem;padding:3px 6px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #262626);border-radius:4px;color:var(--text-primary, #fafafa);font-size:.75rem;font-family:JetBrains Mono,monospace}.rf-box.svelte-apnb9w:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.pb.svelte-13bruau{display:flex;flex-direction:column;gap:.375rem;min-width:0}.pb-track.svelte-13bruau{display:flex;overflow:hidden;border-radius:999px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #262626)}.pb-seg.svelte-13bruau{height:100%;transition:width .2s ease}.pb-empty.svelte-13bruau{width:100%;text-align:center;font-size:.625rem;color:var(--text-muted, #737373);line-height:1;align-self:center}.pb-legend.svelte-13bruau{display:flex;flex-wrap:wrap;gap:.25rem .75rem}.pb-item.svelte-13bruau{display:inline-flex;align-items:center;gap:.3125rem;font-size:.6875rem;color:var(--text-muted, #737373)}.pb-item.svelte-13bruau code:where(.svelte-13bruau){color:var(--text-secondary, #a3a3a3);font-size:.625rem}.pb-dot.svelte-13bruau{width:.5rem;height:.5rem;border-radius:2px;flex:0 0 auto}.sl.svelte-7yus5a{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sl-svg.svelte-7yus5a{width:100%;height:auto;display:block;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #262626);border-radius:6px}.sl-baseline.svelte-7yus5a{stroke:var(--text-muted, #737373);stroke-width:1;stroke-dasharray:3 3;opacity:.5;vector-effect:non-scaling-stroke}.sl-axis.svelte-7yus5a{display:flex;justify-content:space-between;font-size:.5625rem;color:var(--text-muted, #737373);font-family:JetBrains Mono,monospace}