.cp.aa2 .pst-ramp{max-width:520px;margin-top:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent)}.cp.aa2 .pst-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:0;padding:0;list-style:none}.cp.aa2 .pst-state{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border:1px solid var(--vb-rule);border-radius:16px;background:var(--vb-panel)}.cp.aa2 .pst-state__head{display:flex;align-items:center;gap:10px}.cp.aa2 .pst-state__ico{display:inline-flex;color:var(--vb-ink)}.cp.aa2 .pst-state__ico .cp-ico{width:22px;height:22px;stroke-width:2.2}.cp.aa2 .pst-state__name{margin:0;font-size:19px;font-weight:600;line-height:1.25}.cp.aa2 .pst-state__job{margin:0;font-size:14.5px;line-height:1.5;color:var(--vb-ink-2)}.cp.aa2 .pst-state__word{display:block;margin-top:4px;color:var(--vb-ink-2)}.cp.aa2 .pst-state__word strong{color:var(--vb-ink)}.cp.aa2 .pst-state__tones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp.aa2 .pst-tone{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:12px;background:var(--pg);box-shadow:inset 0 0 0 1px var(--vb-edge)}.cp.aa2 .pst-tone__k{margin:0;font-family:var(--cp-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx)}.cp.aa2 .pst-sample{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-left:3px solid var(--fg);border-radius:8px;background:var(--bg);color:var(--fg);font:700 14px/1.2 var(--cp-sans)}.cp.aa2 .pst-sample .cp-ico{width:16px;height:16px;stroke-width:2.4}.cp.aa2 .pst-vals{display:flex;flex-direction:column;gap:8px;margin:0}.cp.aa2 .pst-vals>div{display:flex;flex-direction:column;gap:4px;min-width:0}.cp.aa2 .pst-vals dt{font-size:12px;font-weight:600;color:var(--tx)}.cp.aa2 .pst-vals dd{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;min-width:0}.cp.aa2 .pst-hex{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--tx) 55%,transparent);border-radius:999px;background:transparent;color:var(--tx);font:500 12.5px/1 var(--cp-mono);cursor:pointer}.cp.aa2 .pst-hex *{font-family:var(--cp-mono)}.cp.aa2 .pst-hex .cp-ico{width:14px;height:14px}.cp.aa2 .pst-hex.is-done{border-color:var(--fg);color:var(--fg)}.cp.aa2 .pst-tok{padding:0;border:0;background:transparent;color:var(--tx);font-size:11.5px;opacity:.85;word-break:break-all}.cp.aa2 .pst-uses{margin-bottom:18px}@media(min-width:900px){.cp.aa2 .pst-sum{grid-template-columns:repeat(4,minmax(0,1fr))}.cp.aa2 .pst-sum>div:last-child{grid-column:auto;border-right:0}}.cp.aa2 .pst-apart{display:flex;flex-direction:column;gap:14px;min-width:0}.cp.aa2 .pst-apart+.pst-apart{margin-top:30px}.cp.aa2 .pst-cap{caption-side:top;padding-bottom:10px;text-align:left;font-size:14px;font-weight:600;color:var(--vb-ink-2)}.cp.aa2 .pst-seen-table td{text-align:center}.cp.aa2 .pst-seen{display:inline-flex;align-items:center;justify-content:center;width:46px;height:34px;border-radius:8px;background:var(--fg);color:var(--pg);box-shadow:inset 0 0 0 1px var(--vb-edge)}.cp.aa2 .pst-seen .cp-ico{width:18px;height:18px;stroke-width:2.6}.cp.aa2 .pst-de-table th[scope=row]{white-space:normal;min-width:11em}.cp.aa2 .pst-de{font-size:14px}.cp.aa2 .pst-de .cp-num{font-weight:600}.cp.aa2 .pst-de__w{display:block;font-size:12.5px;color:var(--vb-ink-2)}.cp.aa2 .pst-de.is-closest{background:var(--vb-well)}.cp.aa2 .pst-de.is-closest .cp-num{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.cp.aa2 .pst-filters{position:absolute;width:0;height:0;overflow:hidden}.cp.aa2 .pst-vis{min-width:0;margin:0 0 16px;padding:0;border:0}.cp.aa2 .pst-vis__k{margin-bottom:10px;padding:0;font-family:var(--cp-mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vb-ink-2)}.cp.aa2 .pst-vis__c{position:relative;cursor:pointer}.cp.aa2 .pst-vis__c input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cp.aa2 .pst-vis__c:has(input:checked){border-color:var(--vb-ink);background:var(--vb-ink);color:var(--vb-ground)}.cp.aa2 .pst-vis__c:has(input:focus-visible){outline:2px solid var(--aa2-gold-ink);outline-offset:3px}.cp.aa2.pst:has(#pst-v-protan:checked) [data-pst-screens]{filter:url(#pst-f-protan)}.cp.aa2.pst:has(#pst-v-deutan:checked) [data-pst-screens]{filter:url(#pst-f-deutan)}.cp.aa2.pst:has(#pst-v-tritan:checked) [data-pst-screens]{filter:url(#pst-f-tritan)}.cp.aa2.pst:has(#pst-v-achro:checked) [data-pst-screens]{filter:url(#pst-f-achro)}.cp.aa2 .pst-screens{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:1100px){.cp.aa2 .pst-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}.cp.aa2 .pst-screen .dui-alerts,.cp.aa2 .pst-screen .dui-grid{grid-template-columns:minmax(0,1fr)}.cp.aa2 .pst-screen .pst-screen__k{margin:0;font-family:var(--cp-mono)!important;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-secondary)}.cp.aa2 .pst-screen .dui-card{gap:12px}.cp.aa2 .pst-screen .dui-input{align-self:stretch}@media(max-width:560px){.cp.aa2 .pst-state__tones{grid-template-columns:minmax(0,1fr)}.cp.aa2 .pst-seen{width:38px}}