@property --active-accent{syntax:"<color>";inherits:true;initial-value:#e9f627}.palette-lab{--palette-ease:cubic-bezier(.65, 0, .35, 1);--palette-control:.167s;--palette-shape:.25s;--palette-key:color-mix(in oklab, var(--active-accent,var(--brand)) 68%, #f5f4ee);--palette-line:#3d3d37;transition:--active-accent var(--palette-shape) var(--palette-ease)}.palette-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.palette-lab .palette-count{border:1px solid var(--palette-line);color:#f4f3ed;font-variant-numeric:tabular-nums;transition:border-color var(--palette-shape) var(--palette-ease);background:#131311;padding:4px 9px 5px}.palette-lab .palette-viewport{border-block-color:var(--palette-line);-webkit-user-select:none;user-select:none}.palette-lab .palette-viewport:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.palette-lab .palette-slide{flex:0 0 78%;min-width:78%}.palette-lab .palette-option{min-height:0;transition:border-color var(--palette-control) var(--palette-ease), transform var(--palette-shape) var(--palette-ease), opacity var(--palette-shape) var(--palette-ease);grid-template-rows:auto 1fr;gap:10px;padding:10px}.palette-lab .palette-option:not(.is-selected){opacity:.7;transform:scale(.972)}.palette-lab .palette-option:not(.is-selected):hover{opacity:.88;transform:scale(.982)}.palette-lab .palette-option:hover{transform:translateY(-2px)}.palette-lab .palette-option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.palette-option-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;min-width:0;display:flex}.palette-option-index{letter-spacing:.12em;text-transform:uppercase;color:#f4f3ed;white-space:nowrap;font:700 .72rem/1 Space Mono,monospace}.palette-grade{align-items:center;gap:8px;min-width:0;display:flex}.palette-grade-meter{border:1px solid var(--palette-line);background:#0f0f0e;flex:0 76px;width:76px;min-width:28px;height:6px;position:relative}.palette-grade-fill{transition:width var(--palette-shape) var(--palette-ease);position:absolute;inset:0 auto 0 0}.palette-grade-tick{background:#6a6a61;width:1px;position:absolute;top:-2px;bottom:-2px}.palette-grade-tick-aa{left:21.4%}.palette-grade-tick-aaa{left:33.3%}.palette-grade-value{letter-spacing:.04em;color:#c9c8c1;white-space:nowrap;font:.68rem/1 Space Mono,monospace}.palette-grade-value strong{color:#f4f3ed;letter-spacing:.08em}.palette-option[data-grade=low] .palette-grade-value strong{color:#ff9f92}.palette-roles{grid-template-rows:1fr 1fr;grid-template-columns:1.5fr 1fr;gap:6px;min-height:126px;display:grid}.palette-role{flex-direction:column;justify-content:space-between;gap:4px;padding:8px;display:flex;overflow:hidden}.palette-role-face{grid-row:1/span 2}.palette-role-accent{grid-area:1/2}.palette-role-support{grid-area:2/2}.palette-role-name{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font:700 .58rem/1 Space Mono,monospace;overflow:hidden}.palette-role-sample{letter-spacing:.01em;font:2.5rem/.86 Anton,sans-serif}.palette-role-line{font:400 .7rem/1.25 Archivo,sans-serif}.palette-role-hex{letter-spacing:.02em;font:.6rem/1 Space Mono,monospace}.palette-lab .palette-nav{grid-template-columns:48px minmax(0,1fr) 48px}.palette-lab .palette-nav button{border-color:var(--palette-line);transition:border-color var(--palette-control) var(--palette-ease), color var(--palette-control) var(--palette-ease)}.palette-lab .palette-nav p{color:#8f8f88}@media (max-width:760px){.palette-lab .palette-slide{flex:0 0 84%;min-width:84%}.palette-roles{min-height:112px}.palette-grade-meter{width:62px}}.palette-lab .preview-label-row{border-top:1px solid color-mix(in oklab, var(--palette-key) 40%, transparent);transition:border-top-color var(--palette-shape) var(--palette-ease);padding-top:9px;position:relative}.palette-lab .preview-label-row:before{content:"";background:var(--palette-key);width:30px;height:2px;transition:background-color var(--palette-shape) var(--palette-ease);position:absolute;top:-1px;left:0}.palette-lab .preview-label-row .eyebrow{color:#d8d7d0}.palette-lab .active-swatches{border-color:color-mix(in oklab, var(--palette-key) 46%, transparent);box-shadow:0 2px 0 0 color-mix(in oklab, var(--palette-key) 72%, transparent);transition:border-color var(--palette-shape) var(--palette-ease), box-shadow var(--palette-shape) var(--palette-ease)}.palette-lab .active-swatches span{transition:background-color var(--palette-shape) var(--palette-ease)}.palette-lab .active-swatches span[title^=accent]{box-shadow:inset 0 0 0 2px #080808eb,inset 0 0 0 3px #f5f4ee}.palette-lab .print-card-type-three,.palette-lab .print-card-back,.palette-lab .player-frame{transition:--card-face var(--palette-shape) var(--palette-ease), --card-ink var(--palette-shape) var(--palette-ease), --card-accent var(--palette-shape) var(--palette-ease), --card-support var(--palette-shape) var(--palette-ease), --ink var(--palette-shape) var(--palette-ease), --slapp var(--palette-shape) var(--palette-ease), --paper var(--palette-shape) var(--palette-ease), --grey var(--palette-shape) var(--palette-ease), --line var(--palette-shape) var(--palette-ease), --smc-face var(--palette-shape) var(--palette-ease), --smc-ink var(--palette-shape) var(--palette-ease), --smc-accent var(--palette-shape) var(--palette-ease), --smc-lcd var(--palette-shape) var(--palette-ease), --eq-accent var(--palette-shape) var(--palette-ease), --eq-face var(--palette-shape) var(--palette-ease)}.palette-lab .preview-heading,.palette-lab .preview-grid{transition:transform var(--palette-shape) var(--palette-ease)}.palette-lab .preview-stage.is-shifting .preview-heading{opacity:1;transform:none}.palette-lab .preview-stage.is-shifting .preview-grid{transform:translateX(var(--drag-x,0px));opacity:1}@media (prefers-reduced-motion:reduce){.palette-lab,.palette-lab .palette-count,.palette-lab .palette-option,.palette-lab .palette-nav button,.palette-lab .palette-viewport,.palette-lab .preview-label-row,.palette-lab .preview-label-row:before,.palette-lab .active-swatches,.palette-lab .active-swatches span,.palette-lab .print-card-type-three,.palette-lab .print-card-back,.palette-lab .player-frame,.palette-lab .preview-heading,.palette-lab .preview-grid,.palette-grade-fill{transition:none}.palette-lab .palette-option:not(.is-selected),.palette-lab .palette-option:not(.is-selected):hover,.palette-lab .palette-option:hover{transform:none}.palette-lab .preview-stage.is-shifting .preview-grid{transform:translateX(var(--drag-x,0px))}}