.cl-root{--cl-ink:var(--foreground);--cl-ink-2:var(--muted-foreground);--cl-ink-3:var(--muted-foreground);--cl-ink-4:color-mix(in oklab,var(--muted-foreground) 55%,transparent);--cl-paper:var(--background);--cl-well:var(--muted);--cl-well-2:var(--accent);--cl-card:var(--card);--cl-rule:var(--border);--cl-rule-2:color-mix(in oklab,var(--border) 100%,var(--foreground) 12%);--cl-focus:var(--ring);--cl-shadow:0 1px 0 color-mix(in oklab,var(--foreground) 8%,transparent),0 2px 8px color-mix(in oklab,var(--foreground) 12%,transparent);color:var(--cl-ink);font-family:var(--sans);font-feature-settings:"tnum" 1;display:grid;gap:var(--gap-7);max-width:64rem;margin-inline:auto}.cl-room{display:grid;gap:var(--gap-5);padding-top:var(--gap-6);border-top:1px solid var(--cl-rule-2)}.cl-head{display:grid;grid-template-columns:3rem 1fr;column-gap:var(--gap-3);row-gap:var(--gap-2);max-width:42rem}.cl-head h2{margin:0;font-size:var(--t-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}.cl-head p{grid-column:2;margin:0;color:var(--cl-ink-2);font-size:15px;line-height:1.55}.cl-no{font-family:var(--mono);font-size:var(--t-meta);color:var(--cl-ink-3);padding-top:.45em}.cl-grid{display:grid;gap:var(--gap-5);align-items:start}.cl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-grid-3{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)}.cl-grid-top{align-items:start}@media (max-width:720px){.cl-grid-2,.cl-grid-3{grid-template-columns:minmax(0,1fr)}.cl-head{grid-template-columns:1fr}.cl-head p{grid-column:1}}.cl-lede{margin:0 0 var(--gap-3);font-size:var(--t-title);font-weight:600}.cl-note{margin:var(--gap-3) 0 0;color:var(--cl-ink-2);font-size:var(--t-body);line-height:1.5;max-width:34rem}.cl-mono{font-family:var(--mono);font-size:var(--t-meta);color:var(--cl-ink-3)}.cl-swatch{display:block;aspect-ratio:1;width:100%;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--cl-rule)}.cl-swatch-lg{max-width:14rem}.cl-swatch-sm{height:var(--gap-2);aspect-ratio:auto;margin-top:var(--gap-1)}.cl-swatch-xs{display:inline-block;width:var(--ctl-xs);height:var(--ctl-xs);aspect-ratio:auto;border-radius:var(--r-xs)}.cl-swatch-row{grid-template-columns:repeat(2,4rem);margin-top:var(--gap-4)}.cl-readouts,.cl-swatch-row{display:grid;gap:var(--gap-2)}.cl-readouts{margin:var(--gap-3) 0 0;max-width:14rem}.cl-readouts>div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--cl-rule);padding-bottom:var(--gap-1)}.cl-readouts dt{font-size:var(--t-label);color:var(--cl-ink-3)}.cl-readouts dd{margin:0;font-family:var(--mono);font-size:var(--t-body)}.cl-hex{width:6.5em;border:0;background:transparent;font:inherit;text-align:right;color:inherit;outline:none;border-radius:var(--r-xs)}.cl-hex:focus-visible{box-shadow:0 0 0 2px var(--cl-focus)}.cl-sliders{display:grid;gap:var(--gap-4)}.cl-slider{display:grid;grid-template-columns:6rem 1fr 3.5rem;align-items:center;gap:var(--gap-3)}.cl-slider-label{font-size:var(--t-label);color:var(--cl-ink-2)}.cl-slider-value{font-family:var(--mono);font-size:var(--t-meta);text-align:right}.cl-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:var(--r-pill,999px);background:var(--cl-well-2);box-shadow:inset 0 0 0 1px var(--cl-rule);margin:0}.cl-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--ctl-sm);height:var(--ctl-sm);border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);box-shadow:var(--cl-shadow);cursor:grab}.cl-slider input[type=range]::-moz-range-thumb{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);box-shadow:var(--cl-shadow);cursor:grab}.cl-slider input[type=range]:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.cl-ring-col{display:grid;justify-items:center}.cl-ring{width:100%;max-width:15rem;aspect-ratio:1;display:block}.cl-ring-rule{fill:none;stroke:var(--cl-rule-2);stroke-width:1}.cl-ring-mark{fill:none;stroke:var(--cl-ink);stroke-width:1.5;transition:cx .12s var(--ease),cy .12s var(--ease)}.cl-disc,.cl-plane{position:relative;width:100%;max-width:22rem;aspect-ratio:1;touch-action:none;user-select:none}.cl-disc-canvas,.cl-plane-canvas{width:100%;height:100%;display:block;cursor:crosshair}.cl-plane-canvas{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--cl-rule)}.cl-disc-canvas{border-radius:50%}.cl-disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--cl-well);z-index:-1}.cl-disc-mark,.cl-plane-mark{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid var(--cl-card);box-shadow:0 0 0 1px var(--cl-ink),var(--cl-shadow);pointer-events:none}.cl-toggle-row{display:flex;align-items:center;gap:var(--gap-4);margin-top:var(--gap-3);max-width:22rem}.cl-toggle-row .cl-slider{flex:1;grid-template-columns:5rem 1fr 3rem}.cl-toggle{display:inline-flex;align-items:center;gap:var(--gap-2);height:var(--ctl-md);padding:0 var(--gap-2) 0 var(--gap-1);border:0;background:transparent;font:inherit;font-size:var(--t-label);color:var(--cl-ink-2);cursor:pointer;border-radius:var(--r-pill,999px)}.cl-toggle-knob{width:28px;height:16px;border-radius:999px;background:var(--cl-well-2);position:relative;transition:background .12s var(--ease)}.cl-toggle-knob:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--cl-card);transition:transform .12s var(--ease)}.cl-toggle[aria-pressed=true] .cl-toggle-knob{background:var(--cl-ink)}.cl-toggle[aria-pressed=true] .cl-toggle-knob:after{transform:translateX(12px)}.cl-toggle:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.cl-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-3)}.cl-pair figure,.cl-stop,.cl-value-strip figure{margin:0}.cl-pair figcaption,.cl-value-strip figcaption{margin-top:var(--gap-2);font-size:var(--t-label);color:var(--cl-ink-2);line-height:1.4}.cl-pair figcaption .cl-mono,.cl-value-strip figcaption .cl-mono{display:block}.cl-stops{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap-2)}.cl-stop{display:grid;gap:var(--gap-1);cursor:pointer}.cl-stop figcaption{text-align:center;margin-top:var(--gap-1)}@media (max-width:720px){.cl-stops{grid-template-columns:repeat(6,minmax(0,1fr))}}.cl-seg{display:inline-flex;padding:var(--gap-hair);background:var(--cl-well);border-radius:var(--r-md);gap:var(--gap-hair)}.cl-seg-btn{height:var(--ctl-md);padding:0 var(--gap-3);border:0;border-radius:var(--r-sm);background:transparent;font:inherit;font-size:var(--t-label);color:var(--cl-ink-2);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.cl-seg-btn[aria-selected=true],.cl-seg-btn[data-on]{background:var(--cl-card);color:var(--cl-ink);box-shadow:var(--cl-shadow)}.cl-seg-btn:focus-visible{outline:2px solid var(--cl-focus);outline-offset:1px}.cl-ramps{display:grid;gap:var(--gap-2)}.cl-ramp-row{display:grid;grid-template-columns:9rem 1fr;align-items:center;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule)}.cl-ramp-name{display:grid;font-size:var(--t-body)}.cl-ramp{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--gap-hair);border-radius:var(--r-md);overflow:hidden}.cl-ramp-step{height:var(--ctl-lg);display:grid;place-items:end center;padding-bottom:2px}.cl-ramp-step .cl-mono{color:var(--cl-ink);opacity:0;transition:opacity .12s var(--ease)}.cl-ramp-step[data-dark] .cl-mono{color:var(--cl-card)}.cl-ramp-step[data-source] .cl-mono,.cl-ramp:hover .cl-ramp-step .cl-mono{opacity:1}.cl-ramp-step[data-source]{box-shadow:inset 0 0 0 2px var(--cl-card)}@media (max-width:720px){.cl-ramp-row{grid-template-columns:1fr;gap:var(--gap-1)}.cl-ramp-name{grid-template-columns:1fr auto}}.cl-value-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--gap-2)}.cl-matrix{border-collapse:collapse;font-size:var(--t-meta)}.cl-matrix td,.cl-matrix th{padding:var(--gap-1) var(--gap-2);text-align:center}.cl-matrix td{border-top:1px solid var(--cl-rule);color:var(--cl-ink-4)}.cl-matrix td[data-large]{color:var(--cl-ink-2)}.cl-matrix td[data-aa]{color:var(--cl-ink);font-weight:600}.cl-matrix td[data-aa] .cl-mono{color:var(--cl-ink)}.cl-exports{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-3)}.cl-exports .cl-note{margin:0}.cl-btn{height:var(--ctl-lg);padding:0 var(--gap-4);border-radius:var(--r-md);border:1px solid var(--cl-rule-2);background:var(--cl-card);font:inherit;font-size:var(--t-label);color:var(--cl-ink);cursor:pointer;transition:background .12s var(--ease)}.cl-btn:hover{background:var(--cl-well)}.cl-btn-primary{background:var(--cl-ink);color:var(--cl-paper);border-color:var(--cl-ink)}.cl-btn-primary:hover{background:var(--cl-ink-2)}.cl-btn:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.cl-eyebrow{display:block;font-size:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--cl-ink-3)}.cl-hex-lg{width:100%;text-align:left;font-family:var(--mono);font-size:var(--t-display);font-weight:500;letter-spacing:-.01em}.cl-step{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:var(--gap-3);row-gap:var(--gap-3);padding-top:var(--gap-4);border-top:1px solid var(--cl-rule)}.cl-step-head{display:contents}.cl-step-head h3{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-step-body{grid-column:2;display:grid;gap:var(--gap-4)}.cl-step-lede{margin:0;color:var(--cl-ink-2);font-size:var(--t-body);line-height:1.55;max-width:40rem}.cl-ramp-step{border:0;padding:0 0 2px;font:inherit;cursor:pointer}.cl-ramp-step:focus-visible{outline:2px solid var(--cl-focus);outline-offset:-2px}.cl-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-4)}.cl-roles ul{list-style:none;margin:var(--gap-2) 0 0;padding:0}.cl-roles li{display:grid;grid-template-columns:var(--ctl-xs) minmax(0,1fr) auto auto;align-items:center;gap:var(--gap-2);padding:var(--gap-1) 0;border-bottom:1px solid var(--cl-rule);font-size:var(--t-label)}.cl-role-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-specimen{--sp-ridge:color-mix(in oklab,var(--sp-fg) 10%,transparent);background:var(--sp-bg);color:var(--sp-fg);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--sp-ridge),var(--cl-shadow);overflow:hidden;font-size:var(--t-body);transition:background .12s var(--ease),color .12s var(--ease)}.cl-sp-bar{display:flex;align-items:center;gap:var(--gap-4);padding:var(--gap-2) var(--gap-4);border-bottom:1px solid var(--sp-border)}.cl-sp-lockup{width:18px;height:18px;border-radius:var(--r-xs);background:var(--sp-primary)}.cl-sp-bar nav{display:flex;gap:var(--gap-3);flex:1;font-size:var(--t-label);color:var(--sp-muted)}.cl-sp-bar nav span[data-active]{color:var(--sp-fg);box-shadow:inset 0 -2px 0 var(--sp-primary);padding-bottom:2px}.cl-sp-avatar{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:50%;background:var(--sp-accent);box-shadow:inset 0 0 0 1px var(--sp-border)}.cl-sp-card{margin:var(--gap-4);padding:var(--gap-4);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--r-md);display:grid;gap:var(--gap-2)}.cl-sp-meta{display:flex;align-items:center;gap:var(--gap-2);font-family:var(--mono);font-size:var(--t-meta);color:var(--sp-muted)}.cl-sp-tag{font-family:var(--sans);font-size:var(--t-eyebrow);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--gap-2);border-radius:var(--r-pill,999px);background:var(--sp-accent);color:var(--sp-accent-fg)}.cl-sp-card h4{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-sp-card p{margin:0;color:var(--sp-muted);line-height:1.5}.cl-sp-progress{height:4px;border-radius:999px;background:var(--sp-ridge);overflow:hidden;margin-top:var(--gap-1)}.cl-sp-progress span{display:block;width:62%;height:100%;background:var(--sp-primary)}.cl-sp-row{display:flex;align-items:center;gap:var(--gap-2);margin-top:var(--gap-2);flex-wrap:wrap}.cl-sp-input{flex:1;min-width:6rem;display:flex;padding:0 var(--gap-2);background:color-mix(in oklab,var(--sp-fg) 5%,var(--sp-surface));color:var(--sp-muted);box-shadow:0 0 0 2px var(--sp-ring)}.cl-sp-btn-default,.cl-sp-btn-primary,.cl-sp-input{height:var(--ctl-md);align-items:center;border-radius:var(--r-sm);font-size:var(--t-label)}.cl-sp-btn-default,.cl-sp-btn-primary{display:inline-flex;padding:0 var(--gap-3);font-weight:500}.cl-sp-btn-default{color:var(--sp-fg);box-shadow:inset 0 0 0 1px var(--sp-border)}.cl-sp-btn-primary{background:var(--sp-primary);color:var(--sp-primary-fg)}.cl-fixes{list-style:none;margin:0;padding:0;display:grid}.cl-fix{display:grid;grid-template-columns:3.5rem 9rem auto minmax(0,1fr);align-items:center;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule);font-size:var(--t-label)}.cl-fix-move{display:inline-flex;align-items:center;gap:var(--gap-1)}.cl-fix-to{font-size:var(--t-eyebrow);color:var(--cl-ink-3);padding:0 var(--gap-1)}.cl-fix-why{color:var(--cl-ink-2);line-height:1.45}.cl-checks{border-collapse:collapse;width:100%;font-size:var(--t-label)}.cl-checks td,.cl-checks th{padding:var(--gap-1) var(--gap-2);text-align:left;border-bottom:1px solid var(--cl-rule)}.cl-checks thead th{font-size:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--cl-ink-3)}.cl-checks tbody th{font-weight:500;display:grid}.cl-checks td{color:var(--cl-ink-4)}.cl-checks td[data-pass]{color:var(--cl-ink)}.cl-checks td .cl-swatch-xs{display:inline-grid;place-items:center;font-size:9px;font-family:var(--sans);margin-right:var(--gap-2);vertical-align:middle}.cl-lessons-head{display:grid;gap:var(--gap-2);max-width:42rem;padding-top:var(--gap-7);border-top:1px solid var(--cl-rule-2)}.cl-lessons-head h2{margin:0;font-size:var(--t-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}.cl-lessons-head p{margin:0;color:var(--cl-ink-2);font-size:15px;line-height:1.55}.cl-scene{width:100%;max-width:26rem;display:block;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--cl-rule)}.cl-globals{list-style:none;margin:0;padding:0;display:grid}.cl-globals li{display:grid;grid-template-columns:var(--ctl-lg) 6rem 6.5rem minmax(0,1fr);align-items:center;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule);font-size:var(--t-label)}.cl-global-chip{position:relative;width:var(--ctl-lg);height:var(--ctl-lg);border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--cl-rule);overflow:hidden}.cl-global-corner{position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 9px 9px;border-color:transparent transparent var(--cl-card) transparent}.cl-global-name{display:grid;font-weight:500}.cl-globals .cl-hex{text-align:left}.cl-global-use{color:var(--cl-ink-2);line-height:1.4}.cl-readouts-wide{max-width:26rem;margin-top:var(--gap-4)}.cl-readouts-wide dd{font-family:var(--sans);font-size:var(--t-label)}@media (max-width:860px){.cl-bench{grid-template-columns:minmax(0,1fr)}.cl-bench-seed{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.cl-bench-seed .cl-note,.cl-bench-seed .cl-palette,.cl-bench-seed .cl-seed-harmony,.cl-bench-seed .cl-seed-hex,.cl-bench-seed .cl-seed-swatch{grid-column:1/-1}.cl-modes{grid-template-columns:minmax(0,1fr)}.cl-fix{grid-template-columns:3.5rem minmax(0,1fr)}.cl-fix-why{grid-column:1/-1}.cl-globals li{grid-template-columns:var(--ctl-lg) 5rem minmax(0,1fr)}.cl-global-use{grid-column:2/-1}.cl-step{grid-template-columns:minmax(0,1fr)}.cl-step-body{grid-column:1}}.cl-palette{list-style:none;margin:0;padding:0;display:grid}.cl-palette li{display:grid;grid-template-columns:var(--ctl-md) minmax(0,1fr) auto var(--ctl-xs);align-items:center;gap:var(--gap-2);padding:var(--gap-1) 0;border-bottom:1px solid var(--cl-rule)}.cl-palette li[data-selected]{background:var(--cl-well);padding-inline:var(--gap-2);margin-inline:calc(-1 * var(--gap-2));border-radius:var(--r-sm)}.cl-palette-chip{width:var(--ctl-md);height:var(--ctl-md);border:0;border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--cl-rule);cursor:pointer;padding:0}.cl-palette-name{display:grid;text-align:left;font:inherit;font-size:var(--t-label);color:var(--cl-ink);padding:0;min-width:0}.cl-palette-name,.cl-palette-x{border:0;background:transparent;cursor:pointer}.cl-palette-x{width:var(--ctl-xs);height:var(--ctl-xs);color:var(--cl-ink-3);font:inherit;font-size:var(--t-title);line-height:1;border-radius:var(--r-xs)}.cl-palette-x:hover{color:var(--cl-ink);background:var(--cl-well)}.cl-palette-add{grid-template-columns:auto minmax(0,1fr)!important;border-bottom:0!important;padding-top:var(--gap-2)!important}.cl-palette-suggest{display:flex;gap:var(--gap-1)}.cl-palette-suggest .cl-swatch-xs{border:0;cursor:pointer;padding:0}.cl-palette-chip:focus-visible,.cl-palette-name:focus-visible,.cl-palette-suggest .cl-swatch-xs:focus-visible,.cl-palette-x:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.cl-slider-tight{grid-template-columns:5rem 1fr 3rem}.cl-disc-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cl-disc-guides line{stroke:var(--cl-card);stroke-width:.012;opacity:.55}.cl-disc-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;box-shadow:0 0 0 1.5px var(--cl-card),0 0 0 2.5px var(--cl-ink);pointer-events:none}.cl-disc-dot[data-active]{width:14px;height:14px;margin:-7px 0 0 -7px}.cl-instrument-section{display:grid;padding-bottom:var(--gap-6);border-bottom:1px solid var(--cl-rule-2)}.ci{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--gap-6);align-items:start}.ci-stage{display:grid;gap:var(--gap-3);justify-items:center}.ci-hint{margin:0;max-width:20rem;line-height:1.5;min-height:3.5em}.ci-hint,.ci-slider{font-size:var(--t-label);color:var(--cl-ink-2)}.ci-slider{display:grid;grid-template-columns:5rem 1fr 3.5rem;align-items:center;gap:var(--gap-3);width:100%}.ci-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:var(--cl-well-2);box-shadow:inset 0 0 0 1px var(--cl-rule);margin:0}.ci-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--ctl-sm);height:var(--ctl-sm);border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);cursor:grab}.ci-slider input[type=range]::-moz-range-thumb{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);cursor:grab}.ci-slider input[type=range]:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.ci-side{display:grid;gap:var(--gap-5)}.ci-field{display:grid;gap:var(--gap-2)}.ci-selected{display:grid;grid-template-columns:var(--ctl-lg) minmax(0,1fr) auto auto;align-items:center;gap:var(--gap-3);padding-bottom:var(--gap-2);border-bottom:1px solid var(--cl-rule)}.ci-selected-swatch{width:var(--ctl-lg);height:var(--ctl-lg);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--cl-rule)}.ci-selected-name{border:0;background:transparent;font:inherit;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em;color:var(--cl-ink);outline:none;min-width:0;border-radius:var(--r-xs)}.ci-selected-name:focus-visible{box-shadow:0 0 0 2px var(--cl-focus)}.ci-selected .cl-hex{text-align:right;font-size:var(--t-body)}.ci-stops{list-style:none;margin:0;padding:0;display:grid}.ci-stop-row,.ci-stops li{display:grid;align-items:center;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule)}.ci-stop-row,.ci-stops li{grid-template-columns:var(--ctl-xs) minmax(0,1fr) auto auto}.ci-stop-id{display:grid;min-width:0}.ci-stop-row .cl-btn,.ci-stops .cl-btn{height:var(--ctl-md);padding:0 var(--gap-3)}.ci-stops .cl-btn:disabled{opacity:.5;cursor:default}.cl-signedin{display:grid;gap:var(--gap-5);padding-top:var(--gap-6);border-top:1px solid var(--cl-rule-2)}.cl-signedin-head{display:grid;gap:var(--gap-2);max-width:42rem}.cl-signedin-head h2{margin:0;font-size:var(--t-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}.cl-signedin-head p{margin:0;color:var(--cl-ink-2);font-size:15px;line-height:1.55}.cl-signedin-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-5)}.cl-signedin-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--gap-3)}.cl-signedin-steps h3{margin:0 0 var(--gap-1);font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-signedin-steps p{margin:0;color:var(--cl-ink-2);font-size:var(--t-body);line-height:1.55}@media (max-width:980px){.ci{grid-template-columns:minmax(0,1fr)}.ci-stage{justify-items:start}.cl-signedin-steps{grid-template-columns:minmax(0,1fr)}}.cl-signedin-cta{margin:0;font-size:var(--t-body);color:var(--cl-ink-2)}.cl-signedin-cta a{color:var(--cl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.cl-signedin-cta a:hover{text-decoration-thickness:2px}.tb{display:grid;gap:var(--gap-5);align-content:start;padding:var(--gap-4);background:var(--cl-card);border:1px solid var(--cl-rule-2);border-radius:var(--r-lg);position:sticky;top:calc(var(--gap-7) + 4.5rem);max-height:calc(100vh - var(--gap-7) - 5.5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tb-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.tb-head h2{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.tb-head-actions{display:flex;gap:var(--gap-1)}.tb-icon{width:var(--ctl-md);height:var(--ctl-md);display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--cl-ink-2);cursor:pointer;padding:0}.tb-icon svg{width:14px;height:14px}.tb-icon:hover{background:var(--cl-well);color:var(--cl-ink)}.tb-icon[aria-pressed=true]{background:var(--cl-well-2);color:var(--cl-ink)}.tb-icon:focus-visible{outline:2px solid var(--cl-focus);outline-offset:1px}.tb-icon-sm{width:var(--ctl-sm);height:var(--ctl-sm)}.tb-icon-sm svg{width:12px;height:12px}.tb-section{display:grid;gap:var(--gap-2)}.tb-row{display:flex;align-items:center;gap:var(--gap-2)}.tb-row>.tb-neutral,.tb-row>.tb-select{flex:1;min-width:0}.tb-label-row{display:flex;align-items:baseline;justify-content:space-between}.tb-select{width:100%;height:var(--ctl-lg);padding:0 var(--gap-2);border:1px solid var(--cl-rule-2);border-radius:var(--r-sm);background:var(--cl-paper);color:var(--cl-ink);font:inherit;font-size:var(--t-label)}.tb-select:focus-visible{outline:2px solid var(--cl-focus);outline-offset:1px}.tb-slider{display:grid;grid-template-columns:4.5rem 1fr 3rem;align-items:center;gap:var(--gap-2);font-size:var(--t-label);color:var(--cl-ink-2)}.tb-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--cl-well-2);box-shadow:inset 0 0 0 1px var(--cl-rule);margin:0}.tb-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);cursor:grab}.tb-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cl-card);border:2px solid var(--cl-ink);cursor:grab}.tb-slider input[type=range]:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}.tb-slider .cl-mono{text-align:right}.tb-wheel{display:grid;justify-items:center}.hw{display:block;user-select:none;touch-action:none}.hw-links line{stroke:#FFFFFF;stroke-width:1.5;stroke-opacity:.45}.hw-links line[data-primary]{stroke-width:2;stroke-opacity:.7}.hw-hub{fill:var(--cl-card);stroke:var(--cl-rule-2);stroke-width:1}.hw-handle{cursor:grab}.hw-handle[data-dragging]{cursor:grabbing}.hw-dot{stroke:#FFFFFF;stroke-width:2}.hw-locked{fill:none;stroke:var(--cl-ink);stroke-width:1.5;stroke-dasharray:2 2}.hw-letter{font-family:var(--mono);font-size:9px;font-weight:600;pointer-events:none}.tb-color{display:grid;gap:var(--gap-1);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule)}.tb-color-head{display:grid;grid-template-columns:12px minmax(0,1fr) 6.5em var(--ctl-sm);align-items:center;gap:var(--gap-2)}.tb-color-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-rule)}.tb-color-label{font-size:var(--t-label);color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-hex{border:1px solid var(--cl-rule);border-radius:var(--r-xs);background:var(--cl-paper);font-family:var(--mono);font-size:var(--t-meta);color:var(--cl-ink);padding:2px var(--gap-1);width:100%;min-width:0}.tb-hex:focus-visible{outline:2px solid var(--cl-focus);outline-offset:1px}.tb-ramp{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:18px;border-radius:var(--r-xs);overflow:hidden}.tb-ramp-stop{border:0;padding:0;cursor:pointer;display:grid;place-items:center}.tb-ramp-stop:focus-visible{outline:2px solid var(--cl-focus);outline-offset:-2px}.tb-ramp-mark{font-family:var(--mono);font-size:8px;font-weight:600;color:#FFFFFF;mix-blend-mode:difference}.tb-ramp-neutral{height:14px}.tb-ramp-neutral>span{display:block}.tb-copied{color:var(--cl-ink-3)}.tb-neutral{display:flex;align-items:center;gap:var(--gap-2)}.tb-neutral-strip{display:grid;grid-auto-flow:column;grid-auto-columns:10px;height:16px;border-radius:var(--r-xs);overflow:hidden;flex:none}.tb-neutral-strip>span{display:block}.tb-radii{grid-template-columns:repeat(4,1fr)}.tb-radii,.tb-radius{display:grid;gap:var(--gap-1)}.tb-radius{justify-items:center;padding:var(--gap-2) 0;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font:inherit;font-size:var(--t-label);color:var(--cl-ink-3);cursor:pointer;text-transform:capitalize}.tb-radius[data-on]{border-color:var(--cl-rule-2);background:var(--cl-well);color:var(--cl-ink)}.tb-radius:focus-visible{outline:2px solid var(--cl-focus);outline-offset:1px}.tb-radius-box{width:18px;height:18px;border:1.5px solid}.sty{--sty-ridge:color-mix(in oklab,var(--sty-fg) 13%,transparent);background:var(--sty-bg);color:var(--sty-fg);border:1px solid var(--cl-rule-2);border-radius:var(--r-lg);padding:var(--gap-5);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"marks   type" "spot    type" "spot    pattern" "market  market" "furn    furn";gap:var(--gap-5) var(--gap-5);font-size:var(--t-body);transition:background .22s var(--ease),color .22s var(--ease)}.sty-panel{min-width:0;display:grid;gap:var(--gap-3);align-content:start}.sty-marks{grid-area:marks}.sty-type{grid-area:type}.sty-spot{grid-area:spot}.sty-pattern{grid-area:pattern}.sty-market{grid-area:market}.sty-furniture{grid-area:furn}.sty-tag{font-size:var(--t-eyebrow);letter-spacing:.16em;text-transform:uppercase}.sty-note,.sty-tag{color:var(--sty-muted)}.sty-note{margin:0;font-size:var(--t-label);line-height:1.5}.sty-mono{font-family:var(--mono);font-size:var(--t-meta);color:var(--sty-muted)}.sty-mono[data-pass]{color:var(--sty-fg)}.sty-mark-row{display:flex;align-items:center;gap:var(--gap-4)}.sty-mark{width:64px;height:64px;flex:none}.sty-mark-sm{width:30px;height:30px}.sty-lockup{display:grid;gap:2px;min-width:0}.sty-wordmark{font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.035em;line-height:1}.sty-wordmark-sm{font-size:17px}.sty-tagline{font-size:var(--t-eyebrow);letter-spacing:.2em;text-transform:uppercase;color:var(--sty-muted)}.sty-mark-inv{display:flex;align-items:center;gap:var(--gap-2);padding:var(--gap-3);border-radius:var(--sty-radius)}.sty-type-row{display:grid;gap:var(--gap-1);padding-bottom:var(--gap-3);border-bottom:1px solid var(--sty-ridge)}.sty-type-row:last-child{border-bottom:0;padding-bottom:0}.sty-type-role{font-size:var(--t-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--sty-muted)}.sty-type-sample{display:block;max-width:30ch}.sty-scene{width:100%;height:auto;display:block;border-radius:var(--sty-radius)}.sty-count{display:flex;align-items:center;gap:var(--gap-3);flex-wrap:wrap}.sty-ribbon{display:flex;height:10px;width:140px;border-radius:999px;overflow:hidden;flex:none}.sty-ribbon>span{flex:1}.sty-swatch-fill{height:148px;border-radius:var(--sty-radius);background-repeat:repeat;background-size:48px 48px}.sty-market-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch}.sty-market-row,.sty-poster{display:grid;gap:var(--gap-4)}.sty-poster{align-content:space-between;padding:var(--gap-4);border-radius:var(--sty-radius);box-shadow:inset 0 0 0 1px var(--sty-ridge);aspect-ratio:3/4}.sty-poster-meta{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.1em}.sty-poster-head{margin:0;font-size:clamp(20px,2.5vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.sty-poster-foot{font-size:var(--t-eyebrow);letter-spacing:.14em;text-transform:uppercase}.sty-social{display:grid;align-content:space-between;gap:var(--gap-3);padding:var(--gap-4);border-radius:var(--sty-radius);aspect-ratio:1/1}.sty-social-mark{width:26px;height:26px;border-radius:50%}.sty-social-head{margin:0;font-size:clamp(15px,1.6vw,19px);font-weight:600;letter-spacing:-.015em;line-height:1.35}.sty-social-foot{font-family:var(--mono);font-size:var(--t-meta)}.sty-card{display:grid;align-content:start;gap:var(--gap-2);padding:var(--gap-4);border-radius:var(--sty-radius);background:var(--sty-surface);border:1px solid var(--sty-ridge)}.sty-card-eyebrow{font-size:var(--t-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--sty-muted)}.sty-card-head{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.015em;line-height:1.35}.sty-card-body{margin:0 0 var(--gap-2);color:var(--sty-muted);font-size:var(--t-label);line-height:1.55}.sty-furniture{border-top:1px solid var(--sty-ridge);padding-top:var(--gap-4)}.sty-furniture-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-2)}.sty-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--ctl-lg);padding:0 var(--gap-3);border-radius:var(--sty-radius);font-size:var(--t-label);font-weight:500;white-space:nowrap}.sty-btn-primary{background:var(--sty-primary);color:var(--sty-primary-fg)}.sty-btn-secondary{background:var(--sty-secondary);color:var(--sty-secondary-fg)}.sty-btn-ghost{color:var(--sty-fg)}.sty-btn-ghost,.sty-field{box-shadow:inset 0 0 0 1px var(--sty-ridge)}.sty-field{display:inline-flex;align-items:center;height:var(--ctl-lg);padding:0 var(--gap-3);border-radius:var(--sty-radius);background:var(--sty-surface);color:var(--sty-muted);font-size:var(--t-label);min-width:12rem}.sty-readouts{display:flex;gap:var(--gap-3)}.cl-treat{display:grid;gap:var(--gap-4)}.cl-treat-slots{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap-1)}.cl-treat-slots li{display:grid;grid-template-columns:auto 9rem auto minmax(0,1fr);align-items:center;gap:var(--gap-2);padding:var(--gap-1) 0;border-top:1px solid var(--cl-rule)}@media (max-width:900px){.sty{grid-template-areas:"marks" "type" "spot" "pattern" "market" "furn"}.sty,.sty-market-row{grid-template-columns:minmax(0,1fr)}.cl-treat-slots li{grid-template-columns:auto minmax(0,1fr)}.cl-treat-slots li .cl-fix-why,.cl-treat-slots li .cl-mono{grid-column:2}}@media (max-width:1100px){.tb{position:static;max-height:none;overflow:visible}}@media (max-width:720px){.sty{padding:var(--gap-3)}}.cl-signedin-wheel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--gap-4) var(--gap-5);padding:var(--gap-4);background:var(--cl-well);border-radius:var(--r-lg)}.cl-signedin-wheel .pw{grid-row:span 2}.cl-signedin-wheel .ci-slider{align-self:end;max-width:22rem}.cl-signedin-wheel .cl-note{margin:0;align-self:start}@media (max-width:720px){.cl-signedin-wheel{grid-template-columns:minmax(0,1fr)}.cl-signedin-wheel .pw{grid-row:auto;justify-self:center}}.cl-tool{display:grid;gap:var(--gap-5);width:min(84rem,calc(100vw - 2 * var(--gap-5)));margin-inline:calc((100% - min(84rem, 100vw - 2 * var(--gap-5))) / 2)}@media (max-width:68rem){.cl-tool{width:100%;margin-inline:0}}.cl-out{padding-top:var(--gap-4);border-top:1px solid var(--cl-rule-2)}.cl-out,.cl-out-body{display:grid;gap:var(--gap-4)}.cl-out-body .cl-checks,.cl-out-body .cl-modes{max-width:68rem}.cl-out-body .cl-step-lede{max-width:46rem}.cl-seg-wide{width:fit-content;max-width:100%}.cl-ribbon{display:flex;height:1.5rem;margin-top:var(--gap-3);border-radius:var(--r-xs);overflow:hidden;box-shadow:inset 0 0 0 1px var(--cl-rule);max-width:26rem}.cl-ribbon>span{display:block;flex-basis:0;transition:flex-grow .2s var(--ease),background .12s var(--ease)}.cl-weights{list-style:none;margin:0 0 var(--gap-4);padding:0;display:grid}.cl-weights li{display:grid;grid-template-columns:1rem minmax(6rem,auto) 3rem minmax(0,1fr);align-items:baseline;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--cl-rule)}.cl-weights .cl-mono{text-align:right}.cl-albers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-3);max-width:26rem}.cl-albers-fig{margin:0;display:grid;gap:var(--gap-2)}.cl-albers-field{aspect-ratio:3/4;display:grid;place-items:center;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--cl-rule);transition:background .12s var(--ease)}.cl-albers-chip{width:42%;height:31.5%;display:block}.cl-albers-fig figcaption{font-size:var(--t-eyebrow);color:var(--cl-ink-3)}.cl-flow{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap-4)}.cl-flow li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--gap-3)}.cl-flow h3{margin:0 0 var(--gap-1);font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-flow p{margin:0;color:var(--cl-ink-2);font-size:var(--t-body);line-height:1.55}.cl-honest{display:grid;gap:var(--gap-2);max-width:46rem;padding-top:var(--gap-4);border-top:1px solid var(--cl-rule)}.cl-honest h3{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-honest p{margin:0;color:var(--cl-ink-2);font-size:var(--t-body);line-height:1.6}@media (max-width:48rem){.cl-weights li{grid-template-columns:1rem minmax(0,1fr) 3rem}.cl-weights li .cl-fix-why{grid-column:2/-1}.cl-flow li{grid-template-columns:minmax(0,1fr)}}.cl-console{--cl-ink:var(--ink);--cl-ink-2:var(--ink-2);--cl-ink-3:var(--ink-3);--cl-ink-4:var(--ink-4);--cl-paper:var(--surface-px);--cl-well:var(--surface-2);--cl-well-2:var(--surface-3);--cl-card:var(--surface-px);--cl-rule:var(--ridge-1);--cl-rule-2:var(--ridge-2);--cl-focus:var(--brand);--cl-shadow:var(--shadow-1);color:var(--cl-ink);width:calc(100vw - 2 * var(--gap-4));margin-inline:calc((100% - (100vw - 2 * var(--gap-4))) / 2);border:1px solid var(--ridge-3);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-3)}.cl-cs{display:grid;grid-template-columns:15rem minmax(0,1fr) 21rem;grid-template-rows:var(--topbar-h,44px) minmax(0,1fr);height:min(56rem,calc(100vh - 11rem));min-height:38rem;background:var(--canvas);overflow:hidden}.cl-cs-topbar{grid-column:1/-1;display:flex;align-items:center;gap:var(--gap-3);min-width:0;padding-inline:var(--gap-3);background:var(--surface-1);border-bottom:1px solid var(--ridge-2)}.cl-cs-lockup{width:10px;height:10px;flex:none;border-radius:var(--r-xs);background:var(--brand)}.cl-cs-address{display:flex;align-items:baseline;gap:var(--gap-2);min-width:0;font-size:var(--t-label)}.cl-cs-address-place{color:var(--ink-2);flex:none}.cl-cs-address-sep{color:var(--ink-4)}.cl-cs-address-doc{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-cs-state{margin-left:auto;flex:none;color:var(--ink-3);font-size:var(--t-label)}.cl-cs-acts{display:flex;align-items:center;gap:var(--gap-1);flex:none}.cl-cs-icon{width:var(--ctl-md);height:var(--ctl-md);display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);cursor:pointer}.cl-cs-icon svg{width:14px;height:14px}.cl-cs-icon:hover{background:var(--surface-2);color:var(--ink)}.cl-cs-icon:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.cl-cs-act{height:var(--ctl-md);padding-inline:var(--gap-3);border:1px solid var(--ridge-2);border-radius:var(--r-sm);background:var(--surface-px);color:var(--ink);font:inherit;font-size:var(--t-label);cursor:pointer}.cl-cs-act:hover{background:var(--surface-2)}.cl-cs-act:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.cl-cs-brand{height:var(--ctl-md);display:inline-flex;align-items:center;margin-left:var(--gap-1);padding-inline:var(--gap-3);border-radius:var(--r-sm);background:var(--brand);color:var(--ink);font-size:var(--t-label);font-weight:500;text-decoration:none;transition:opacity .12s var(--ease)}.cl-cs-brand:hover{opacity:.82}.cl-cs-brand:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.cl-cs-rail{grid-column:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--surface-1);border-right:1px solid var(--ridge-2)}.cl-rail-head{flex:none;display:grid;gap:var(--gap-1);padding:var(--gap-3) var(--gap-3) var(--gap-2)}.cl-rail-head p{margin:0;color:var(--ink-3);font-size:var(--t-label);line-height:1.45}.cl-rail-head-mid{border-top:1px solid var(--ridge-1);margin-top:var(--gap-2)}.cl-rail-group{display:flex;flex-direction:column;padding-inline:var(--gap-1)}.cl-rail-row{display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto;align-items:center;gap:var(--gap-2);padding:var(--gap-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.cl-rail-row+.cl-rail-row{box-shadow:inset 0 1px 0 var(--ridge-1)}.cl-rail-row:hover{background:var(--surface-2);color:var(--ink)}.cl-rail-row[aria-checked=true]{background:var(--surface-3);color:var(--ink)}.cl-rail-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.cl-rail-no{color:var(--ink-4)}.cl-rail-name{font-size:var(--t-label);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-rail-ribbon{grid-column:2/-1;display:flex;height:6px;border-radius:var(--r-xs);overflow:hidden}.cl-rail-ribbon>span{flex:1}.cl-rail-row-lib{grid-template-columns:minmax(0,1fr)}.cl-rail-row-lib .cl-rail-ribbon{grid-column:1}.cl-cs-main{grid-column:2;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.cl-cs-tabstrip{flex:none;display:flex;align-items:center;gap:var(--gap-hair);height:var(--topbar-h,44px);padding-inline:var(--gap-2);background:var(--surface-2);border-bottom:1px solid var(--ridge-2)}.cl-cs-tab{height:var(--ctl-md);padding-inline:var(--gap-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);font:inherit;font-size:var(--t-label);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.cl-cs-tab:hover{color:var(--ink)}.cl-cs-tab[aria-selected=true]{background:var(--surface-px);color:var(--ink);box-shadow:var(--shadow-1)}.cl-cs-tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.cl-cs-bed{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--canvas);padding:var(--gap-5) var(--gap-5) calc(var(--gap-6) + var(--ctl-lg))}.cl-cs-sheet{display:grid;gap:var(--gap-4);max-width:72rem;margin-inline:auto}.cl-cs-sheet-data{padding:var(--gap-4);background:var(--surface-px);border:1px solid var(--ridge-2);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.cl-cs-sheet-data .cl-out{padding-top:0;border-top:0}.cl-say{display:grid;gap:var(--gap-3)}.cl-say-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-2) var(--gap-4)}.cl-say-head h3{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-say-verdict{margin:0;display:flex;flex-wrap:wrap;gap:var(--gap-2);align-items:baseline;font-size:var(--t-label);color:var(--ink-2)}.cl-say-verdict .cl-mono{color:var(--ink);font-weight:500}.cl-say-verdict[data-works=fails] .cl-mono{color:var(--warn)}.cl-say-thesis{margin:0;max-width:62ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.6}.cl-dock{position:absolute;min-width:0;left:50%;bottom:var(--gap-4);transform:translateX(-50%);z-index:2;max-width:calc(100% - 2 * var(--gap-4));display:flex;align-items:center;gap:var(--gap-2);padding:var(--gap-1);border:1px solid var(--ridge-2);border-radius:var(--r-lg);background:var(--surface-px);box-shadow:var(--shadow-3)}.cl-dock-rule{width:1px;height:var(--gap-5);background:var(--ridge-2);flex:none}.cl-dock-btn{height:var(--ctl-lg);padding-inline:var(--gap-3);border:0;border-radius:var(--r-md);background:transparent;color:var(--ink);font:inherit;font-size:var(--t-label);font-weight:500;cursor:pointer;white-space:nowrap;flex:none;transition:background .12s var(--ease),opacity .12s var(--ease)}.cl-dock-btn:hover{background:var(--surface-2)}.cl-dock-btn-primary{background:var(--ink);color:var(--canvas)}.cl-dock-btn-primary:hover{background:var(--ink);opacity:.85}.cl-dock-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cl-swatches{display:flex;flex:1 1 auto;align-items:stretch;gap:var(--gap-hair);min-width:0;overflow-x:auto;scrollbar-width:thin}.cl-swatch-chip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--gap-2);align-items:center;padding:var(--gap-1) var(--gap-2);border:0;border-radius:var(--r-md);background:transparent;font:inherit;text-align:left;cursor:pointer;flex:none;transition:background .12s var(--ease)}.cl-swatch-chip:hover{background:var(--surface-2)}.cl-swatch-chip[aria-selected=true]{background:var(--surface-3)}.cl-swatch-chip:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.cl-swatch-chip-fill{grid-row:1/-1;width:var(--ctl-lg);height:var(--ctl-lg);display:grid;place-items:center;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--ridge-2)}.cl-swatch-chip-fill svg{width:11px;height:11px;color:var(--surface-px);mix-blend-mode:difference}.cl-swatch-chip-name{font-size:var(--t-label);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-swatch-chip-role{grid-column:2;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.cl-swatch-chip .cl-mono{grid-column:2}.cl-swatch-chip[aria-selected=true] .cl-swatch-chip-role{color:var(--ochre)}.cl-cs-inspector{grid-column:3;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--surface-1);border-left:1px solid var(--ridge-2)}.cl-cs-inspector .tb{position:static;min-height:100%;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;padding:var(--gap-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,auto);gap:var(--gap-2) var(--gap-3);align-content:space-between}.cl-cs-inspector .tb>*{grid-column:1/-1}.cl-cs-inspector .tb-head{grid-row:1}.cl-cs-inspector .tb-section[data-sec=harmony]{grid-row:2}.cl-cs-inspector .tb-wheel{grid-row:3;min-height:0}.cl-cs-inspector .tb-section[data-sec=colors]{grid-row:4}.cl-cs-inspector .tb-section[data-sec=mods]{grid-row:5}.cl-cs-inspector .tb-section[data-sec=ground]{grid-row:6;grid-column:1}.cl-cs-inspector .tb-section[data-sec=radius]{grid-column:2}.cl-cs-inspector .tb-wheel{display:grid;place-items:center}.cl-cs-inspector .tb-wheel .hw{width:100%;height:auto;max-width:clamp(7rem,14vh,13rem)}.cl-cs-inspector .tb-section[data-sec=ground] .tb-label-row{flex-wrap:wrap;gap:var(--gap-1)}.cl-cs-inspector .tb-section[data-sec=ground] .tb-row{flex-wrap:wrap}.cl-cs-inspector .tb-section[data-sec=seed]{grid-row:2}.cl-cs-inspector .tb-section[data-sec=wheel],.cl-cs-inspector .tb-wheel{grid-row:3}.cl-cs-inspector .tb-section[data-sec=mods]{grid-row:4}.cl-cs-inspector .tb-section[data-sec=ground]{grid-row:5;grid-column:1/-1}.cl-cs-inspector .tb-section[data-sec=radius]{grid-row:6;grid-column:1/-1}.cl-cs-inspector .tb-section[data-sec=ground] .cl-seg,.cl-cs-inspector .tb-section[data-sec=ground] .tb-neutral{flex:1 0 100%}.cl-cs-inspector .tb-color{padding:var(--gap-1) 0}.cl-cs-inspector .cl-seg{padding:3px}.cl-props .cl-btn{height:auto;padding-block:var(--gap-2)}.cl-cs-inspector .tb-radius{padding:var(--gap-1) 0}.cl-cs-inspector .tb-head{position:sticky;top:calc(-1 * var(--gap-3));z-index:1;margin:calc(-1 * var(--gap-3)) calc(-1 * var(--gap-3)) 0;padding:var(--gap-2) var(--gap-3);background:var(--surface-1);border-bottom:1px solid var(--ridge-1)}@media (max-width:80rem){.cl-cs{grid-template-columns:13rem minmax(0,1fr)}.cl-cs-inspector{grid-column:1/-1;grid-row:3;border-left:0;border-top:1px solid var(--ridge-2)}.cl-cs{grid-template-rows:var(--topbar-h,44px) minmax(0,1fr) auto;height:auto}.cl-cs-rail{max-height:32rem}.cl-cs-bed{max-height:40rem}.cl-cs-inspector{max-height:32rem}}@media (max-width:52rem){.cl-console{width:100%;margin-inline:0;border-radius:var(--r-lg)}.cl-cs{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.cl-cs-topbar{flex-wrap:wrap;gap:var(--gap-2);padding-block:var(--gap-2);height:auto}.cl-cs-state{display:none}.cl-cs-rail{grid-column:1;grid-row:2;border-right:0;border-bottom:1px solid var(--ridge-2);max-height:20rem}.cl-cs-main{grid-column:1;grid-row:3}.cl-cs-bed{padding:var(--gap-4) var(--gap-3) var(--gap-6);max-height:none}.cl-cs-inspector{grid-row:4;max-height:none}}.cl-lib-group{display:grid}.cl-lib-head{display:grid;gap:var(--gap-1);padding:var(--gap-3) var(--gap-3) var(--gap-2)}.cl-lib-group+.cl-lib-group .cl-lib-head{border-top:1px solid var(--ridge-1);margin-top:var(--gap-2)}.cl-lib-head p{margin:0;color:var(--ink-3);font-size:var(--t-label);line-height:1.45}.cl-rail-row-saved{grid-template-columns:minmax(0,1fr) auto}.cl-rail-row-saved .cl-rail-ribbon{grid-column:1/-1}.cl-props{display:grid;gap:var(--gap-3);align-content:start;padding:var(--gap-3)}.cl-props-title{display:flex;align-items:center;gap:var(--gap-2)}.cl-props-title h3{margin:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.cl-props-note{color:var(--ink-3)}.cl-props-note,.cl-props-role{margin:0;font-size:var(--t-label);line-height:1.5}.cl-props-role{color:var(--ink-2)}.cl-props-lch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-2);margin:0}.cl-props-lch>div{display:grid;gap:var(--gap-hair)}.cl-props-lch dt{font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.cl-props-lch dd{margin:0}.cl-props .cl-btn{justify-content:flex-start;gap:var(--gap-2)}.cl-props .cl-btn svg{width:13px;height:13px}