@layer lab-base{.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .12s}.pill:hover{border-color:var(--accent-line);color:var(--accent)}.pill.on{background:var(--accent);border-color:var(--accent-press);color:#fff}.pill[disabled]{opacity:.4;cursor:not-allowed}.sample{border:2px dashed var(--line-strong);color:var(--ink);text-align:center;background:#fff;border-radius:12px;padding:26px 24px;font-size:30px;line-height:1.9}.sample.huge{font-size:46px;font-weight:600;line-height:1.5}.duo{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.duo{grid-template-columns:1fr}}.duo .col{border:2px dashed var(--line-strong);background:#fff;border-radius:12px;padding:16px}.duo .col .head{font-family:var(--mono);letter-spacing:.4px;color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-pale);border-radius:999px;margin-bottom:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.vbox{writing-mode:vertical-rl;height:240px;color:var(--ink);margin:0 auto;font-size:22px;line-height:2.4}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swbtn{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s,box-shadow .12s}.swbtn:hover{transform:translateY(-1px)}.swbtn.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-pale)}.swbtn.cur{background:linear-gradient(135deg, var(--ink) 50%, #fff 50%)}.vega-stage.dark{background-color:#221c33;background-image:radial-gradient(#ffffff12 1.2px,#0000 1.2px)}.vega-stage.dark .sample{color:#f4f0fa;background:0 0;border-color:#4a4363}}