.palette-draft .example-flag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk)}.palette-draft .qs{display:grid;gap:20px}.palette-draft .q{border:0;padding:0;margin:0;min-width:0}.palette-draft .q legend{font-size:14px;font-weight:500;padding:0;margin-bottom:7px;display:flex;gap:8px;align-items:baseline}.palette-draft .q legend .n{font-family:var(--mono);font-size:12px;color:var(--ink-muted);letter-spacing:.06em;flex:none}.palette-draft .opts{display:grid;gap:4px}.palette-draft .opts label{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;padding:7px 9px;background:var(--sheet-2);border:1px solid transparent;cursor:pointer}.palette-draft .opts label:hover{border-color:var(--rule)}.palette-draft .opts input{margin:3px 0 0;accent-color:var(--mark);flex:none}.palette-draft .opts input:checked+span{font-weight:500}.palette-draft .opts label:has(input:checked){background:var(--mark-soft);border-color:var(--mark)}.palette-draft .reset{margin-top:20px;width:100%;font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;padding:11px;background:transparent;color:var(--ink-muted);border:1px solid var(--rule);cursor:pointer}.palette-draft .reset:hover{color:var(--ink);border-color:var(--ink)}.palette-draft .season-name{font-family:var(--display);font-size:var(--step-3);font-weight:var(--dw);line-height:1.02;letter-spacing:-.012em;margin:0 0 3px;text-wrap:balance}.palette-draft .season-chars{font-family:var(--mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--chalk);margin:0 0 16px}.palette-draft .axes{display:grid;gap:17px;margin-bottom:24px}.palette-draft .axis{min-width:0}.palette-draft .axis-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.palette-draft .axis-top .dom{color:var(--chalk)}.palette-draft .track{position:relative;height:22px;border-left:1px solid var(--rule);border-right:1px solid var(--rule);background-image:repeating-linear-gradient(90deg,var(--rule-fine) 0 1px,transparent 1px 10%);background-position:center;background-repeat:repeat-x;background-size:100% 9px}.palette-draft .track:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--rule)}.palette-draft .track:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--mark);opacity:.45}.palette-draft .marker{position:absolute;top:50%;width:11px;height:11px;background:var(--chalk);transform:translate(-50%,-50%) rotate(45deg)}.palette-draft .axis.is-dom .marker{box-shadow:0 0 0 3.5px var(--mark-soft)}.palette-draft .axis-val{font-family:var(--mono);font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:4px}.palette-draft .palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule-fine);border:1px solid var(--rule-fine);margin-bottom:24px}@media(min-width:520px){.palette-draft .palette{grid-template-columns:repeat(4,minmax(0,1fr))}}.palette-draft .palette>div{background:var(--sheet)}.palette-draft .palette .chip{height:62px;border-bottom:1px solid var(--rule-fine)}.palette-draft .palette .meta{padding:7px 8px 9px}.palette-draft .palette .nm{font-size:12px;line-height:1.3;font-weight:500}.palette-draft .palette .hx{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-muted);text-transform:uppercase;margin-top:2px}.palette-draft .anchors{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:1px;background:var(--rule-fine);border:1px solid var(--rule-fine);margin:0 0 24px}.palette-draft .anchors>div{background:var(--sheet);padding:11px 12px;display:flex;gap:10px;align-items:flex-start}.palette-draft .anchors .dot{width:22px;height:22px;border:1px solid var(--rule);flex:none;margin-top:1px}.palette-draft .anchors dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:2px}.palette-draft .anchors dd{margin:0;font-size:13.5px;font-weight:500;line-height:1.3}.palette-draft .more{margin:0;font-size:14.5px}.palette-draft .more .handoff{display:block;margin-top:9px;font-size:13px;color:var(--ink-muted);line-height:1.5}