.colour-wheel-view{display:block;min-width:0}.wheel-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:8px 0 32px}.wheel-art{position:relative;max-width:660px;width:100%;margin:auto}.wheel-art svg{display:block;width:100%;overflow:visible}.wheel-guide{fill:none;stroke:var(--line);stroke-width:1}.wheel-rotor{transform-origin:250px 250px;animation:wheel-orbit 100s linear infinite;animation-play-state:paused}.wheel-art.is-running .wheel-rotor{animation-play-state:running}.wheel-art:hover .wheel-rotor,.wheel-art:focus-within .wheel-rotor{animation-play-state:paused}.wheel-slice{stroke:var(--bg);stroke-width:.8;cursor:pointer;transition:opacity .2s ease,stroke-width .2s ease}.wheel-art.has-selection .wheel-slice{opacity:.3}.wheel-art.has-selection .wheel-slice[aria-pressed=true],.wheel-slice:hover,.wheel-slice:focus-visible{opacity:1;stroke:var(--text);stroke-width:2;outline:none}.wheel-centre{position:absolute;inset:35%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.wheel-centre strong{font-size:clamp(2rem,5vw,4rem);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.wheel-centre span{font-size:.8125rem;color:var(--muted);margin-top:6px}.wheel-detail{min-width:0}.wheel-detail h3{font-size:clamp(1.4rem,2.5vw,2rem);margin:12px 0 8px;overflow-wrap:anywhere}.wheel-detail p{margin:8px 0;max-width:52ch}.wheel-detail .wheel-preview{width:64px;height:64px;border:1px solid var(--line);border-radius:50%;background:var(--swatch)}.wheel-detail dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0;font-size:.875rem}.wheel-detail dd{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.wheel-detail select{width:100%;margin:8px 0 20px}.wheel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.wheel-key{font-size:.8125rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:12px}.wheel-excluded{border-top:1px solid var(--line);padding:16px 0}.wheel-excluded summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.wheel-excluded ul{padding-left:20px;max-height:240px;overflow:auto}.wheel-excluded li{padding:8px 0;font-size:.875rem}.wheel-help{font-size:.875rem;color:var(--muted)}
@keyframes wheel-orbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.tabs{overflow-x:auto}.tabs button{flex:none;white-space:nowrap}.wheel-layout{grid-template-columns:1fr;gap:24px}.wheel-art{max-width:480px}.wheel-centre strong{font-size:2.5rem}.wheel-detail{padding-top:20px;border-top:1px solid var(--line)}.wheel-detail dl{margin:16px 0}.wheel-detail select{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.wheel-rotor{animation:none!important}.wheel-slice{transition:none}}
@media print{.wheel-rotor{animation:none!important}.wheel-slice{print-color-adjust:exact;-webkit-print-color-adjust:exact}.wheel-actions,.wheel-detail>label,.wheel-detail>select{display:none}.wheel-layout{grid-template-columns:1fr 1fr}}