.pa-ctl{flex-direction:column;gap:12px;display:flex}.pa-color{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:64px;height:44px;padding:2px;font-size:16px}.pa-hexin{font-family:var(--f-mono);text-transform:lowercase;max-width:140px}.pa-hint{align-self:center}.pa-strip{border:1.5px solid var(--ink);border-radius:var(--radius);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:280px;display:grid;overflow:hidden}.pa-cell{min-width:0;display:flex}.pa-sw{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;padding:14px 6px;display:flex}.pa-hex{font-family:var(--f-mono);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;min-height:32px;padding:0 6px;font-size:14px;font-weight:700}.pa-lock{cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:700}.pa-lock[aria-pressed=true]{background:#ffffff40}@media (max-width:560px){.pa-strip{grid-auto-flow:row;grid-auto-columns:unset;min-height:0}.pa-sw{flex-direction:row;justify-content:space-between;min-height:64px;padding:14px 16px}}.pa-ratio{flex-direction:column;gap:8px;display:flex}.pa-ratio b{color:var(--accent);font-size:40px}.pa-grades{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pa-grades .ok{color:var(--good)}.pa-grades .no{color:var(--bad)}.pa-sample{border-width:2px;flex-direction:column;justify-content:center;gap:10px;min-height:200px;display:flex}.pa-sample p{margin:0}.pa-big{font-family:var(--f-display);font-size:30px}