header.svelte-11axmtm h3:where(.svelte-11axmtm){margin:0}.hint.svelte-11axmtm{color:var(--on-surface-variant);margin:0;font-size:.85rem}.dropdown.svelte-11axmtm{position:relative}.trigger.svelte-11axmtm{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;transition:border-color .12s,box-shadow .12s;display:flex}.trigger.svelte-11axmtm:hover,.dropdown.open.svelte-11axmtm .trigger:where(.svelte-11axmtm){border-color:var(--outline);background:var(--surface)}.trigger.svelte-11axmtm:focus-visible{outline:2px solid var(--on-surface);outline-offset:2px}.trigger-main.svelte-11axmtm{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.trigger-label.svelte-11axmtm{color:var(--on-surface);font-size:.95rem;font-weight:600}.chevron.svelte-11axmtm{color:var(--on-surface-variant);flex-shrink:0;transition:transform .16s}.dropdown.open.svelte-11axmtm .chevron:where(.svelte-11axmtm){transform:rotate(180deg)}.swatches.svelte-11axmtm{border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:2px;width:100%;height:20px;display:grid;overflow:hidden}.swatch.svelte-11axmtm{min-width:0;height:100%;display:block}.list.svelte-11axmtm{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;max-height:min(420px,60vh);margin:.4rem 0 0;padding:.3rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.list.svelte-11axmtm li:where(.svelte-11axmtm){margin:0}.option.svelte-11axmtm{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;gap:.4rem;width:100%;padding:.55rem .6rem;display:flex}.option.svelte-11axmtm:hover{background:var(--surface-container-low);border-color:var(--outline-variant)}.option.selected.svelte-11axmtm{background:var(--surface);border-color:var(--on-surface);box-shadow:0 0 0 1px var(--on-surface) inset}.option-label.svelte-11axmtm{color:var(--on-surface);font-size:.88rem;font-weight:500}.option.svelte-11axmtm .swatches:where(.svelte-11axmtm){height:18px}.wheel-header.svelte-vhle9a{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.muted.svelte-vhle9a{color:var(--on-surface-variant);max-width:48ch;margin:0;font-size:.9rem}.harmony-toggle.svelte-vhle9a{flex-wrap:wrap;gap:.35rem;display:flex}.harmony-toggle.svelte-vhle9a button:where(.svelte-vhle9a){padding:.35rem .65rem;font-size:.78rem}.wheel-wrap.svelte-vhle9a{justify-content:center;padding:.5rem;display:flex}.wheel-wrap.svelte-vhle9a svg:where(.svelte-vhle9a){width:100%;max-width:460px;height:auto}.cell-group.svelte-vhle9a{cursor:pointer;-webkit-tap-highlight-color:transparent}.cell-fill.svelte-vhle9a,.cell-empty.svelte-vhle9a{stroke:var(--surface);transition:opacity .2s,filter .16s}.cell-empty.svelte-vhle9a{fill:var(--surface-container);pointer-events:none}.cell-group.svelte-vhle9a:hover .cell-fill:where(.svelte-vhle9a),.cell-group.svelte-vhle9a:focus-visible .cell-fill:where(.svelte-vhle9a){filter:brightness(1.08)saturate(1.05)}.cell-fill.dim.svelte-vhle9a,.cell-empty.dim.svelte-vhle9a{opacity:.22}.cell-group.svelte-vhle9a:focus{outline:none}.wheel-hub.svelte-vhle9a{fill:var(--surface);stroke:var(--outline-variant)}.harmony-line.svelte-vhle9a,.harmony-outline.svelte-vhle9a{stroke:var(--on-surface)}.hub-eyebrow.svelte-vhle9a{fill:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.12em}.hub-hex.svelte-vhle9a{fill:var(--on-surface)}.hub-meta.svelte-vhle9a{fill:var(--on-surface-variant)}.hub-hover-label.svelte-vhle9a{letter-spacing:.06em}.hub-placeholder.svelte-vhle9a{fill:var(--on-muted);text-transform:uppercase;letter-spacing:.12em}.premium-section.svelte-vhle9a{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-left:3px solid var(--on-surface);border-radius:var(--radius-sm);flex-direction:column;gap:.65rem;padding:.85rem 1rem;display:flex}.premium-picks.svelte-vhle9a{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.premium-picks.svelte-vhle9a li:where(.svelte-vhle9a){margin:0}.premium-pick.svelte-vhle9a{border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:32px;height:32px;padding:0;transition:transform .12s}.premium-pick.svelte-vhle9a:hover{background:0 0;transform:scale(1.08)}.premium-pick.svelte-vhle9a:focus-visible{outline:2px solid var(--on-surface);outline-offset:2px}.premium-pick.svelte-vhle9a:active{transform:scale(1.04)}.premium-pick.active.svelte-vhle9a{color:inherit;background:0 0;border-color:#0000}.premium-dot.svelte-vhle9a{border-radius:var(--radius-full);background:var(--pick-color);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--outline-variant);transition:box-shadow .12s;display:block}.premium-pick.active.svelte-vhle9a .premium-dot:where(.svelte-vhle9a){box-shadow:inset 0 0 0 1px var(--outline-variant), 0 0 0 2px var(--surface), 0 0 0 4px var(--on-surface)}.wheel-help.svelte-vhle9a{color:var(--on-surface-variant);text-align:center;margin:0;font-size:.85rem}.link-btn.svelte-vhle9a{color:var(--on-surface);cursor:pointer;font-size:inherit;background:0 0;border:none;margin-left:.4rem;padding:0;text-decoration:underline}.link-btn.svelte-vhle9a:hover{opacity:.75;background:0 0}.empty.svelte-l1rtfz{text-align:center;color:var(--on-surface-variant);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:.85rem;padding:1.5rem 0;display:flex}.empty-swatch.svelte-l1rtfz{border-radius:var(--radius-full);background:var(--surface-container);border:1px dashed var(--outline-variant);width:48px;height:48px}.palette-stats.svelte-l1rtfz{width:100%;color:var(--on-surface);grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.5rem;font-size:.85rem;display:grid}.palette-stats.svelte-l1rtfz span:where(.svelte-l1rtfz){background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);text-align:center;padding:.4rem .6rem}.base-card.svelte-l1rtfz{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.base-meta.svelte-l1rtfz h4:where(.svelte-l1rtfz){margin:.1rem 0 .2rem;font-size:1.1rem}.tag-row.svelte-l1rtfz{flex-wrap:wrap;gap:.3rem;display:flex}.role-tag.svelte-l1rtfz{text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-full);opacity:.85;background:0 0;border:1px solid;padding:.15rem .5rem;font-size:.7rem}.col-tag.svelte-l1rtfz{text-transform:none;letter-spacing:.04em}.base-meta.svelte-l1rtfz code:where(.svelte-l1rtfz){opacity:.85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.hsl.svelte-l1rtfz{gap:.5rem;margin:0;padding:0;display:flex}.hsl.svelte-l1rtfz>div:where(.svelte-l1rtfz){border-radius:var(--radius-sm);text-align:center;opacity:.85;background:0 0;border:1px solid;flex:1;padding:.4rem .5rem}.hsl.svelte-l1rtfz dt:where(.svelte-l1rtfz){opacity:.75;margin:0;font-size:.7rem}.hsl.svelte-l1rtfz dd:where(.svelte-l1rtfz){margin:0;font-weight:600}.matches.svelte-l1rtfz h3:where(.svelte-l1rtfz){margin:0 0 .5rem}.matches.svelte-l1rtfz ul:where(.svelte-l1rtfz){flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.match-chip.svelte-l1rtfz{border-radius:var(--radius-sm);cursor:pointer;text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.55rem .7rem;display:flex}.match-chip.svelte-l1rtfz:hover{background-color:inherit;filter:brightness(1.05)}.chip-name.svelte-l1rtfz{font-size:.9rem;font-weight:600}.chip-meta.svelte-l1rtfz{opacity:.85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.empty-text.svelte-l1rtfz{color:var(--text-muted);margin:0;font-size:.85rem}.page-intro.svelte-ypbj28{flex-direction:column;gap:.5rem;max-width:720px;margin:0 0 2rem;display:flex}.eyebrow.svelte-ypbj28{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);font-size:.95rem;font-weight:600}.page-intro.svelte-ypbj28 h1:where(.svelte-ypbj28){font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-surface);margin:0;font-size:2.1rem;font-weight:600;line-height:1.2}.tagline.svelte-ypbj28{color:var(--on-surface-variant);max-width:64ch;margin:0}.wheel-grid.svelte-ypbj28{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:stretch;gap:1.5rem;display:grid}.side-stack.svelte-ypbj28{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.side-stack.svelte-ypbj28>.info-panel{flex:1;min-height:0}@media (width<=880px){.wheel-grid.svelte-ypbj28{grid-template-columns:1fr}.side-stack.svelte-ypbj28{display:contents}.side-stack.svelte-ypbj28>.palette-selector{order:-1}}@media (width<=640px){.page-intro.svelte-ypbj28 h1:where(.svelte-ypbj28){font-size:1.75rem}}