#swatch-mode[data-astro-cid-to2cqlg3]{flex-direction:column;gap:14px;display:flex}.swatch-panel[data-astro-cid-to2cqlg3]{flex-direction:column;gap:10px;display:flex}.swatch-pair[data-astro-cid-to2cqlg3]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.swatch-pair[data-astro-cid-to2cqlg3] input[data-astro-cid-to2cqlg3][type=text],.swatch-pair[data-astro-cid-to2cqlg3] select[data-astro-cid-to2cqlg3]{width:100%;min-width:0}#swatch-list[data-astro-cid-to2cqlg3]{font:500 .9rem/1.45 var(--mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);resize:vertical;white-space:pre;border-radius:10px;width:100%;min-height:9em;padding:10px 12px;overflow-x:auto}#swatch-list[data-astro-cid-to2cqlg3]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swatch-msg[data-astro-cid-to2cqlg3]{color:var(--ink-2);margin:0;font-size:.85rem;font-weight:600}.swatch-msg[data-astro-cid-to2cqlg3]:empty{display:none}.swatch-msg[data-astro-cid-to2cqlg3][data-kind=error]{color:var(--err)}.swatch-msg[data-astro-cid-to2cqlg3][data-kind=ok]{color:var(--ok)}.swatch-msg[data-astro-cid-to2cqlg3] ul[data-astro-cid-to2cqlg3]{margin:4px 0 0;padding-left:18px;font-weight:500}.swatch-picker[data-astro-cid-to2cqlg3]{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;display:grid}.swatch-picker[data-astro-cid-to2cqlg3] .btn[data-astro-cid-to2cqlg3]{padding:8px 14px;font-size:1.1rem;line-height:1}.swatch-picker[data-astro-cid-to2cqlg3] select[data-astro-cid-to2cqlg3]{width:100%;min-width:0}.swatch-warn[data-astro-cid-to2cqlg3]{color:var(--err);font-weight:600}.seg[data-astro-cid-to2cqlg3] label[data-astro-cid-to2cqlg3] small[data-astro-cid-to2cqlg3]{color:var(--ink-2);margin-top:1px;font-size:.72rem;font-weight:600;display:block}