.intro[data-astro-cid-zfc4wkwq]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) 0 var(--space-5)}h1[data-astro-cid-zfc4wkwq]{font-size:var(--text-2xl);font-weight:600;line-height:1.2}.panel[data-astro-cid-zfc4wkwq]{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0 var(--space-5);border-top:1px solid var(--rule)}@media(min-width:1024px){.compare-layout[data-astro-cid-zfc4wkwq]{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:var(--space-7);align-items:start}.panel[data-astro-cid-zfc4wkwq]{grid-column:2;grid-row:1;position:sticky;top:var(--space-5);max-height:calc(100vh - 2 * var(--space-5));overflow-y:auto}.main[data-astro-cid-zfc4wkwq]{grid-column:1;grid-row:1}}.text-field[data-astro-cid-zfc4wkwq]{display:flex;flex-direction:column;gap:var(--space-2);max-width:40rem;padding:var(--space-4) 0 var(--space-5);border-top:1px solid var(--rule)}.field-head[data-astro-cid-zfc4wkwq]{display:flex;justify-content:space-between;align-items:baseline}#cmp-text[data-astro-cid-zfc4wkwq]{width:100%;padding:var(--space-1) 0;border:0;border-bottom:1px solid var(--rule-strong);background:transparent;font-size:var(--text-md);line-height:1.6;resize:none;overflow:hidden}#cmp-text[data-astro-cid-zfc4wkwq]:focus-visible{outline:none;border-bottom-color:var(--accent)}.controls[data-astro-cid-zfc4wkwq]{display:flex;flex-direction:column;gap:var(--space-2)}.control[data-astro-cid-zfc4wkwq]{display:grid;grid-template-columns:2.5em 1fr 5ch;align-items:center;gap:var(--space-2)}.control[data-astro-cid-zfc4wkwq] input[data-astro-cid-zfc4wkwq][type=range]{width:100%;accent-color:var(--accent)}.control[data-astro-cid-zfc4wkwq] output[data-astro-cid-zfc4wkwq]{text-align:right;font-variant-numeric:tabular-nums}.colors[data-astro-cid-zfc4wkwq]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding-top:var(--space-2)}.reset[data-astro-cid-zfc4wkwq]{margin-left:auto}.swatch[data-astro-cid-zfc4wkwq]{display:flex;align-items:center;gap:var(--space-1)}.swatch[data-astro-cid-zfc4wkwq] input[data-astro-cid-zfc4wkwq]{width:28px;height:22px;padding:0;border:1px solid var(--rule-strong);background:none;cursor:pointer}.contrast[data-astro-cid-zfc4wkwq]:empty{display:none}.text-button[data-astro-cid-zfc4wkwq]{background:none;border:0;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.text-button[data-astro-cid-zfc4wkwq]:hover{color:var(--accent)}.stage[data-astro-cid-zfc4wkwq]{--fg: var(--ink);--bg: var(--paper);background:var(--bg);color:var(--fg);border-top:1px solid var(--rule)}.stage[data-astro-cid-zfc4wkwq][data-custom]{padding:0 var(--space-5)}.columns[data-astro-cid-zfc4wkwq]{display:grid;grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.columns[data-astro-cid-zfc4wkwq]{--col-max: 480px;grid-template-columns:repeat(var(--cols, 1),minmax(0,var(--col-max)));column-gap:var(--space-7);row-gap:var(--space-4)}}.empty[data-astro-cid-zfc4wkwq]{padding:var(--space-7) 0;color:var(--ink-2)}.section-title[data-astro-cid-zfc4wkwq]{font-size:var(--text-sm);font-weight:600}.add[data-astro-cid-zfc4wkwq]{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--rule)}.add-list[data-astro-cid-zfc4wkwq]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.col{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6);min-width:0}@media(max-width:767px){.col+.col{border-top:1px solid var(--rule)}}.col-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--fg) 20%,transparent);font-size:var(--text-sm)}.col-head a{font-weight:600;text-decoration:none;color:inherit}.col-head a:hover{color:var(--accent)}.col-weight{font-size:var(--text-xs);opacity:.7}.col-head select{font:inherit;font-size:var(--text-xs);color:inherit;background:transparent;border:1px solid color-mix(in srgb,var(--fg) 30%,transparent);border-radius:2px;padding:1px var(--space-1)}.col-head .pin-remove{color:inherit;opacity:.6}.col-sample{font-size:var(--size, 48px);line-height:var(--lh, 1.5);letter-spacing:var(--ls, 0);white-space:pre-wrap;overflow-wrap:anywhere;transition:opacity var(--duration)}html.js .col-sample[data-state=idle]{opacity:0}.add-button{padding:var(--space-1) var(--space-3);border:1px solid var(--rule-strong);border-radius:999px;background:none;font-size:var(--text-sm);cursor:pointer}.add-button{display:inline-flex;align-items:baseline;gap:var(--space-2)}.add-plus{color:var(--ink-2)}.add-name{font-size:var(--text-lg);line-height:1.3;transition:opacity var(--duration)}html.js .add-name[data-state=idle]{opacity:0}.add-button:hover{border-color:var(--ink);color:var(--accent)}.add-button:disabled{cursor:not-allowed;color:var(--ink-2);border-style:dashed}