.demo-block[data-astro-cid-6cdbgtur]{border:1px solid var(--color-demo-border);border-radius:var(--radius-xl);background:var(--color-demo-bg);overflow:hidden}.demo-label[data-astro-cid-6cdbgtur]{padding:var(--space-4) var(--space-6) 0}.ruler-rows[data-astro-cid-6cdbgtur]{padding:0 var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.ruler-row[data-astro-cid-6cdbgtur]{align-items:center;gap:var(--space-3);grid-template-columns:4rem 1fr 4.5rem;display:grid}.ruler-unit[data-astro-cid-6cdbgtur]{font-size:var(--text-sm);text-align:end;color:var(--color-text-muted);font-family:var(--font-mono);background:0 0;border:none;padding:0}.ruler-track[data-astro-cid-6cdbgtur]{background:var(--color-bg-muted);border-radius:var(--radius-sm);block-size:20px;position:relative;overflow:visible}.ruler-bar[data-astro-cid-6cdbgtur]{background:var(--color-text-faint);border-radius:var(--radius-sm);block-size:100%;min-inline-size:1px;transition:background .2s}.ruler-row--highlight[data-astro-cid-6cdbgtur] .ruler-unit[data-astro-cid-6cdbgtur]{color:var(--color-accent-text)}.ruler-row--highlight[data-astro-cid-6cdbgtur] .ruler-bar[data-astro-cid-6cdbgtur]{background:var(--color-accent)}.ruler-px[data-astro-cid-6cdbgtur]{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono);white-space:nowrap}.ruler-row--highlight[data-astro-cid-6cdbgtur] .ruler-px[data-astro-cid-6cdbgtur]{color:var(--color-accent-text)}.ruler-callout[data-astro-cid-6cdbgtur]{align-items:flex-start;gap:var(--space-2);margin:var(--space-5) var(--space-6) 0;padding:var(--space-4);background:var(--color-accent-subtle);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text);line-height:1.6;display:flex}.callout-icon[data-astro-cid-6cdbgtur]{color:var(--color-accent-text);flex-shrink:0;margin-block-start:1px;font-style:normal}.ruler-dpr[data-astro-cid-6cdbgtur]{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--color-demo-border);font-size:var(--text-sm);color:var(--color-text-faint);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.dpr-label[data-astro-cid-6cdbgtur]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.dpr-value[data-astro-cid-6cdbgtur]{color:var(--color-text-muted)}.dpr-note[data-astro-cid-6cdbgtur]{color:var(--color-text-faint)}.abs-sandbox[data-astro-cid-tmp4v7un]{margin:var(--space-8) 0}.sandbox-inner[data-astro-cid-tmp4v7un]{padding:var(--space-5) var(--space-6) var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.sandbox-controls[data-astro-cid-tmp4v7un]{gap:var(--space-3);flex-direction:column;display:flex}.ctrl-group[data-astro-cid-tmp4v7un]{align-items:center;gap:var(--space-4);display:flex}.ctrl-label[data-astro-cid-tmp4v7un]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-faint);white-space:nowrap;min-inline-size:3rem;font-weight:600}.ctrl-inputs[data-astro-cid-tmp4v7un]{gap:var(--space-2);align-items:center;display:flex}.sb-number[data-astro-cid-tmp4v7un]{inline-size:5.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-align:end;transition:border-color .15s}.sb-number[data-astro-cid-tmp4v7un]:focus{border-color:var(--color-accent-text);outline:none}.sb-select[data-astro-cid-tmp4v7un]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:border-color .15s}.sb-select[data-astro-cid-tmp4v7un]:focus{border-color:var(--color-accent-text);outline:none}.sb-slider[data-astro-cid-tmp4v7un]{inline-size:100%;accent-color:var(--color-accent);cursor:pointer;block-size:4px}.sandbox-stage[data-astro-cid-tmp4v7un]{gap:var(--space-2);flex-direction:column;display:flex}.sb-track[data-astro-cid-tmp4v7un]{background:var(--color-bg-muted);border-radius:var(--radius-lg);block-size:48px;padding:0 var(--space-2);align-items:center;display:flex;position:relative;overflow:hidden}.sb-box[data-astro-cid-tmp4v7un]{background:var(--color-accent-strong);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;block-size:36px;min-inline-size:2px;max-inline-size:100%;transition:width .15s ease-out,background .2s;display:flex;overflow:hidden}.sb-box[data-astro-cid-tmp4v7un]:hover{background:var(--color-accent-hover)}.sb-box-label[data-astro-cid-tmp4v7un]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-contrast);white-space:nowrap;padding:0 var(--space-2);opacity:.9}.sb-px-computed[data-astro-cid-tmp4v7un]{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono);text-align:end;padding-inline-end:var(--space-1)}.sandbox-equiv-wrap[data-astro-cid-tmp4v7un]{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.equiv-title[data-astro-cid-tmp4v7un]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);white-space:nowrap;font-weight:600}.sandbox-equiv[data-astro-cid-tmp4v7un]{gap:var(--space-1);flex-wrap:wrap;display:flex}.eq-chip[data-astro-cid-tmp4v7un] code[data-astro-cid-tmp4v7un]{font-size:var(--text-xs);background:var(--color-bg-muted);color:var(--color-text-muted);border-color:var(--color-border);transition:background .1s}.eq-chip[data-astro-cid-tmp4v7un]:hover code[data-astro-cid-tmp4v7un]{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-subtle)}.px-h-inner[data-astro-cid-wipzvwlz]{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.px-h-controls[data-astro-cid-wipzvwlz]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.px-h-label[data-astro-cid-wipzvwlz]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-faint);white-space:nowrap;font-weight:600}.px-h-slider[data-astro-cid-wipzvwlz]{accent-color:var(--color-accent);cursor:pointer;flex:1}.px-h-value[data-astro-cid-wipzvwlz]{text-align:end;min-inline-size:4rem;font-size:var(--text-sm)}.px-h-target[data-astro-cid-wipzvwlz]{background:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-md);block-size:72px;transition:border-width .1s ease-out}.px-h-info[data-astro-cid-wipzvwlz]{gap:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.info-key[data-astro-cid-wipzvwlz]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-inline-end:var(--space-1)}.px-h-info[data-astro-cid-wipzvwlz] code[data-astro-cid-wipzvwlz]{font-size:.9em}.sr-inner[data-astro-cid-w27qotk6]{padding:var(--space-8) var(--space-6) var(--space-5);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.sr-frame[data-astro-cid-w27qotk6]{position:relative}.sr-bar[data-astro-cid-w27qotk6]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:2px;block-size:28px;position:relative}.sr-tick[data-astro-cid-w27qotk6]{background:var(--color-text-faint);block-size:7px;inline-size:1px;position:absolute;inset-block-start:0;transform:translate(-.5px)}.sr-tick--major[data-astro-cid-w27qotk6]{background:var(--color-text-muted);block-size:14px}.sr-labels[data-astro-cid-w27qotk6]{block-size:18px;margin-block-start:4px;position:relative}.sr-label[data-astro-cid-w27qotk6]{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;font-size:10px;position:absolute;inset-block-start:0;transform:translate(-50%)}.sr-unit-mark[data-astro-cid-w27qotk6]{margin-inline-start:1px}.sr-note[data-astro-cid-w27qotk6]{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-inline-size:50ch;margin:0;line-height:1.55}.sr-note[data-astro-cid-w27qotk6] code[data-astro-cid-w27qotk6]{font-size:.9em}.qs-inner[data-astro-cid-4xwjrc5z]{padding:var(--space-5) var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.qs-comparisons[data-astro-cid-4xwjrc5z]{gap:var(--space-2);flex-direction:column;display:flex}.qs-row[data-astro-cid-4xwjrc5z]{align-items:center;gap:var(--space-3);grid-template-columns:4rem 1fr 8rem;display:grid}.qs-label[data-astro-cid-4xwjrc5z]{text-align:end}.qs-label[data-astro-cid-4xwjrc5z] code[data-astro-cid-4xwjrc5z]{font-size:var(--text-sm)}.qs-bar[data-astro-cid-4xwjrc5z]{background:var(--color-accent);border-radius:1px;block-size:14px;min-inline-size:1px}.qs-px[data-astro-cid-4xwjrc5z]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-faint);white-space:nowrap}.qs-magnified[data-astro-cid-4xwjrc5z]{padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-2);display:flex}.qs-mag-label[data-astro-cid-4xwjrc5z]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-weight:600}.qs-mag-stage[data-astro-cid-4xwjrc5z]{gap:var(--space-2);flex-direction:column;display:flex}.qs-mag-row[data-astro-cid-4xwjrc5z]{align-items:center;gap:var(--space-3);grid-template-columns:4rem 1fr;display:grid}.qs-bar--mag[data-astro-cid-4xwjrc5z]{transform-origin:0;image-rendering:pixelated;block-size:18px;transform:scaleX(8)}.pts-inner[data-astro-cid-bk56z4e3]{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.pts-controls[data-astro-cid-bk56z4e3]{align-items:center;gap:var(--space-3);display:flex}.pts-key[data-astro-cid-bk56z4e3]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-faint);white-space:nowrap;font-weight:600}.pts-slider[data-astro-cid-bk56z4e3]{accent-color:var(--color-accent);cursor:pointer;flex:1}.pts-value[data-astro-cid-bk56z4e3]{text-align:end;min-inline-size:4rem;font-size:var(--text-sm)}.pts-preview[data-astro-cid-bk56z4e3]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);align-items:center;min-block-size:7rem;display:flex;overflow:hidden}.pts-sample[data-astro-cid-bk56z4e3]{color:var(--color-text);word-wrap:break-word;max-inline-size:none;margin:0;line-height:1.4;transition:font-size .1s ease-out}.pts-info[data-astro-cid-bk56z4e3]{gap:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.info-key[data-astro-cid-bk56z4e3]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-inline-end:var(--space-1)}.pts-info[data-astro-cid-bk56z4e3] code[data-astro-cid-bk56z4e3]{font-size:.9em}.pceq-inner[data-astro-cid-xjlfm5ot]{padding:var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.pceq-row[data-astro-cid-xjlfm5ot]{align-items:center;gap:var(--space-3);grid-template-columns:4rem 1fr 4rem;display:grid}.pceq-label[data-astro-cid-xjlfm5ot]{text-align:end}.pceq-label[data-astro-cid-xjlfm5ot] code[data-astro-cid-xjlfm5ot]{font-size:var(--text-sm)}.pceq-bar[data-astro-cid-xjlfm5ot]{background:var(--color-accent);border-radius:2px;block-size:18px}.pceq-px[data-astro-cid-xjlfm5ot]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-faint)}.pceq-note[data-astro-cid-xjlfm5ot]{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-inline-size:none;line-height:1.55}.pceq-note[data-astro-cid-xjlfm5ot] code[data-astro-cid-xjlfm5ot]{font-size:.9em}