ol[data-astro-cid-efvs5mzy]{gap:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}li[data-astro-cid-efvs5mzy]+li[data-astro-cid-efvs5mzy]:before{content:"/";color:var(--color-text-muted);margin-inline-end:var(--space-2)}a[data-astro-cid-efvs5mzy]{color:var(--color-text-secondary)}[data-astro-cid-efvs5mzy][aria-current=page]{color:var(--color-text)}.related[data-astro-cid-uwf6n6vg]{gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid}h2[data-astro-cid-uwf6n6vg]{font-size:var(--text-2xl)}.related-list[data-astro-cid-uwf6n6vg]{gap:var(--space-4);padding:0;list-style:none;display:grid}@media (width>=40rem){.related-list[data-astro-cid-uwf6n6vg]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.related-list[data-astro-cid-uwf6n6vg]{grid-template-columns:repeat(3,minmax(0,1fr))}}.retention[data-astro-cid-t4w6ugdh]{border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap;gap:1px;display:flex;position:relative;overflow:hidden}.retention[data-astro-cid-t4w6ugdh][hidden],.part[data-astro-cid-t4w6ugdh][hidden]{display:none}.part[data-astro-cid-t4w6ugdh]{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg);flex-direction:column;flex:18rem;display:flex}.copy[data-astro-cid-t4w6ugdh]{gap:var(--space-1);display:grid}.title[data-astro-cid-t4w6ugdh]{color:var(--color-text);font-weight:600}kbd[data-astro-cid-t4w6ugdh]{color:var(--color-text)}.actions[data-astro-cid-t4w6ugdh]{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.support-link[data-astro-cid-t4w6ugdh]{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);background-color:var(--color-surface-raised);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-primary);font-weight:600;text-decoration:none;display:inline-flex}.support-link[data-astro-cid-t4w6ugdh]:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.support-link[data-astro-cid-t4w6ugdh] svg[data-astro-cid-t4w6ugdh]{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}@media (prefers-reduced-motion:no-preference){.retention[data-astro-cid-t4w6ugdh]:not([hidden]){animation:retention-in var(--duration-slow) var(--ease-primary)}@keyframes retention-in{0%{opacity:0;transform:translateY(var(--space-2))}}}.badge[data-astro-cid-sj66f2cy]{--badge-color:var(--color-text-secondary);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--badge-color) 32%, transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--badge-color) 10%, transparent);color:var(--badge-color);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;font-weight:600;line-height:1.4;display:inline-flex}.dot[data-astro-cid-sj66f2cy]{background-color:currentColor;border-radius:50%;block-size:.5em;inline-size:.5em}.badge[data-astro-cid-sj66f2cy][data-tone=accent]{--badge-color:var(--color-cyan)}.badge[data-astro-cid-sj66f2cy][data-tone=success]{--badge-color:var(--color-success)}.badge[data-astro-cid-sj66f2cy][data-tone=warning]{--badge-color:var(--color-warning)}.badge[data-astro-cid-sj66f2cy][data-tone=danger]{--badge-color:var(--color-danger)}.workspace[data-astro-cid-563je6cp]{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1fr);grid-template-areas:"drop""settings""actions""list";display:grid}@media (width>=30rem){.workspace[data-astro-cid-563je6cp]{padding:var(--space-4)}}@media (width>=64rem){.workspace[data-astro-cid-563je6cp]{align-items:start;gap:var(--space-5);padding:var(--space-5);grid-template:"drop settings""actions settings""list settings"1fr/minmax(0,1fr) 21.5rem}}@media not all and (width>=64rem){.workspace[data-astro-cid-563je6cp]:is([data-state=success],[data-state=partial]){grid-template-areas:"drop""actions""settings""list"}}.workspace[data-astro-cid-563je6cp] [data-astro-cid-563je6cp][hidden]{display:none}.drop-area[data-astro-cid-563je6cp]{gap:var(--space-3);grid-area:drop;min-width:0;display:grid}.dropzone[data-astro-cid-563je6cp]{align-content:center;justify-items:center;gap:var(--space-4);min-height:17rem;padding:var(--space-6) var(--space-4);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-card);background:radial-gradient(60% 70% at 50% 30%, color-mix(in srgb, var(--color-cyan) 7%, transparent), transparent 75%), var(--color-bg);text-align:center;transition:border-color var(--duration-normal) var(--ease-primary), background-color var(--duration-normal) var(--ease-primary);display:grid}@media (width>=64rem){.dropzone[data-astro-cid-563je6cp][data-mode=empty]{min-height:24rem}}.dropzone[data-astro-cid-563je6cp][data-dragging=true]{border-style:solid;border-color:var(--color-cyan);background:radial-gradient(60% 70% at 50% 30%, color-mix(in srgb, var(--color-cyan) 14%, transparent), transparent 75%), var(--color-bg)}.dropzone[data-astro-cid-563je6cp][data-disabled=true]{border-style:solid;border-color:var(--color-border)}.core[data-astro-cid-563je6cp]{display:grid}.drop-intro[data-astro-cid-563je6cp]{justify-items:center;gap:var(--space-3);display:grid}.drop-title[data-astro-cid-563je6cp]{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:650;line-height:var(--leading-tight)}.drop-choose[data-astro-cid-563je6cp]{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.drop-meta[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-size:var(--text-sm)}.drop-privacy[data-astro-cid-563je6cp]{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:inline-flex}.drop-privacy[data-astro-cid-563je6cp] svg[data-astro-cid-563je6cp]{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.drop-noscript[data-astro-cid-563je6cp]{color:var(--color-warning);font-size:var(--text-sm)}.dropzone[data-astro-cid-563je6cp][data-mode=batch]{place-items:center start;gap:var(--space-3) var(--space-4);min-height:0;padding:var(--space-4);text-align:start;grid-template-columns:auto minmax(0,1fr)}.dropzone[data-astro-cid-563je6cp][data-mode=batch] .core[data-astro-cid-563je6cp] .kinetic-core{block-size:2.75rem;inline-size:2.75rem}.batch-bar[data-astro-cid-563je6cp]{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;flex-wrap:wrap;min-width:0;display:flex}.batch-text[data-astro-cid-563je6cp]{gap:var(--space-1);min-width:0;display:grid}.batch-status[data-astro-cid-563je6cp]{font-size:var(--text-lg);font-weight:650;line-height:var(--leading-snug)}.batch-summary[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.notice[data-astro-cid-563je6cp]{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-warning) 8%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.settings[data-astro-cid-563je6cp]{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);grid-area:settings;container-type:inline-size}.settings-lock[data-astro-cid-563je6cp],.group[data-astro-cid-563je6cp]{border:0;min-width:0;margin:0;padding:0}.settings-lock[data-astro-cid-563je6cp]{gap:var(--space-5);display:grid}.group[data-astro-cid-563je6cp]+.group[data-astro-cid-563je6cp]{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.group-title[data-astro-cid-563je6cp]{float:inline-start;inline-size:100%;margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700}.group-body[data-astro-cid-563je6cp],.mode-panel[data-astro-cid-563je6cp]{gap:var(--space-3);display:grid}.group-body[data-astro-cid-563je6cp]{clear:both}.locked-note[data-astro-cid-563je6cp]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-purple) 12%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm)}.field[data-astro-cid-563je6cp]{gap:var(--space-2);min-width:0;display:grid}.field-head[data-astro-cid-563je6cp]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.field-label[data-astro-cid-563je6cp]{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.field-pair[data-astro-cid-563je6cp]{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hint[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.hint[data-astro-cid-563je6cp]:empty{display:none}.hint[data-astro-cid-563je6cp][data-tone=warning]{color:var(--color-warning)}.hint[data-astro-cid-563je6cp] code[data-astro-cid-563je6cp]{color:var(--color-text-secondary)}.field-error[data-astro-cid-563je6cp]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.field-error[data-astro-cid-563je6cp]:empty{display:none}.control[data-astro-cid-563je6cp]{inline-size:100%;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-563je6cp]:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-563je6cp]:focus-visible{outline-offset:1px}.control[data-astro-cid-563je6cp][aria-invalid=true]{border-color:var(--color-danger)}.control[data-astro-cid-563je6cp]::placeholder{color:var(--color-text-muted)}.text-input[data-astro-cid-563je6cp]{font-variant-numeric:tabular-nums}.mono[data-astro-cid-563je6cp]{font-family:var(--font-mono);font-size:var(--text-sm)}.unit-input[data-astro-cid-563je6cp]{position:relative}.unit-input[data-astro-cid-563je6cp] .text-input[data-astro-cid-563je6cp]{padding-inline-end:2.25rem}.unit[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.select-wrap[data-astro-cid-563je6cp]{position:relative}.select-wrap[data-astro-cid-563je6cp]:after{content:"";border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);pointer-events:none;block-size:.45rem;inline-size:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-70%)rotate(45deg)}.select[data-astro-cid-563je6cp]{appearance:none;cursor:pointer;padding-inline-end:2.5rem}.check[data-astro-cid-563je6cp]{align-items:flex-start;gap:var(--space-3);min-height:2.25rem;padding-block:var(--space-1);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;display:flex}.check[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--color-cyan);cursor:pointer;flex:none;margin-block-start:.125rem}.check[data-astro-cid-563je6cp]+.hint[data-astro-cid-563je6cp]{margin-block-start:calc(-1 * var(--space-2));padding-inline-start:calc(1.125rem + var(--space-3))}.range[data-astro-cid-563je6cp]{inline-size:100%;min-height:2rem;accent-color:var(--color-cyan);cursor:pointer}.range[data-astro-cid-563je6cp]:disabled{cursor:not-allowed;opacity:.45}.quality-value[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}[data-astro-cid-563je6cp][data-quality-field][data-relevant=false] .quality-value[data-astro-cid-563je6cp]{color:var(--color-text-muted);text-decoration:line-through}.color-input[data-astro-cid-563je6cp]{align-items:center;gap:var(--space-3);display:flex}.color[data-astro-cid-563je6cp]{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);cursor:pointer;block-size:2.75rem;inline-size:2.75rem;padding:.2rem}.color-value[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.segmented[data-astro-cid-563je6cp]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segment[data-astro-cid-563je6cp]{min-width:0;display:grid;position:relative}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.segment[data-astro-cid-563je6cp]>span[data-astro-cid-563je6cp]{justify-content:center;align-items:center;gap:var(--space-1);min-height:2.5rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;font-weight:600;line-height:1.2;display:flex}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]:hover:not(:disabled)+span[data-astro-cid-563je6cp]{color:var(--color-text)}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]:checked+span[data-astro-cid-563je6cp]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]:focus-visible+span[data-astro-cid-563je6cp]{outline:2px solid var(--color-focus);outline-offset:2px}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]:disabled{cursor:not-allowed}.segment[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]:disabled+span[data-astro-cid-563je6cp]{opacity:.5}.segmented-format[data-astro-cid-563je6cp]{grid-template-columns:auto repeat(3,minmax(0,1fr));grid-auto-flow:row}@container (width<=17.5rem){.segmented-format[data-astro-cid-563je6cp]{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-lock[data-astro-cid-563je6cp]:disabled .check[data-astro-cid-563je6cp],.settings-lock[data-astro-cid-563je6cp]:disabled .field-label[data-astro-cid-563je6cp]{color:var(--color-text-muted)}.settings-lock[data-astro-cid-563je6cp]:disabled .control[data-astro-cid-563je6cp],.settings-lock[data-astro-cid-563je6cp]:disabled .color[data-astro-cid-563je6cp],.settings-lock[data-astro-cid-563je6cp]:disabled .check[data-astro-cid-563je6cp] input[data-astro-cid-563je6cp]{cursor:not-allowed;opacity:.55}.actions[data-astro-cid-563je6cp]{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);grid-area:actions;display:grid}.progress[data-astro-cid-563je6cp],.results[data-astro-cid-563je6cp]{gap:var(--space-2);min-width:0;display:grid}.results[data-astro-cid-563je6cp]{gap:var(--space-3)}.action-row[data-astro-cid-563je6cp]{gap:var(--space-3);flex-wrap:wrap;display:flex}.action[data-astro-cid-563je6cp]{flex:100%;display:grid}@media (width>=40rem){.action[data-astro-cid-563je6cp]{flex:0 auto;min-inline-size:12rem}}.progress-label[data-astro-cid-563je6cp]{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.progress-bar[data-astro-cid-563je6cp]{appearance:none;border-radius:var(--radius-pill);background-color:var(--color-bg);border:0;block-size:.5rem;inline-size:100%;overflow:hidden}.progress-bar[data-astro-cid-563je6cp]::-webkit-progress-bar{border-radius:var(--radius-pill);background-color:var(--color-bg)}.progress-bar[data-astro-cid-563je6cp]::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--gradient-accent);transition:inline-size var(--duration-normal) var(--ease-primary)}.progress-bar[data-astro-cid-563je6cp]::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--gradient-accent)}.results-title[data-astro-cid-563je6cp]{font-size:var(--text-xl)}.results-counts[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-size:var(--text-sm)}.totals[data-astro-cid-563je6cp]{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.total[data-astro-cid-563je6cp]{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);display:grid}.total[data-astro-cid-563je6cp] dt[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.total[data-astro-cid-563je6cp] dd[data-astro-cid-563je6cp]{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.zip-error[data-astro-cid-563je6cp]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.share-status[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.share-status[data-astro-cid-563je6cp][data-tone=ok]{color:var(--color-text)}.share-status[data-astro-cid-563je6cp][data-tone=ok]:before{content:"✓ ";color:var(--color-success);font-weight:700}.share-status[data-astro-cid-563je6cp][data-tone=problem]{color:var(--color-danger);font-weight:600}.share-status[data-astro-cid-563je6cp][data-tone=problem]:before{content:"! ";font-weight:700}.list-section[data-astro-cid-563je6cp]{gap:var(--space-3);grid-area:list;min-width:0;display:grid;container-type:inline-size}.list-head[data-astro-cid-563je6cp]{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-title[data-astro-cid-563je6cp]{font-size:var(--text-lg)}.list-count[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:600}.filter[data-astro-cid-563je6cp]{grid-auto-columns:auto}.filter[data-astro-cid-563je6cp] .segment[data-astro-cid-563je6cp]>span[data-astro-cid-563je6cp]{min-height:2.25rem;padding-inline:var(--space-3);font-size:var(--text-xs)}.filter-count[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-variant-numeric:tabular-nums}@container (width<=26rem){.filter[data-astro-cid-563je6cp]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;inline-size:100%}}.filter-empty[data-astro-cid-563je6cp]{padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.file-list[data-astro-cid-563je6cp]{gap:var(--space-2);padding:0;list-style:none;display:grid}.file-row[data-astro-cid-563je6cp]{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-template-columns:3rem minmax(0,1fr);grid-template-areas:"thumb name""facts facts""note note""error error""side side";display:grid}.file-row[data-astro-cid-563je6cp][data-phase=processing]{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.file-row[data-astro-cid-563je6cp][data-phase=failed]{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);box-shadow:inset 3px 0 0 var(--color-danger)}@container (width>=34rem){.file-row[data-astro-cid-563je6cp]{align-items:start;gap:var(--space-4);grid-template-columns:4rem minmax(0,1fr) auto;grid-template-areas:"thumb main side"}}.thumb[data-astro-cid-563je6cp]{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);background-image:conic-gradient(var(--color-surface-raised) 25%, transparent 0 50%, var(--color-surface-raised) 0 75%, transparent 0);background-size:.75rem .75rem;grid-area:thumb;place-items:center;inline-size:100%;display:grid;overflow:hidden}.thumb[data-astro-cid-563je6cp] img[data-astro-cid-563je6cp]{object-fit:contain;block-size:100%;inline-size:100%}.row-main[data-astro-cid-563je6cp]{display:contents}@container (width>=34rem){.row-main[data-astro-cid-563je6cp]{align-content:start;gap:var(--space-1);grid-area:main;min-width:0;display:grid}.file-row[data-astro-cid-563je6cp] .row-main[data-astro-cid-563je6cp]>[data-astro-cid-563je6cp]{grid-area:auto}}.file-name[data-astro-cid-563je6cp]{min-width:0;font-size:var(--text-sm);font-weight:650;line-height:var(--leading-snug);overflow-wrap:anywhere;grid-area:name}.facts[data-astro-cid-563je6cp]{font-size:var(--text-xs);line-height:var(--leading-snug);grid-area:facts;gap:.125rem;display:grid}.fact[data-astro-cid-563je6cp]{gap:var(--space-2);grid-template-columns:4.75rem minmax(0,1fr);display:grid}.fact[data-astro-cid-563je6cp] dt[data-astro-cid-563je6cp]{color:var(--color-text-muted)}.fact[data-astro-cid-563je6cp] dd[data-astro-cid-563je6cp]{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0}.output-name[data-astro-cid-563je6cp]{color:var(--color-text);font-family:var(--font-mono);overflow-wrap:anywhere;display:block}.row-note[data-astro-cid-563je6cp]{color:var(--color-text-muted);font-size:var(--text-xs);grid-area:note}.row-error[data-astro-cid-563je6cp]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug);grid-area:error}.row-side[data-astro-cid-563je6cp]{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:side;display:flex}@container (width>=34rem){.row-side[data-astro-cid-563je6cp]{flex-flow:column;justify-content:flex-start;align-items:flex-end}}.row-button[data-astro-cid-563je6cp]{min-height:2.5rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.row-button[data-astro-cid-563je6cp]:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.row-remove[data-astro-cid-563je6cp]{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.row-remove[data-astro-cid-563je6cp]:hover{border-color:var(--color-border-strong);color:var(--color-text)}.page[data-astro-cid-mqfxsc24]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-mqfxsc24]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-mqfxsc24] h1[data-astro-cid-mqfxsc24]{font-size:var(--text-3xl)}.lede[data-astro-cid-mqfxsc24]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.trust[data-astro-cid-mqfxsc24]{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--color-cyan) 28%, transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-cyan) 7%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;display:inline-flex}.trust[data-astro-cid-mqfxsc24] svg[data-astro-cid-mqfxsc24]{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.companion[data-astro-cid-mqfxsc24]{color:var(--color-text-secondary);font-size:var(--text-sm)}.companion[data-astro-cid-mqfxsc24] a{color:var(--color-cyan);font-weight:600}.content[data-astro-cid-mqfxsc24]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-4);display:grid}.content-section[data-astro-cid-mqfxsc24]{gap:var(--space-3);color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-mqfxsc24] h2[data-astro-cid-mqfxsc24]{color:var(--color-text);font-size:var(--text-2xl)}.steps[data-astro-cid-mqfxsc24],.uses[data-astro-cid-mqfxsc24]{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.steps[data-astro-cid-mqfxsc24] li[data-astro-cid-mqfxsc24]::marker{color:var(--color-cyan);font-weight:650}.uses[data-astro-cid-mqfxsc24] li[data-astro-cid-mqfxsc24]::marker{color:var(--color-cyan)}.faq-list[data-astro-cid-mqfxsc24]{gap:var(--space-2);display:grid}.faq-item[data-astro-cid-mqfxsc24]{border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-surface)}.faq-item[data-astro-cid-mqfxsc24][open]{border-color:var(--color-border-strong)}summary[data-astro-cid-mqfxsc24]{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;list-style:none;display:flex}summary[data-astro-cid-mqfxsc24]::-webkit-details-marker{display:none}summary[data-astro-cid-mqfxsc24]:after{content:"+";color:var(--color-cyan);font-size:var(--text-xl);flex:none;font-weight:400;line-height:1}.faq-item[data-astro-cid-mqfxsc24][open] summary[data-astro-cid-mqfxsc24]:after{content:"−"}summary[data-astro-cid-mqfxsc24] h3[data-astro-cid-mqfxsc24]{color:var(--color-text);font-size:var(--text-base);letter-spacing:0;font-weight:600}.faq-item[data-astro-cid-mqfxsc24] p[data-astro-cid-mqfxsc24]{padding:0 var(--space-4) var(--space-4)}.workspace[data-astro-cid-7a6xmzob]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""controls""output";display:grid}@media (width>=30rem){.workspace[data-astro-cid-7a6xmzob]{gap:var(--space-4);padding:var(--space-4)}}@media (width>=64rem){.workspace[data-astro-cid-7a6xmzob]{gap:var(--space-5);padding:var(--space-5)}}.workspace[data-astro-cid-7a6xmzob] [data-astro-cid-7a6xmzob][hidden]{display:none}.panel[data-astro-cid-7a6xmzob]{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}@media (width>=30rem){.panel[data-astro-cid-7a6xmzob]{padding:var(--space-4)}}.panel-title[data-astro-cid-7a6xmzob]{font-size:var(--text-base);letter-spacing:-.01em}.preview-panel[data-astro-cid-7a6xmzob]{gap:var(--space-3);grid-area:preview;display:grid;container-type:inline-size}.preview-bar[data-astro-cid-7a6xmzob]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.preview-modes[data-astro-cid-7a6xmzob]{grid-auto-columns:auto}.preview-modes[data-astro-cid-7a6xmzob] .segment[data-astro-cid-7a6xmzob]>span[data-astro-cid-7a6xmzob]{min-height:2.25rem;padding-inline:var(--space-3)}.width-note[data-astro-cid-7a6xmzob]{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-inline-start:auto}@container (width<=26rem){.preview-modes[data-astro-cid-7a6xmzob]{flex:100%;grid-auto-columns:minmax(0,1fr)}.width-note[data-astro-cid-7a6xmzob]{margin-inline-start:0}}.stage-wrap[data-astro-cid-7a6xmzob]{container-type:inline-size}.stage[data-astro-cid-7a6xmzob]{border-radius:var(--radius-control);background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-text-muted) 22%, transparent) 1px, transparent 1px);background-size:12px 12px;justify-items:center;block-size:calc(min(240px,61.5385cqi) + 7rem);display:grid;overflow:hidden}.frame[data-astro-cid-7a6xmzob]{inline-size:min(100cqi, var(--mode-width) * 1px);block-size:100%;box-shadow:0 0 0 1px var(--color-border), 0 12px 32px -16px #000c;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);display:grid;overflow:hidden;container-type:inline-size}.page-section[data-astro-cid-7a6xmzob]{--mark-color:#ffffff21;align-content:center;justify-items:start;gap:max(4px,1.4cqi);padding-inline:8cqi;display:grid;overflow:hidden}.page-section[data-astro-cid-7a6xmzob][data-tone=light]{--mark-color:#04111d1c}.above[data-astro-cid-7a6xmzob]{background-color:var(--section-above)}.below[data-astro-cid-7a6xmzob]{background-color:var(--section-below)}.mark[data-astro-cid-7a6xmzob]{border-radius:var(--radius-pill);background-color:var(--mark-color);block-size:max(3px,.9cqi);inline-size:52%;display:block}.mark-title[data-astro-cid-7a6xmzob]{block-size:max(6px,2cqi);inline-size:34%}.mark-short[data-astro-cid-7a6xmzob]{inline-size:30%}.strip[data-astro-cid-7a6xmzob]{block-size:calc(var(--divider-height) * 100cqi / var(--mode-width));block-size:round(calc(var(--divider-height) * 100cqi / var(--mode-width)), 1px)}.stage[data-astro-cid-7a6xmzob][data-placement=bottom] .strip[data-astro-cid-7a6xmzob]{background-color:var(--section-above)}.stage[data-astro-cid-7a6xmzob][data-placement=top] .strip[data-astro-cid-7a6xmzob]{background-color:var(--section-below)}.strip[data-astro-cid-7a6xmzob] svg{block-size:100%;inline-size:100%;display:block}.context[data-astro-cid-7a6xmzob]{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.sub-title[data-astro-cid-7a6xmzob]{float:inline-start;inline-size:100%;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700}.context-fields[data-astro-cid-7a6xmzob]{clear:both;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.context-note[data-astro-cid-7a6xmzob]{grid-column:1/-1}@container (width<=22rem){.context-fields[data-astro-cid-7a6xmzob]{grid-template-columns:minmax(0,1fr)}}@container (width>=48rem){.context-fields[data-astro-cid-7a6xmzob]{grid-template-columns:repeat(2,minmax(0,15rem)) minmax(0,1fr)}.context-note[data-astro-cid-7a6xmzob]{grid-column:auto;align-self:center}}.controls[data-astro-cid-7a6xmzob]{gap:var(--space-4);grid-area:controls;display:grid;container-type:inline-size}.controls-head[data-astro-cid-7a6xmzob]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.core[data-astro-cid-7a6xmzob]{margin-inline-start:auto;display:grid}.controls-body[data-astro-cid-7a6xmzob]{gap:var(--space-5);display:grid}.group[data-astro-cid-7a6xmzob]{border:0;min-width:0;margin:0;padding:0}.group[data-astro-cid-7a6xmzob]+.group[data-astro-cid-7a6xmzob]{padding-top:var(--space-5);border-top:1px solid var(--color-border)}@container (width>=36rem){.controls-body[data-astro-cid-7a6xmzob]{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.group[data-astro-cid-7a6xmzob]+.group-geometry[data-astro-cid-7a6xmzob]{border-top:0;padding-top:0}.group-layers[data-astro-cid-7a6xmzob]{grid-column:1/-1}.layer-list[data-astro-cid-7a6xmzob]{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}}@container (width>=60rem){.controls-body[data-astro-cid-7a6xmzob]{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.3fr)}.group[data-astro-cid-7a6xmzob]+.group-layers[data-astro-cid-7a6xmzob]{border-top:0;grid-column:auto;padding-top:0}.layer-list[data-astro-cid-7a6xmzob]{grid-template-columns:minmax(0,1fr)}}.group-title[data-astro-cid-7a6xmzob]{float:inline-start;inline-size:100%;margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700}.group-body[data-astro-cid-7a6xmzob]{clear:both;gap:var(--space-4);display:grid}.field[data-astro-cid-7a6xmzob]{gap:var(--space-2);min-width:0;display:grid}.field-head[data-astro-cid-7a6xmzob]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.field-label[data-astro-cid-7a6xmzob]{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.hint[data-astro-cid-7a6xmzob]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.field-error[data-astro-cid-7a6xmzob]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.field-error[data-astro-cid-7a6xmzob]:empty{display:none}.control[data-astro-cid-7a6xmzob]{inline-size:100%;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-7a6xmzob]:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-7a6xmzob]:focus-visible{outline-offset:1px}.control[data-astro-cid-7a6xmzob][aria-invalid=true]{border-color:var(--color-danger)}.select-wrap[data-astro-cid-7a6xmzob]{position:relative}.select-wrap[data-astro-cid-7a6xmzob]:after{content:"";border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);pointer-events:none;block-size:.45rem;inline-size:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-70%)rotate(45deg)}.select[data-astro-cid-7a6xmzob]{appearance:none;cursor:pointer;padding-inline-end:2.5rem}.range[data-astro-cid-7a6xmzob]{inline-size:100%;min-height:2rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.range-value[data-astro-cid-7a6xmzob]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.check[data-astro-cid-7a6xmzob]{align-items:flex-start;gap:var(--space-3);min-height:2.25rem;padding-block:var(--space-1);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;display:flex}.check[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--color-cyan);cursor:pointer;flex:none;margin:.125rem 0 0}.check[data-astro-cid-7a6xmzob]:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed}.check[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:disabled{cursor:not-allowed}.check-hint[data-astro-cid-7a6xmzob]{margin-block-start:calc(-1 * var(--space-2));padding-inline-start:calc(1.125rem + var(--space-3))}.segmented[data-astro-cid-7a6xmzob]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segment[data-astro-cid-7a6xmzob],.shape-option[data-astro-cid-7a6xmzob]{min-width:0;display:grid;position:relative}.segment[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob],.shape-option[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.segment[data-astro-cid-7a6xmzob]>span[data-astro-cid-7a6xmzob],.shape-tile[data-astro-cid-7a6xmzob]{color:var(--color-text-secondary);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;font-weight:600;line-height:1.2}.segment[data-astro-cid-7a6xmzob]>span[data-astro-cid-7a6xmzob]{min-height:2.5rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.segment[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:hover+span[data-astro-cid-7a6xmzob],.shape-option[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:hover+.shape-tile[data-astro-cid-7a6xmzob]{color:var(--color-text)}.segment[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:checked+span[data-astro-cid-7a6xmzob],.shape-option[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:checked+.shape-tile[data-astro-cid-7a6xmzob]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.segment[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:focus-visible+span[data-astro-cid-7a6xmzob],.shape-option[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:focus-visible+.shape-tile[data-astro-cid-7a6xmzob]{outline:2px solid var(--color-focus);outline-offset:2px}.shape-grid[data-astro-cid-7a6xmzob]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.shape-tile[data-astro-cid-7a6xmzob]{justify-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-radius:calc(var(--radius-button) - 4px);font-size:var(--text-xs);display:grid}.shape-icon[data-astro-cid-7a6xmzob]{fill:currentColor;opacity:.85;block-size:1.25rem;inline-size:100%;max-inline-size:2.75rem}.shape-option[data-astro-cid-7a6xmzob] input[data-astro-cid-7a6xmzob]:checked+.shape-tile[data-astro-cid-7a6xmzob] .shape-icon[data-astro-cid-7a6xmzob]{fill:var(--color-cyan);opacity:1}.match[data-astro-cid-7a6xmzob]{justify-self:start;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--color-cyan);font-size:var(--text-sm);text-align:start;text-underline-offset:.2em;cursor:pointer;background:0 0;border:1px solid #0000;margin-block-start:calc(-1 * var(--space-1));margin-inline-start:calc(-1 * var(--space-2));font-weight:600;text-decoration:underline;display:inline-flex}.match[data-astro-cid-7a6xmzob]:hover:not([aria-disabled=true]){border-color:var(--color-border-strong)}.match-icon[data-astro-cid-7a6xmzob]{fill:none;stroke:var(--color-success);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:none}.match[data-astro-cid-7a6xmzob][aria-disabled=true]{color:var(--color-text-secondary);cursor:default;text-decoration:none}.match[data-astro-cid-7a6xmzob][aria-disabled=true] .match-icon[data-astro-cid-7a6xmzob]{display:block}.layer-list[data-astro-cid-7a6xmzob]{gap:var(--space-3);display:grid}.layer[data-astro-cid-7a6xmzob]{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);container-type:inline-size}.layer-body[data-astro-cid-7a6xmzob]{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title remove""color color""ranges ranges";display:grid}@container (width>=22rem){.layer-body[data-astro-cid-7a6xmzob]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title color remove""ranges ranges ranges"}}.layer-color[data-astro-cid-7a6xmzob]{grid-area:color}.layer-remove[data-astro-cid-7a6xmzob]{grid-area:remove}.layer-ranges[data-astro-cid-7a6xmzob]{grid-area:ranges}.layer-title[data-astro-cid-7a6xmzob]{align-items:center;gap:var(--space-2);min-height:2.25rem;font-size:var(--text-sm);grid-area:title;font-weight:650;display:inline-flex}.layer-tag[data-astro-cid-7a6xmzob]{padding:.125rem var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600}.text-button[data-astro-cid-7a6xmzob]{min-height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);background:0 0;border:1px solid #0000;align-items:center;font-weight:600;display:inline-flex}.text-button[data-astro-cid-7a6xmzob]:hover{border-color:var(--color-border-strong);color:var(--color-text)}.layer-ranges[data-astro-cid-7a6xmzob]{gap:var(--space-3);display:grid}@container (width>=17rem){.layer-ranges[data-astro-cid-7a6xmzob]{grid-template-columns:repeat(2,minmax(0,1fr))}}.layer-actions[data-astro-cid-7a6xmzob]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.fit-note[data-astro-cid-7a6xmzob]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-purple) 12%, transparent);color:var(--color-text-secondary)}.color-field[data-astro-cid-7a6xmzob]{gap:var(--space-2);min-width:0;display:grid}.color-row[data-astro-cid-7a6xmzob]{gap:var(--space-2);display:flex}.swatch[data-astro-cid-7a6xmzob]{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);cursor:pointer;flex:none;block-size:2.75rem;inline-size:2.75rem;padding:.2rem}.hex[data-astro-cid-7a6xmzob]{min-inline-size:0;max-inline-size:9rem;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.output[data-astro-cid-7a6xmzob]{gap:var(--space-3);grid-area:output;display:grid}.output-head[data-astro-cid-7a6xmzob]{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.size[data-astro-cid-7a6xmzob]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.code[data-astro-cid-7a6xmzob]{block-size:14rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font-size:.8125rem;line-height:1.55;overflow:auto}.code[data-astro-cid-7a6xmzob]:focus-visible{outline-offset:1px}.output-actions[data-astro-cid-7a6xmzob]{gap:var(--space-3);flex-wrap:wrap;display:flex}.action[data-astro-cid-7a6xmzob]{flex:100%;display:grid}@media (width>=30rem){.action[data-astro-cid-7a6xmzob]{flex:0 auto}}.stack[data-astro-cid-7a6xmzob]{display:grid}.stack-item[data-astro-cid-7a6xmzob]{justify-content:center;align-items:center;gap:var(--space-2);visibility:hidden;grid-area:1/1;display:inline-flex}.stack[data-astro-cid-7a6xmzob][data-label=svg]:not([data-copied]) [data-astro-cid-7a6xmzob][data-for=svg],.stack[data-astro-cid-7a6xmzob][data-label=html]:not([data-copied]) [data-astro-cid-7a6xmzob][data-for=html],.stack[data-astro-cid-7a6xmzob][data-label=css]:not([data-copied]) [data-astro-cid-7a6xmzob][data-for=css],.stack[data-astro-cid-7a6xmzob][data-label=download]:not([data-copied]) [data-astro-cid-7a6xmzob][data-for=download],.stack[data-astro-cid-7a6xmzob][data-label=data-uri]:not([data-copied]) [data-astro-cid-7a6xmzob][data-for=data-uri],.stack[data-astro-cid-7a6xmzob][data-copied] [data-astro-cid-7a6xmzob][data-for=copied]{visibility:visible}.button-icon[data-astro-cid-7a6xmzob]{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.copy-status[data-astro-cid-7a6xmzob]{min-block-size:1.35em;color:var(--color-warning);font-size:var(--text-sm);font-weight:600}.noscript[data-astro-cid-7a6xmzob]{color:var(--color-warning);font-size:var(--text-sm)}.page[data-astro-cid-jlloyrnp]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-jlloyrnp]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-jlloyrnp] h1[data-astro-cid-jlloyrnp]{font-size:var(--text-3xl)}.lede[data-astro-cid-jlloyrnp]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-jlloyrnp]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-jlloyrnp]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-jlloyrnp] h2[data-astro-cid-jlloyrnp]{color:var(--color-text);font-size:var(--text-2xl)}.content-section[data-astro-cid-jlloyrnp] code[data-astro-cid-jlloyrnp]{color:var(--color-text)}.example[data-astro-cid-jlloyrnp]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);line-height:var(--leading-snug);overflow-x:auto}.steps[data-astro-cid-jlloyrnp],.uses[data-astro-cid-jlloyrnp]{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.steps[data-astro-cid-jlloyrnp] li[data-astro-cid-jlloyrnp]::marker{color:var(--color-cyan);font-weight:650}.uses[data-astro-cid-jlloyrnp] li[data-astro-cid-jlloyrnp]::marker{color:var(--color-cyan)}.faq-list[data-astro-cid-jlloyrnp]{gap:var(--space-2);display:grid}.faq-item[data-astro-cid-jlloyrnp]{border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-surface)}.faq-item[data-astro-cid-jlloyrnp][open]{border-color:var(--color-border-strong)}summary[data-astro-cid-jlloyrnp]{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;list-style:none;display:flex}summary[data-astro-cid-jlloyrnp]::-webkit-details-marker{display:none}summary[data-astro-cid-jlloyrnp]:after{content:"+";color:var(--color-cyan);font-size:var(--text-xl);flex:none;font-weight:400;line-height:1}.faq-item[data-astro-cid-jlloyrnp][open] summary[data-astro-cid-jlloyrnp]:after{content:"−"}summary[data-astro-cid-jlloyrnp] h3[data-astro-cid-jlloyrnp]{color:var(--color-text);font-size:var(--text-base);letter-spacing:0;font-weight:600}.faq-item[data-astro-cid-jlloyrnp] p[data-astro-cid-jlloyrnp]{padding:0 var(--space-4) var(--space-4)}.field[data-astro-cid-vwxx53p6]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.field-label[data-astro-cid-vwxx53p6]{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.input-wrap[data-astro-cid-vwxx53p6]{display:grid;position:relative}.control[data-astro-cid-vwxx53p6]{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-vwxx53p6]:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-vwxx53p6]:focus-visible{outline-offset:1px}.control[data-astro-cid-vwxx53p6][aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.control[data-astro-cid-vwxx53p6][type=number]{appearance:textfield}.control[data-astro-cid-vwxx53p6]::-webkit-inner-spin-button,.control[data-astro-cid-vwxx53p6]::-webkit-outer-spin-button{appearance:none;margin:0}.has-unit[data-astro-cid-vwxx53p6] .control[data-astro-cid-vwxx53p6]{padding-inline-end:3rem}.unit[data-astro-cid-vwxx53p6]{color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.field-error[data-astro-cid-vwxx53p6]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.field-error[data-astro-cid-vwxx53p6]:empty{display:none}.workspace[data-astro-cid-usne4zbi]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container-type:inline-size}@media (width>=30rem){.workspace[data-astro-cid-usne4zbi]{gap:var(--space-4);padding:var(--space-4)}}@media (width>=64rem){.workspace[data-astro-cid-usne4zbi]{padding:var(--space-5)}}.workspace[data-astro-cid-usne4zbi] [data-astro-cid-usne4zbi][hidden]{display:none}.mode-bar[data-astro-cid-usne4zbi]{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.tabs[data-astro-cid-usne4zbi]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}@container (width>=32rem){.tabs[data-astro-cid-usne4zbi]{flex:none}}.tab[data-astro-cid-usne4zbi]{min-height:2.5rem;padding-inline:var(--space-4);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);background:0 0;border:1px solid #0000;font-weight:600;line-height:1.2}.tab[data-astro-cid-usne4zbi]:hover{color:var(--color-text)}.tab[data-astro-cid-usne4zbi][aria-selected=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.mode-hint[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-sm);flex:1 1 0}.core[data-astro-cid-usne4zbi]{display:grid}.mode-panel[data-astro-cid-usne4zbi]{gap:var(--space-3);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""settings""output";display:grid}.mode-panel[data-astro-cid-usne4zbi]:focus-visible{outline-offset:4px}@container (width>=30rem){.mode-panel[data-astro-cid-usne4zbi]{gap:var(--space-4)}}@container (width>=56rem){.mode-panel[data-astro-cid-usne4zbi]{grid-template:"preview settings""output settings"1fr/minmax(0,1fr) minmax(19rem,22rem);align-items:start}}.panel[data-astro-cid-usne4zbi]{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}@container (width>=30rem){.panel[data-astro-cid-usne4zbi]{padding:var(--space-4)}}.panel-title[data-astro-cid-usne4zbi]{font-size:var(--text-base);letter-spacing:-.01em}.hint[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.preview-panel[data-astro-cid-usne4zbi]{gap:var(--space-3);grid-area:preview;display:grid;container-type:inline-size}.preview-head[data-astro-cid-usne4zbi]{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.readouts[data-astro-cid-usne4zbi]{gap:var(--space-1) var(--space-5);flex-wrap:wrap;display:flex}.readout[data-astro-cid-usne4zbi]{align-items:baseline;gap:var(--space-2);display:flex}.readout[data-astro-cid-usne4zbi] dt[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.readout[data-astro-cid-usne4zbi] dd[data-astro-cid-usne4zbi]{color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;margin:0;font-weight:650}.readout-viewport[data-astro-cid-usne4zbi]{min-inline-size:4.25em}.readout-size[data-astro-cid-usne4zbi]{min-inline-size:5.25em}.viewport-control[data-astro-cid-usne4zbi]{gap:var(--space-1);display:grid}.viewport-label[data-astro-cid-usne4zbi]{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.range[data-astro-cid-usne4zbi]{inline-size:100%;min-height:2rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.range[data-astro-cid-usne4zbi]:disabled{cursor:not-allowed;opacity:.5}.range-ends[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.stage[data-astro-cid-usne4zbi]{min-block-size:max(12rem, calc(9rem + var(--reserve) * 2.3));border-radius:var(--radius-control);background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-text-muted) 22%, transparent) 1px, transparent 1px);background-size:12px 12px;justify-items:center;display:grid;overflow:hidden}.frame[data-astro-cid-usne4zbi]{inline-size:min(100%, var(--frame-width));border-inline:1px dashed color-mix(in srgb, var(--color-cyan) 40%, transparent);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--color-cyan) 7%, transparent), transparent 70%), var(--color-surface);align-content:center;gap:12px;padding:28px 20px;display:grid}.stage[data-astro-cid-usne4zbi][data-stale] .frame[data-astro-cid-usne4zbi],.specimen[data-astro-cid-usne4zbi][data-stale]{opacity:.4}.mock-eyebrow[data-astro-cid-usne4zbi]{color:var(--color-cyan);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.2}.mock-heading[data-astro-cid-usne4zbi]{color:var(--color-text);font-size:var(--preview-size);letter-spacing:-.02em;overflow-wrap:break-word;font-weight:700;line-height:1.15}.mock-text[data-astro-cid-usne4zbi]{max-inline-size:34em;color:var(--color-text-muted);font-size:16px;line-height:1.5}.preview-foot[data-astro-cid-usne4zbi]{gap:var(--space-3);display:grid}@container (width>=36rem){.preview-foot[data-astro-cid-usne4zbi]{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start}.preview-foot[data-astro-cid-usne4zbi] .stage-note[data-astro-cid-usne4zbi]{text-align:end}}.preview-text[data-astro-cid-usne4zbi]{gap:var(--space-2);display:grid}.stage-note[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-snug)}.specimen[data-astro-cid-usne4zbi]{border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-border);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.specimen-row[data-astro-cid-usne4zbi]{align-items:center;gap:2px var(--space-4);min-width:0;padding:var(--space-2) var(--space-3);background-color:var(--color-bg);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=34rem){.specimen-row[data-astro-cid-usne4zbi]{padding-inline:var(--space-4);grid-template-columns:8.5rem minmax(0,1fr)}}.step-meta[data-astro-cid-usne4zbi]{align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;min-width:0;display:flex}@container (width>=34rem){.step-meta[data-astro-cid-usne4zbi]{gap:0;display:grid}}.step-name[data-astro-cid-usne4zbi]{color:var(--color-cyan);font-size:var(--text-xs)}.step-size[data-astro-cid-usne4zbi]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.step-sample[data-astro-cid-usne4zbi]{color:var(--color-text);font-size:var(--step-size);white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.specimen-row[data-astro-cid-usne4zbi][data-weight=heading] .step-sample[data-astro-cid-usne4zbi]{letter-spacing:-.02em;font-weight:700}.settings[data-astro-cid-usne4zbi]{align-content:start;gap:var(--space-4);grid-area:settings;display:grid}.settings-head[data-astro-cid-usne4zbi]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.group[data-astro-cid-usne4zbi]{border:0;min-width:0;margin:0;padding:0}.group[data-astro-cid-usne4zbi]+.group[data-astro-cid-usne4zbi]{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.group-title[data-astro-cid-usne4zbi]{float:inline-start;justify-content:space-between;align-items:baseline;gap:var(--space-3);inline-size:100%;margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700;display:flex}.preset-state[data-astro-cid-usne4zbi]{color:var(--color-text-secondary);letter-spacing:0;text-transform:none;font-weight:600}.group-body[data-astro-cid-usne4zbi]{clear:both;gap:var(--space-3);display:grid}.pair[data-astro-cid-usne4zbi]{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pair-error[data-astro-cid-usne4zbi]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug);grid-column:1/-1}.pair-error[data-astro-cid-usne4zbi]:empty{display:none}.presets[data-astro-cid-usne4zbi]{gap:var(--space-2);flex-wrap:wrap;display:flex}.preset[data-astro-cid-usne4zbi]{min-height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2}.preset[data-astro-cid-usne4zbi]:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent);color:var(--color-text)}.preset[data-astro-cid-usne4zbi][aria-pressed=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.choice[data-astro-cid-usne4zbi]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.choice-label[data-astro-cid-usne4zbi]{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.segmented[data-astro-cid-usne4zbi]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segment[data-astro-cid-usne4zbi]{min-width:0;display:grid;position:relative}.segment[data-astro-cid-usne4zbi] input[data-astro-cid-usne4zbi]{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.segment[data-astro-cid-usne4zbi]>span[data-astro-cid-usne4zbi]{min-height:2.25rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.segment[data-astro-cid-usne4zbi] input[data-astro-cid-usne4zbi]:hover+span[data-astro-cid-usne4zbi]{color:var(--color-text)}.segment[data-astro-cid-usne4zbi] input[data-astro-cid-usne4zbi]:checked+span[data-astro-cid-usne4zbi]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.segment[data-astro-cid-usne4zbi] input[data-astro-cid-usne4zbi]:focus-visible+span[data-astro-cid-usne4zbi]{outline:2px solid var(--color-focus);outline-offset:2px}.output[data-astro-cid-usne4zbi]{align-content:start;gap:var(--space-3);grid-area:output;display:grid}.output-head[data-astro-cid-usne4zbi]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.output-note[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs)}.output-note[data-astro-cid-usne4zbi] code[data-astro-cid-usne4zbi]{color:var(--color-text-secondary)}.code[data-astro-cid-usne4zbi]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;line-height:1.6}.code-single[data-astro-cid-usne4zbi]{font-size:.9375rem}.code-scale[data-astro-cid-usne4zbi]{color:var(--color-text-secondary);font-size:.8125rem}.code[data-astro-cid-usne4zbi]:focus-visible{outline-offset:1px}.code[data-astro-cid-usne4zbi][data-state=invalid]{color:var(--color-text-muted);font-size:var(--text-sm)}.code[data-astro-cid-usne4zbi][data-state=invalid] code[data-astro-cid-usne4zbi]{font-family:var(--font-sans)}.output-actions[data-astro-cid-usne4zbi]{gap:var(--space-2);display:grid}@container (width>=30rem){.output-actions[data-astro-cid-usne4zbi]{flex-wrap:wrap;display:flex}}.stack[data-astro-cid-usne4zbi]{display:grid}.stack-item[data-astro-cid-usne4zbi]{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.stack[data-astro-cid-usne4zbi] [data-astro-cid-usne4zbi][data-for=copied],.stack[data-astro-cid-usne4zbi][data-copied] [data-astro-cid-usne4zbi][data-for=label]{visibility:hidden}.stack[data-astro-cid-usne4zbi][data-copied] [data-astro-cid-usne4zbi][data-for=copied]{visibility:visible}.button-icon[data-astro-cid-usne4zbi]{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.copy-status[data-astro-cid-usne4zbi]{min-block-size:1.35em;margin-top:calc(-1 * var(--space-2));color:var(--color-warning);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.facts[data-astro-cid-usne4zbi]{border-top:1px solid var(--color-border);margin:0;display:grid}.fact[data-astro-cid-usne4zbi]{gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:4.5rem minmax(0,1fr);display:grid}.fact[data-astro-cid-usne4zbi] dt[data-astro-cid-usne4zbi]{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.6rem}.fact[data-astro-cid-usne4zbi] dd[data-astro-cid-usne4zbi]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;line-height:1.6rem}.warnings[data-astro-cid-usne4zbi]{gap:var(--space-2);padding:0;list-style:none;display:grid}.warning[data-astro-cid-usne4zbi]{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-warning) 8%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);display:flex}.warning-icon[data-astro-cid-usne4zbi]{fill:none;stroke:var(--color-warning);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:.1em}.noscript[data-astro-cid-usne4zbi]{color:var(--color-warning);font-size:var(--text-sm)}.page[data-astro-cid-mdyykby6]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-mdyykby6]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-mdyykby6] h1[data-astro-cid-mdyykby6]{font-size:var(--text-3xl)}.lede[data-astro-cid-mdyykby6]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-mdyykby6]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-mdyykby6]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-mdyykby6] h2[data-astro-cid-mdyykby6]{color:var(--color-text);font-size:var(--text-2xl)}.content-section[data-astro-cid-mdyykby6] code[data-astro-cid-mdyykby6]{color:var(--color-text)}.example[data-astro-cid-mdyykby6]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);line-height:var(--leading-snug);white-space:pre-wrap;overflow-wrap:anywhere}.parts[data-astro-cid-mdyykby6]{gap:var(--space-2);display:grid}.part[data-astro-cid-mdyykby6]{gap:var(--space-1) var(--space-4);display:grid}@media (width>=40rem){.part[data-astro-cid-mdyykby6]{grid-template-columns:13rem minmax(0,1fr)}}.part[data-astro-cid-mdyykby6] dt[data-astro-cid-mdyykby6] code[data-astro-cid-mdyykby6]{overflow-wrap:anywhere}.part[data-astro-cid-mdyykby6] dd[data-astro-cid-mdyykby6]{margin:0}.steps[data-astro-cid-mdyykby6]{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.steps[data-astro-cid-mdyykby6] li[data-astro-cid-mdyykby6]::marker{color:var(--color-cyan);font-weight:650}.faq-list[data-astro-cid-mdyykby6]{gap:var(--space-2);display:grid}.faq-item[data-astro-cid-mdyykby6]{border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-surface)}.faq-item[data-astro-cid-mdyykby6][open]{border-color:var(--color-border-strong)}summary[data-astro-cid-mdyykby6]{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;list-style:none;display:flex}summary[data-astro-cid-mdyykby6]::-webkit-details-marker{display:none}summary[data-astro-cid-mdyykby6]:after{content:"+";color:var(--color-cyan);font-size:var(--text-xl);flex:none;font-weight:400;line-height:1}.faq-item[data-astro-cid-mdyykby6][open] summary[data-astro-cid-mdyykby6]:after{content:"−"}summary[data-astro-cid-mdyykby6] h3[data-astro-cid-mdyykby6]{color:var(--color-text);font-size:var(--text-base);letter-spacing:0;font-weight:600}.faq-item[data-astro-cid-mdyykby6] p[data-astro-cid-mdyykby6]{padding:0 var(--space-4) var(--space-4)}.field[data-astro-cid-gwgvo2cb]{align-content:start;gap:var(--space-1);min-width:0;display:grid}.field-label[data-astro-cid-gwgvo2cb]{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.input-wrap[data-astro-cid-gwgvo2cb]{display:grid;position:relative}.control[data-astro-cid-gwgvo2cb]{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-gwgvo2cb]:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-gwgvo2cb]:focus-visible{outline-offset:1px}.control[data-astro-cid-gwgvo2cb][aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.control[data-astro-cid-gwgvo2cb][type=number]{appearance:textfield}.control[data-astro-cid-gwgvo2cb]::-webkit-inner-spin-button,.control[data-astro-cid-gwgvo2cb]::-webkit-outer-spin-button{appearance:none;margin:0}.has-unit[data-astro-cid-gwgvo2cb] .control[data-astro-cid-gwgvo2cb]{padding-inline-end:2.75rem}.unit[data-astro-cid-gwgvo2cb]{color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.field-error[data-astro-cid-gwgvo2cb]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.field-error[data-astro-cid-gwgvo2cb]:empty{display:none}.workspace[data-astro-cid-svncffgi]{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);container-type:inline-size}@media (width>=30rem){.workspace[data-astro-cid-svncffgi]{padding:var(--space-4)}}@media (width>=64rem){.workspace[data-astro-cid-svncffgi]{padding:var(--space-5)}}.workspace[data-astro-cid-svncffgi] [data-astro-cid-svncffgi][hidden]{display:none}.layout[data-astro-cid-svncffgi]{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar""editor""preview""output";display:grid}@container (width>=30rem){.layout[data-astro-cid-svncffgi]{gap:var(--space-4)}}@container (width>=40rem){.layout[data-astro-cid-svncffgi]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"toolbar toolbar""editor preview""output output"}}.panel[data-astro-cid-svncffgi]{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}@container (width>=30rem){.panel[data-astro-cid-svncffgi]{padding:var(--space-4)}}.panel-head[data-astro-cid-svncffgi]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.panel-title[data-astro-cid-svncffgi]{font-size:var(--text-base);letter-spacing:-.01em}.panel-hint[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs)}.hint[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.group-title[data-astro-cid-svncffgi]{float:inline-start;align-items:baseline;gap:var(--space-3);inline-size:100%;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700;display:flex}.toolbar[data-astro-cid-svncffgi]{align-items:center;gap:var(--space-2) var(--space-4);grid-area:toolbar;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"family family family""label core reset""presets presets presets";display:grid}@container (width>=40rem){.toolbar[data-astro-cid-svncffgi]{grid-template-areas:"family family family""label label label""presets core reset";align-items:end}}.families[data-astro-cid-svncffgi]{inline-size:min(100%,18rem);grid-area:family;justify-self:start;margin-block-end:var(--space-1)}.core[data-astro-cid-svncffgi]{grid-area:core;display:grid}.toolbar-label[data-astro-cid-svncffgi]{float:none;grid-area:label;margin:0}.preset-state[data-astro-cid-svncffgi]{color:var(--color-text-secondary);letter-spacing:0;text-transform:none;font-weight:600}.presets[data-astro-cid-svncffgi]{gap:var(--space-2);flex-wrap:wrap;grid-area:presets;display:flex}.preset[data-astro-cid-svncffgi]{align-items:center;gap:var(--space-2);min-height:2.5rem;padding-inline:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2;display:inline-flex}.preset[data-astro-cid-svncffgi]:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent);color:var(--color-text)}.preset[data-astro-cid-svncffgi][aria-pressed=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.preset-icon[data-astro-cid-svncffgi]{fill:none;stroke:var(--color-cyan);stroke-width:1.75px;stroke-linecap:round;flex:none;overflow:visible}.reset[data-astro-cid-svncffgi]{grid-area:reset}.editor[data-astro-cid-svncffgi]{align-content:start;gap:var(--space-3);grid-area:editor;display:grid;container-type:inline-size}.graph[data-astro-cid-svncffgi]{aspect-ratio:1;border-radius:var(--radius-control);background-color:var(--color-bg);block-size:auto;inline-size:100%;font-family:var(--font-sans);-webkit-user-select:none;user-select:none}@container (width>=32rem){.graph[data-astro-cid-svncffgi]{aspect-ratio:8/7}}.graph[data-astro-cid-svncffgi][data-stale]{opacity:.45}.band[data-astro-cid-svncffgi]{fill:color-mix(in srgb, var(--color-cyan) 4%, transparent)}.stop-start[data-astro-cid-svncffgi]{stop-color:var(--color-cyan)}.stop-end[data-astro-cid-svncffgi]{stop-color:var(--color-blue)}.grid[data-astro-cid-svncffgi] line{stroke:color-mix(in srgb, var(--color-border) 70%, transparent);stroke-width:1px}.grid[data-astro-cid-svncffgi] line.major{stroke:var(--color-border-strong)}.labels[data-astro-cid-svncffgi] text{fill:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:10px}.labels[data-astro-cid-svncffgi] .time{text-anchor:middle}.labels[data-astro-cid-svncffgi] .progress{text-anchor:end}.diagonal[data-astro-cid-svncffgi]{stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:3 4;opacity:.6}.guide[data-astro-cid-svncffgi]{stroke-width:1.5px}.guide-1[data-astro-cid-svncffgi]{stroke:color-mix(in srgb, var(--color-cyan) 70%, transparent)}.guide-2[data-astro-cid-svncffgi]{stroke:color-mix(in srgb, var(--color-purple) 80%, transparent)}.curve[data-astro-cid-svncffgi]{fill:none;stroke:url(#mev-curve-stroke);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.graph[data-astro-cid-svncffgi][data-shape=samples] .handle[data-astro-cid-svncffgi],.graph[data-astro-cid-svncffgi][data-shape=samples] .guide[data-astro-cid-svncffgi]{display:none}.endpoint[data-astro-cid-svncffgi]{fill:var(--color-text-secondary)}.sample-guide[data-astro-cid-svncffgi]{stroke:var(--color-text-secondary);stroke-width:1px;stroke-dasharray:2 3;opacity:.7}.sample[data-astro-cid-svncffgi]{fill:var(--color-text);stroke:var(--color-bg);stroke-width:2px}.handle-1[data-astro-cid-svncffgi]{--handle-color:var(--color-cyan)}.handle-2[data-astro-cid-svncffgi]{--handle-color:var(--color-purple)}.handle-hit[data-astro-cid-svncffgi]{fill:#0000;cursor:grab;touch-action:none}.handle-dot[data-astro-cid-svncffgi]{fill:var(--color-bg);stroke:var(--handle-color);stroke-width:2.5px;pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:transform var(--duration-fast) var(--ease-primary), fill var(--duration-fast) var(--ease-primary)}.handle-label[data-astro-cid-svncffgi]{fill:var(--handle-color);paint-order:stroke;stroke:var(--color-bg);stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:700}@media (hover:hover){.handle[data-astro-cid-svncffgi]:hover .handle-dot[data-astro-cid-svncffgi]{transform:scale(1.2)}}.graph[data-astro-cid-svncffgi][data-dragging="1"] .handle-1[data-astro-cid-svncffgi] .handle-dot[data-astro-cid-svncffgi],.graph[data-astro-cid-svncffgi][data-dragging="2"] .handle-2[data-astro-cid-svncffgi] .handle-dot[data-astro-cid-svncffgi]{fill:var(--handle-color);transform:scale(1.35)}.graph[data-astro-cid-svncffgi][data-dragging],.graph[data-astro-cid-svncffgi][data-dragging] .handle-hit[data-astro-cid-svncffgi]{cursor:grabbing}.graph[data-astro-cid-svncffgi][data-stale] .handle-hit[data-astro-cid-svncffgi]{cursor:default;pointer-events:none}.graph-caption[data-astro-cid-svncffgi]{justify-content:space-between;gap:0 var(--space-3);margin-top:calc(-1 * var(--space-2));color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.graph-note[data-astro-cid-svncffgi]{color:var(--color-warning);font-size:var(--text-sm);font-weight:600}.graph-note[data-astro-cid-svncffgi]:empty{display:none}.points[data-astro-cid-svncffgi]{gap:var(--space-3);display:grid}@container (width>=30rem){.points[data-astro-cid-svncffgi]{grid-template-columns:repeat(2,minmax(0,1fr))}}.point[data-astro-cid-svncffgi]{border:0;min-width:0;margin:0;padding:0}.point-1[data-astro-cid-svncffgi]{--handle-color:var(--color-cyan)}.point-2[data-astro-cid-svncffgi]{--handle-color:var(--color-purple)}.point-title[data-astro-cid-svncffgi]{float:inline-start;align-items:center;gap:var(--space-2);inline-size:100%;margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-sm);padding:0;font-weight:700;display:flex}.swatch[data-astro-cid-svncffgi]{border:2.5px solid var(--handle-color);border-radius:50%;block-size:.75rem;inline-size:.75rem}.point-hint[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.point-fields[data-astro-cid-svncffgi]{clear:both;gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spring-control[data-astro-cid-svncffgi]{gap:var(--space-1);display:grid}.bounce-head[data-astro-cid-svncffgi]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.bounce-label[data-astro-cid-svncffgi]{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.bounce-value[data-astro-cid-svncffgi]{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.spring-control[data-astro-cid-svncffgi] .hint[data-astro-cid-svncffgi]{margin-block-start:var(--space-1)}.preview[data-astro-cid-svncffgi]{align-content:start;gap:var(--space-3);grid-area:preview;display:grid}.segmented[data-astro-cid-svncffgi]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.modes[data-astro-cid-svncffgi]{flex:17rem;max-inline-size:22rem}.segment[data-astro-cid-svncffgi]{min-width:0;display:grid;position:relative}.segment[data-astro-cid-svncffgi] input[data-astro-cid-svncffgi]{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.segment[data-astro-cid-svncffgi]>span[data-astro-cid-svncffgi]{min-height:2.25rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.segment[data-astro-cid-svncffgi] input[data-astro-cid-svncffgi]:hover+span[data-astro-cid-svncffgi]{color:var(--color-text)}.segment[data-astro-cid-svncffgi] input[data-astro-cid-svncffgi]:checked+span[data-astro-cid-svncffgi]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.segment[data-astro-cid-svncffgi] input[data-astro-cid-svncffgi]:focus-visible+span[data-astro-cid-svncffgi]{outline:2px solid var(--color-focus);outline-offset:2px}.stage[data-astro-cid-svncffgi]{--tile:3rem;--pad:var(--space-3);border-radius:var(--radius-control);background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-text-muted) 22%, transparent) 1px, transparent 1px);background-size:12px 12px;block-size:10rem;position:relative;overflow:hidden;container-type:inline-size}@container (width>=30rem){.stage[data-astro-cid-svncffgi]{--tile:3.5rem;--pad:var(--space-5);block-size:12rem}}.stage[data-astro-cid-svncffgi][data-stale]>[data-astro-cid-svncffgi]{opacity:.4}.tile[data-astro-cid-svncffgi],.ghost[data-astro-cid-svncffgi],.track[data-astro-cid-svncffgi],.dial[data-astro-cid-svncffgi]{--travel:calc((100cqi - var(--tile) - 2 * var(--pad)) / (1 + 2 * var(--room)));inline-size:var(--tile);block-size:var(--tile);margin-block-start:calc(var(--tile) / -2);margin-inline-start:calc(var(--tile) / -2);position:absolute;inset-block-start:50%;inset-inline-start:50%}.tile[data-astro-cid-svncffgi]{background:var(--gradient-accent);box-shadow:inset 0 1px 0 #ffffff59, 0 10px 22px -14px var(--color-cyan);color:var(--color-on-accent);opacity:var(--opacity);transform:rotate(calc(var(--rotate) * 1deg)) scale(var(--scale));border-radius:14px;place-items:center;display:grid}.stage[data-astro-cid-svncffgi][data-mode=move] .tile[data-astro-cid-svncffgi]{transform:translateX(calc(var(--travel) * (var(--move) - .5)))}.tile[data-astro-cid-svncffgi] svg[data-astro-cid-svncffgi]{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;block-size:55%;inline-size:55%}.ghost[data-astro-cid-svncffgi],.track[data-astro-cid-svncffgi],.dial[data-astro-cid-svncffgi]{display:none}.ghost[data-astro-cid-svncffgi]{border:1.5px dashed color-mix(in srgb, var(--color-text-muted) 70%, transparent);border-radius:14px}.stage[data-astro-cid-svncffgi][data-mode=move] .ghost[data-astro-cid-svncffgi],.stage[data-astro-cid-svncffgi][data-mode=move] .track[data-astro-cid-svncffgi],.stage[data-astro-cid-svncffgi][data-mode=scale] .ghost[data-astro-cid-svncffgi],.stage[data-astro-cid-svncffgi][data-mode=fade] .ghost-end[data-astro-cid-svncffgi],.stage[data-astro-cid-svncffgi][data-mode=rotate] .dial[data-astro-cid-svncffgi]{display:block}.stage[data-astro-cid-svncffgi][data-mode=move] .ghost-start[data-astro-cid-svncffgi]{transform:translateX(calc(var(--travel) * -.5))}.stage[data-astro-cid-svncffgi][data-mode=move] .ghost-end[data-astro-cid-svncffgi]{transform:translateX(calc(var(--travel) * .5))}.track[data-astro-cid-svncffgi]{inline-size:var(--travel);border-top:1px dashed var(--color-border-strong);block-size:0;margin:0;transform:translate(-50%)}.stage[data-astro-cid-svncffgi][data-mode=scale] .ghost-start[data-astro-cid-svncffgi]{transform:scale(var(--scale-from))}.dial[data-astro-cid-svncffgi]{--dial:calc(var(--tile) * 1.9);inline-size:var(--dial);block-size:var(--dial);border:1px dashed var(--color-border-strong);border-radius:50%;margin-block-start:calc(var(--dial) / -2);margin-inline-start:calc(var(--dial) / -2)}.dial[data-astro-cid-svncffgi]:before,.dial[data-astro-cid-svncffgi]:after{content:"";border-radius:50%;block-size:.5rem;inline-size:.5rem;margin-block-start:-.25rem;position:absolute;inset-block-start:50%}.dial[data-astro-cid-svncffgi]:before{background-color:var(--color-text-muted);inset-inline-end:-.25rem}.dial[data-astro-cid-svncffgi]:after{border:1.5px solid var(--color-cyan);background-color:var(--color-bg);inset-inline-start:-.25rem}.stage-note[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.stage-note[data-astro-cid-svncffgi]:empty{display:none}.readouts[data-astro-cid-svncffgi]{gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;display:flex}.readout[data-astro-cid-svncffgi]{gap:2px;min-width:0;display:grid}.readout[data-astro-cid-svncffgi] dt[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.readout[data-astro-cid-svncffgi] dd[data-astro-cid-svncffgi]{min-inline-size:4.25em;color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;margin:0;font-weight:650;line-height:1.3}@container (width>=30rem){.readout[data-astro-cid-svncffgi] dd[data-astro-cid-svncffgi]{font-size:var(--text-lg)}}.scrub[data-astro-cid-svncffgi]{gap:var(--space-1);display:grid}.scrub-label[data-astro-cid-svncffgi]{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.range[data-astro-cid-svncffgi]{inline-size:100%;min-height:2rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.range[data-astro-cid-svncffgi]:disabled{cursor:not-allowed;opacity:.5}.range-ends[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.playback[data-astro-cid-svncffgi]{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.play-state[data-astro-cid-svncffgi]{min-inline-size:8em;color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.button-icon[data-astro-cid-svncffgi]{fill:currentColor;flex:none}.button-icon[data-astro-cid-svncffgi].check{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.timing[data-astro-cid-svncffgi]{min-width:0;padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--color-border);margin:0}.timing-body[data-astro-cid-svncffgi]{clear:both;gap:var(--space-3);display:grid}.pair[data-astro-cid-svncffgi]{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chips[data-astro-cid-svncffgi]{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chips-label[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs);margin-inline-end:var(--space-1);font-weight:600}.chip[data-astro-cid-svncffgi]{min-inline-size:3rem;min-height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2}.chip[data-astro-cid-svncffgi]:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent);color:var(--color-text)}.chip[data-astro-cid-svncffgi][aria-pressed=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.output[data-astro-cid-svncffgi]{gap:var(--space-3);grid-area:output;display:grid}.output-head[data-astro-cid-svncffgi]{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.keyword-note[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-size:var(--text-xs)}.outputs[data-astro-cid-svncffgi]{gap:var(--space-4);display:grid}@container (width>=52rem){.outputs[data-astro-cid-svncffgi]{gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.output-block[data-astro-cid-svncffgi]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.block-title[data-astro-cid-svncffgi]{color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:0;font-weight:600}.block-meta[data-astro-cid-svncffgi]{color:var(--color-text-muted);font-weight:500}.code[data-astro-cid-svncffgi]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;font-size:.9375rem;line-height:1.6}.code[data-astro-cid-svncffgi]:focus-visible{outline-offset:1px}.code[data-astro-cid-svncffgi][data-state=invalid]{color:var(--color-text-muted);font-size:var(--text-sm)}.code[data-astro-cid-svncffgi][data-state=invalid] code[data-astro-cid-svncffgi]{font-family:var(--font-sans)}.output-actions[data-astro-cid-svncffgi]{display:grid}@container (width>=30rem){.output-actions[data-astro-cid-svncffgi]{display:flex}}.stack[data-astro-cid-svncffgi]{display:grid}.stack-item[data-astro-cid-svncffgi]{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.stack[data-astro-cid-svncffgi] [data-astro-cid-svncffgi][data-for=copied],.stack[data-astro-cid-svncffgi][data-copied] [data-astro-cid-svncffgi][data-for=label]{visibility:hidden}.stack[data-astro-cid-svncffgi][data-copied] [data-astro-cid-svncffgi][data-for=copied]{visibility:visible}.copy-status[data-astro-cid-svncffgi]{min-block-size:1.35em;color:var(--color-warning);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.noscript[data-astro-cid-svncffgi]{color:var(--color-warning);font-size:var(--text-sm)}.page[data-astro-cid-j7bfs4wg]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-j7bfs4wg]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-j7bfs4wg] h1[data-astro-cid-j7bfs4wg]{font-size:var(--text-3xl)}.lede[data-astro-cid-j7bfs4wg]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-j7bfs4wg]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-j7bfs4wg]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-j7bfs4wg] h2[data-astro-cid-j7bfs4wg]{color:var(--color-text);font-size:var(--text-2xl)}.content-section[data-astro-cid-j7bfs4wg] code[data-astro-cid-j7bfs4wg]{color:var(--color-text)}.content-section[data-astro-cid-j7bfs4wg] strong[data-astro-cid-j7bfs4wg]{color:var(--color-text);font-weight:650}.example[data-astro-cid-j7bfs4wg]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);line-height:var(--leading-snug);white-space:pre-wrap;overflow-wrap:anywhere}.parts[data-astro-cid-j7bfs4wg]{gap:var(--space-2);display:grid}.part[data-astro-cid-j7bfs4wg]{gap:var(--space-1) var(--space-4);display:grid}@media (width>=40rem){.part[data-astro-cid-j7bfs4wg]{grid-template-columns:7rem minmax(0,1fr)}}.part[data-astro-cid-j7bfs4wg] dd[data-astro-cid-j7bfs4wg]{margin:0}.steps[data-astro-cid-j7bfs4wg],.choices[data-astro-cid-j7bfs4wg]{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.steps[data-astro-cid-j7bfs4wg] li[data-astro-cid-j7bfs4wg]::marker,.choices[data-astro-cid-j7bfs4wg] li[data-astro-cid-j7bfs4wg]::marker{color:var(--color-cyan);font-weight:650}.faq-list[data-astro-cid-j7bfs4wg]{gap:var(--space-2);display:grid}.faq-item[data-astro-cid-j7bfs4wg]{border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-surface)}.faq-item[data-astro-cid-j7bfs4wg][open]{border-color:var(--color-border-strong)}summary[data-astro-cid-j7bfs4wg]{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;list-style:none;display:flex}summary[data-astro-cid-j7bfs4wg]::-webkit-details-marker{display:none}summary[data-astro-cid-j7bfs4wg]:after{content:"+";color:var(--color-cyan);font-size:var(--text-xl);flex:none;font-weight:400;line-height:1}.faq-item[data-astro-cid-j7bfs4wg][open] summary[data-astro-cid-j7bfs4wg]:after{content:"−"}summary[data-astro-cid-j7bfs4wg] h3[data-astro-cid-j7bfs4wg]{color:var(--color-text);font-size:var(--text-base);letter-spacing:0;font-weight:600}.faq-item[data-astro-cid-j7bfs4wg] p[data-astro-cid-j7bfs4wg]{padding:0 var(--space-4) var(--space-4)}.field[data-astro-cid-gdiugg2m]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.field-label[data-astro-cid-gdiugg2m]{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.input-wrap[data-astro-cid-gdiugg2m]{display:grid;position:relative}.control[data-astro-cid-gdiugg2m]{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-gdiugg2m]:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-gdiugg2m]:focus-visible{outline-offset:1px}.control[data-astro-cid-gdiugg2m][aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.control[data-astro-cid-gdiugg2m][type=number]{appearance:textfield}.control[data-astro-cid-gdiugg2m]::-webkit-inner-spin-button,.control[data-astro-cid-gdiugg2m]::-webkit-outer-spin-button{appearance:none;margin:0}.has-unit[data-astro-cid-gdiugg2m] .control[data-astro-cid-gdiugg2m]{padding-inline-end:3rem}.unit[data-astro-cid-gdiugg2m]{color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.field-error[data-astro-cid-gdiugg2m]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.field-error[data-astro-cid-gdiugg2m]:empty{display:none}.workspace[data-astro-cid-rzi2bzw6]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container-type:inline-size}@media (width>=30rem){.workspace[data-astro-cid-rzi2bzw6]{gap:var(--space-4);padding:var(--space-4)}}@media (width>=64rem){.workspace[data-astro-cid-rzi2bzw6]{padding:var(--space-5)}}.workspace[data-astro-cid-rzi2bzw6] [data-astro-cid-rzi2bzw6][hidden]{display:none}.workspace[data-astro-cid-rzi2bzw6] code[data-astro-cid-rzi2bzw6]{font-family:var(--font-mono)}.topbar[data-astro-cid-rzi2bzw6]{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.modes[data-astro-cid-rzi2bzw6]{flex:100%}@container (width>=40rem){.modes[data-astro-cid-rzi2bzw6]{flex:0 30rem}}.mode-hint[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-sm);flex:12rem}.topbar-actions[data-astro-cid-rzi2bzw6]{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.core[data-astro-cid-rzi2bzw6]{display:grid}.import-label-extra[data-astro-cid-rzi2bzw6]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width>=26rem){.import-label-extra[data-astro-cid-rzi2bzw6]{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.layout[data-astro-cid-rzi2bzw6]{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"settings""ladder""lab""wp""output";display:grid}@container (width>=30rem){.layout[data-astro-cid-rzi2bzw6]{gap:var(--space-4)}}@container (width>=56rem){.layout[data-astro-cid-rzi2bzw6]{grid-template:"settings ladder""settings lab""settings wp"1fr"output output"/minmax(17rem,21rem) minmax(0,1fr);align-items:start}}.panel[data-astro-cid-rzi2bzw6]{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}@container (width>=30rem){.panel[data-astro-cid-rzi2bzw6]{padding:var(--space-4)}}.panel-head[data-astro-cid-rzi2bzw6]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.panel-title[data-astro-cid-rzi2bzw6]{font-size:var(--text-base);letter-spacing:-.01em}.panel-meta[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hint[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.hint[data-astro-cid-rzi2bzw6] code[data-astro-cid-rzi2bzw6],.panel-meta[data-astro-cid-rzi2bzw6] code[data-astro-cid-rzi2bzw6],.output-note[data-astro-cid-rzi2bzw6] code[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary)}.field[data-astro-cid-rzi2bzw6],.choice[data-astro-cid-rzi2bzw6]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.field-label[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.field-label[data-astro-cid-rzi2bzw6] code[data-astro-cid-rzi2bzw6]{font-size:.875rem;font-weight:600}.control[data-astro-cid-rzi2bzw6]{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.control[data-astro-cid-rzi2bzw6]:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.control[data-astro-cid-rzi2bzw6]:focus-visible{outline-offset:1px}.control[data-astro-cid-rzi2bzw6][aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.select-wrap[data-astro-cid-rzi2bzw6]{position:relative}.select-wrap[data-astro-cid-rzi2bzw6]:after{content:"";border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);pointer-events:none;block-size:.45rem;inline-size:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-70%)rotate(45deg)}.select[data-astro-cid-rzi2bzw6]{appearance:none;cursor:pointer;padding-inline-end:2.5rem}.pair[data-astro-cid-rzi2bzw6]{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pair-error[data-astro-cid-rzi2bzw6]{color:var(--color-danger);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug);grid-column:1/-1}.pair-error[data-astro-cid-rzi2bzw6]:empty{display:none}.segmented[data-astro-cid-rzi2bzw6]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segment[data-astro-cid-rzi2bzw6]{min-width:0;display:grid;position:relative}.segment[data-astro-cid-rzi2bzw6] input[data-astro-cid-rzi2bzw6]{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.segment[data-astro-cid-rzi2bzw6]>span[data-astro-cid-rzi2bzw6]{min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.segment[data-astro-cid-rzi2bzw6] input[data-astro-cid-rzi2bzw6]:hover+span[data-astro-cid-rzi2bzw6]{color:var(--color-text)}.segment[data-astro-cid-rzi2bzw6] input[data-astro-cid-rzi2bzw6]:checked+span[data-astro-cid-rzi2bzw6]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.segment[data-astro-cid-rzi2bzw6] input[data-astro-cid-rzi2bzw6]:focus-visible+span[data-astro-cid-rzi2bzw6]{outline:2px solid var(--color-focus);outline-offset:2px}.slider-field[data-astro-cid-rzi2bzw6],.scrub[data-astro-cid-rzi2bzw6]{gap:var(--space-1);display:grid}.slider-head[data-astro-cid-rzi2bzw6]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.slider-value[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:650}.range[data-astro-cid-rzi2bzw6]{inline-size:100%;min-height:2rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.range[data-astro-cid-rzi2bzw6]:disabled{cursor:not-allowed;opacity:.5}.range-ends[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.settings[data-astro-cid-rzi2bzw6]{align-content:start;gap:var(--space-4);grid-area:settings;display:grid}.mode-settings[data-astro-cid-rzi2bzw6],.generator[data-astro-cid-rzi2bzw6]{gap:var(--space-3);display:grid}.group[data-astro-cid-rzi2bzw6]{border:0;min-width:0;margin:0;padding:0}.settings[data-astro-cid-rzi2bzw6]>.group[data-astro-cid-rzi2bzw6]{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.group-title[data-astro-cid-rzi2bzw6]{float:inline-start;inline-size:100%;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700}.group-body[data-astro-cid-rzi2bzw6]{clear:both;gap:var(--space-3);display:grid}.group-body[data-astro-cid-rzi2bzw6].pair{display:grid}.source-note[data-astro-cid-rzi2bzw6]{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-cyan) 30%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 6%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.more[data-astro-cid-rzi2bzw6]{border-top:1px solid var(--color-border);padding-top:var(--space-2)}.more-summary[data-astro-cid-rzi2bzw6]{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;font-weight:600;list-style:none;display:flex}.more-summary[data-astro-cid-rzi2bzw6]::-webkit-details-marker{display:none}.more-summary[data-astro-cid-rzi2bzw6]:after{content:"+";color:var(--color-cyan);font-size:var(--text-lg);font-weight:400;line-height:1}.more[data-astro-cid-rzi2bzw6][open] .more-summary[data-astro-cid-rzi2bzw6]:after{content:"−"}.more-body[data-astro-cid-rzi2bzw6]{gap:var(--space-3);padding-block:var(--space-2) var(--space-1);display:grid}.settings-grid[data-astro-cid-rzi2bzw6]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));display:grid}.units[data-astro-cid-rzi2bzw6]{gap:var(--space-1);display:grid}.units-value[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}.ladder-panel[data-astro-cid-rzi2bzw6]{gap:var(--space-3);grid-area:ladder;display:grid;container-type:inline-size}.ladder[data-astro-cid-rzi2bzw6]{border:0;min-width:0;margin:0;padding:0}.ladder[data-astro-cid-rzi2bzw6][data-stale] .rungs[data-astro-cid-rzi2bzw6]{opacity:.45}.rungs[data-astro-cid-rzi2bzw6]{gap:var(--space-2);display:grid}.rung[data-astro-cid-rzi2bzw6]{align-items:center;gap:var(--space-1) var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background-color:var(--color-bg);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id visual""text text";display:grid;position:relative}@container (width>=34rem){.rung[data-astro-cid-rzi2bzw6]{padding-block:var(--space-2);grid-template-columns:6.5rem minmax(0,1fr) minmax(6rem,30%);grid-template-areas:"id text visual"}}.rung-input[data-astro-cid-rzi2bzw6]{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.rung-ring[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border);border-radius:inherit;pointer-events:none;transition:border-color var(--duration-fast) var(--ease-primary), background-color var(--duration-fast) var(--ease-primary);position:absolute;inset:0}.rung-input[data-astro-cid-rzi2bzw6]:hover~.rung-ring[data-astro-cid-rzi2bzw6]{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.rung-input[data-astro-cid-rzi2bzw6]:checked~.rung-ring[data-astro-cid-rzi2bzw6]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 7%, transparent);box-shadow:inset 0 0 0 1px var(--color-cyan)}.rung-input[data-astro-cid-rzi2bzw6]:focus-visible~.rung-ring[data-astro-cid-rzi2bzw6]{outline:2px solid var(--color-focus);outline-offset:2px}.rung-id[data-astro-cid-rzi2bzw6]{align-items:baseline;gap:var(--space-2);grid-area:id;min-width:0;display:flex;position:relative}@container (width>=34rem){.rung-id[data-astro-cid-rzi2bzw6]{gap:0;display:grid}}.rung-slug[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:700}.rung-name[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rung-text[data-astro-cid-rzi2bzw6]{grid-area:text;gap:2px;min-width:0;display:grid;position:relative}.rung-value[data-astro-cid-rzi2bzw6]{color:var(--color-cyan);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.4}.rung-meta[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.rung-meta[data-astro-cid-rzi2bzw6]:empty{display:none}.rung-note[data-astro-cid-rzi2bzw6]{color:var(--color-warning);font-size:var(--text-xs);font-weight:600}.rung-visual[data-astro-cid-rzi2bzw6]{justify-items:end;gap:var(--space-1);grid-area:visual;min-inline-size:5rem;display:grid;position:relative}@container (width>=34rem){.rung-visual[data-astro-cid-rzi2bzw6]{justify-items:stretch}}.rung-track[data-astro-cid-rzi2bzw6]{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-border-strong) 60%, transparent);block-size:.5rem;inline-size:100%;display:block;overflow:hidden}.rung-bar[data-astro-cid-rzi2bzw6]{inline-size:max(3px, calc(var(--fill,0) * 100%));border-radius:inherit;background:var(--gradient-accent);block-size:100%;display:block}.rung-bar[data-astro-cid-rzi2bzw6][data-unmeasured]{inline-size:0}.rung-flag[data-astro-cid-rzi2bzw6]{visibility:hidden;color:var(--color-cyan);font-size:var(--text-xs);white-space:nowrap;font-weight:700}@container (width>=34rem){.rung-flag[data-astro-cid-rzi2bzw6]{justify-self:end}}.rung-input[data-astro-cid-rzi2bzw6]:checked~.rung-visual[data-astro-cid-rzi2bzw6] .rung-flag[data-astro-cid-rzi2bzw6]{visibility:visible}.lab-panel[data-astro-cid-rzi2bzw6]{gap:var(--space-3);grid-area:lab;display:grid;container-type:inline-size}.targets[data-astro-cid-rzi2bzw6]{flex:16rem;max-inline-size:22rem}.lab-stage[data-astro-cid-rzi2bzw6]{border-radius:var(--radius-control);background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-text-muted) 22%, transparent) 1px, transparent 1px);background-size:12px 12px;justify-items:center;display:grid;overflow:hidden}.lab-stage[data-astro-cid-rzi2bzw6][data-stale] .lab-frame[data-astro-cid-rzi2bzw6]{opacity:.4}.lab-frame[data-astro-cid-rzi2bzw6]{--hatch:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-cyan) 38%, transparent) 0 1.5px, color-mix(in srgb, var(--color-cyan) 9%, transparent) 1.5px 7px);--neutral-padding:16px;--neutral-gap:8px;--neutral-margin:12px;inline-size:min(100%, var(--frame-width,100%));min-width:0;font-size:16px;line-height:1.5}.lab-frame[data-astro-cid-rzi2bzw6][data-fluid]{border-inline:1px dashed color-mix(in srgb, var(--color-cyan) 40%, transparent)}.lab-section[data-astro-cid-rzi2bzw6]{padding:var(--neutral-padding);background-color:var(--color-surface)}.lab-flow[data-astro-cid-rzi2bzw6]{background-color:var(--color-surface);min-width:0;display:grid}.lab-block[data-astro-cid-rzi2bzw6]{background-color:var(--color-surface);min-width:0;margin:0}.lab-block[data-astro-cid-rzi2bzw6]+.lab-block[data-astro-cid-rzi2bzw6]{margin-block-start:var(--neutral-margin)}.lab-heading[data-astro-cid-rzi2bzw6]{color:var(--color-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.2}.lab-text[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:.875rem}.lab-buttons[data-astro-cid-rzi2bzw6]{align-items:stretch;gap:var(--neutral-gap);flex-wrap:wrap;display:flex}.lab-button[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border-strong);background-color:var(--color-surface-raised);min-height:2rem;color:var(--color-text);border-radius:8px;align-items:center;padding-inline:12px;font-size:.8125rem;font-weight:600;display:inline-flex}.lab-button[data-astro-cid-rzi2bzw6].primary{background:var(--gradient-accent);color:var(--color-on-accent);border-color:#0000}.lab-cards[data-astro-cid-rzi2bzw6]{gap:var(--neutral-gap);flex-wrap:wrap;display:flex}.lab-card[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border);background-color:var(--color-surface-raised);border-radius:8px;flex:6.5rem;align-content:start;gap:6px;min-width:0;padding:10px;display:grid}.lab-card-title[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:.8125rem;font-weight:700}.lab-line[data-astro-cid-rzi2bzw6]{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-text-muted) 30%, transparent);block-size:6px}.lab-line[data-astro-cid-rzi2bzw6].short{inline-size:60%}.lab-frame[data-astro-cid-rzi2bzw6][data-target=padding] .lab-section[data-astro-cid-rzi2bzw6]{padding:var(--lab-space);background:var(--hatch), var(--color-surface)}.lab-frame[data-astro-cid-rzi2bzw6][data-target=gap] .lab-buttons[data-astro-cid-rzi2bzw6],.lab-frame[data-astro-cid-rzi2bzw6][data-target=gap] .lab-cards[data-astro-cid-rzi2bzw6]{gap:var(--lab-space);background:var(--hatch)}.lab-frame[data-astro-cid-rzi2bzw6][data-target=gap] .lab-buttons[data-astro-cid-rzi2bzw6]{justify-self:start;max-inline-size:100%}.lab-frame[data-astro-cid-rzi2bzw6][data-target=margin] .lab-flow[data-astro-cid-rzi2bzw6]{background:var(--hatch)}.lab-frame[data-astro-cid-rzi2bzw6][data-target=margin] .lab-block[data-astro-cid-rzi2bzw6]+.lab-block[data-astro-cid-rzi2bzw6]{margin-block-start:var(--lab-space)}.lab-caption[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.lab-caption[data-astro-cid-rzi2bzw6]:empty{display:none}.wp-panel[data-astro-cid-rzi2bzw6]{align-content:start;gap:var(--space-3);grid-area:wp;display:grid}.gb[data-astro-cid-rzi2bzw6]{gap:var(--space-2);max-inline-size:22rem;padding:var(--space-3);border:1px solid var(--color-border-strong);background-color:var(--color-bg);border-radius:4px;font-size:13px;display:grid}.gb[data-astro-cid-rzi2bzw6][data-stale]{opacity:.45}.gb-head[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-weight:600}.gb-row[data-astro-cid-rzi2bzw6]{gap:6px;display:grid}.gb-label[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.gb-range[data-astro-cid-rzi2bzw6]{block-size:1.25rem;position:relative}.gb-track[data-astro-cid-rzi2bzw6]{border-radius:var(--radius-pill);background-color:var(--color-border-strong);block-size:4px;margin-block-start:-2px;position:absolute;inset-block-start:50%;inset-inline:0}.gb-fill[data-astro-cid-rzi2bzw6]{inline-size:calc(var(--position) * 100%);border-radius:inherit;background-color:var(--color-cyan);block-size:100%;display:block}.gb-marks[data-astro-cid-rzi2bzw6]{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.gb-mark[data-astro-cid-rzi2bzw6]{background-color:var(--color-text-muted);border-radius:1px;block-size:8px;inline-size:2px}.gb-thumb[data-astro-cid-rzi2bzw6]{border:2px solid var(--color-bg);background-color:var(--color-cyan);block-size:14px;inline-size:14px;box-shadow:0 0 0 1px var(--color-cyan);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--position) * 100%)}.gb-select[data-astro-cid-rzi2bzw6]{gap:4px;display:grid}.gb-select-box[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border-strong);min-height:2rem;color:var(--color-text);border-radius:2px;justify-content:space-between;align-items:center;padding-inline:8px;display:flex}.gb-chevron[data-astro-cid-rzi2bzw6]{border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);block-size:.4rem;inline-size:.4rem;transform:translateY(-25%)rotate(45deg)}.gb-options[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border);border-radius:2px;margin:0;padding:4px 0;list-style:none;display:grid}.gb-options[data-astro-cid-rzi2bzw6] li{justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);padding:2px 8px;display:flex}.gb-options[data-astro-cid-rzi2bzw6] li[data-current]{background-color:color-mix(in srgb, var(--color-cyan) 12%, transparent);color:var(--color-text);font-weight:600}.gb-options[data-astro-cid-rzi2bzw6] li[data-current]:after{content:"✓";color:var(--color-cyan)}.gb-options[data-astro-cid-rzi2bzw6] li[data-more]{color:var(--color-text-muted);font-style:italic}.gb-custom[data-astro-cid-rzi2bzw6]{gap:10px;display:grid}.gb-custom[data-astro-cid-rzi2bzw6] .gb-track[data-astro-cid-rzi2bzw6]{margin:0;position:relative;inset:auto}.gb-input[data-astro-cid-rzi2bzw6]{border:1px solid var(--color-border-strong);min-height:2rem;color:var(--color-text-muted);border-radius:2px;justify-content:space-between;align-items:center;padding-inline:8px;display:flex}.gb-value[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);font-size:12px}.gb-summary[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:var(--text-sm);font-weight:650}.gb-detail[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.notices[data-astro-cid-rzi2bzw6]{gap:var(--space-2);padding:0;list-style:none;display:grid}.notice[data-astro-cid-rzi2bzw6]{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 4%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);display:flex}.notice[data-astro-cid-rzi2bzw6][data-level=warning]{border-color:color-mix(in srgb, var(--color-warning) 30%, transparent);background-color:color-mix(in srgb, var(--color-warning) 8%, transparent)}.notice-icon[data-astro-cid-rzi2bzw6]{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:.1em}.warning-icon[data-astro-cid-rzi2bzw6]{stroke:var(--color-warning)}.info-icon[data-astro-cid-rzi2bzw6]{stroke:var(--color-cyan)}.notice[data-astro-cid-rzi2bzw6][data-level=warning] .info-icon[data-astro-cid-rzi2bzw6],.notice[data-astro-cid-rzi2bzw6][data-level=info] .warning-icon[data-astro-cid-rzi2bzw6]{display:none}.output[data-astro-cid-rzi2bzw6]{gap:var(--space-3);grid-area:output;display:grid}.output-head[data-astro-cid-rzi2bzw6]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tabs[data-astro-cid-rzi2bzw6]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}@container (width>=36rem){.tabs[data-astro-cid-rzi2bzw6]{flex:0 28rem}}.tab[data-astro-cid-rzi2bzw6]{min-width:0;min-height:2.5rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);background:0 0;border:1px solid #0000;font-weight:600;line-height:1.2}.tab[data-astro-cid-rzi2bzw6]:hover{color:var(--color-text)}.tab[data-astro-cid-rzi2bzw6][aria-selected=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.tab-panel[data-astro-cid-rzi2bzw6]{gap:var(--space-3);min-width:0;display:grid}.output-note[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.usage[data-astro-cid-rzi2bzw6]{gap:var(--space-4);display:grid}@container (width>=52rem){.usage[data-astro-cid-rzi2bzw6]{grid-template-columns:repeat(2,minmax(0,1fr))}}.output-block[data-astro-cid-rzi2bzw6]{align-content:start;gap:var(--space-2);min-width:0;display:grid}.block-title[data-astro-cid-rzi2bzw6]{color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:0;font-weight:600}.code[data-astro-cid-rzi2bzw6]{max-block-size:28rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;font-size:.8125rem;line-height:1.6;overflow:auto}.code[data-astro-cid-rzi2bzw6]:focus-visible{outline-offset:1px}.code[data-astro-cid-rzi2bzw6][data-state=invalid]{color:var(--color-text-muted);font-size:var(--text-sm)}.code[data-astro-cid-rzi2bzw6][data-state=invalid] code[data-astro-cid-rzi2bzw6]{font-family:var(--font-sans)}.output-actions[data-astro-cid-rzi2bzw6]{display:grid}@container (width>=30rem){.output-actions[data-astro-cid-rzi2bzw6]{display:flex}}.stack[data-astro-cid-rzi2bzw6]{display:grid}.stack-item[data-astro-cid-rzi2bzw6]{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.stack[data-astro-cid-rzi2bzw6] [data-astro-cid-rzi2bzw6][data-for=copied],.stack[data-astro-cid-rzi2bzw6][data-copied] [data-astro-cid-rzi2bzw6][data-for=label]{visibility:hidden}.stack[data-astro-cid-rzi2bzw6][data-copied] [data-astro-cid-rzi2bzw6][data-for=copied]{visibility:visible}.stack[data-astro-cid-rzi2bzw6] .button-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.copy-status[data-astro-cid-rzi2bzw6]{min-block-size:1.35em;color:var(--color-warning);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.import[data-astro-cid-rzi2bzw6],.import-body[data-astro-cid-rzi2bzw6]{gap:var(--space-3);display:grid}.import-paste[data-astro-cid-rzi2bzw6]{gap:var(--space-2);display:grid}.textarea[data-astro-cid-rzi2bzw6]{min-block-size:8rem;padding-block:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;line-height:1.5}.import-actions[data-astro-cid-rzi2bzw6]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.import-or[data-astro-cid-rzi2bzw6]{color:var(--color-text-muted);font-size:var(--text-sm)}.import-error[data-astro-cid-rzi2bzw6]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.import-error[data-astro-cid-rzi2bzw6]:empty{display:none}.import-result[data-astro-cid-rzi2bzw6]{gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-success) 6%, transparent);display:grid}.import-headline[data-astro-cid-rzi2bzw6]{color:var(--color-text);font-size:var(--text-sm);font-weight:650}.import-notes[data-astro-cid-rzi2bzw6]{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);padding-inline-start:var(--space-4);display:grid}.import-notes[data-astro-cid-rzi2bzw6] li[data-level=warning]::marker{color:var(--color-warning)}.noscript[data-astro-cid-rzi2bzw6]{color:var(--color-warning);font-size:var(--text-sm)}.page[data-astro-cid-qn6qmrk5]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-qn6qmrk5]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-qn6qmrk5] h1[data-astro-cid-qn6qmrk5]{font-size:var(--text-3xl)}.lede[data-astro-cid-qn6qmrk5]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-qn6qmrk5]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-qn6qmrk5]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-qn6qmrk5] h2[data-astro-cid-qn6qmrk5]{color:var(--color-text);font-size:var(--text-2xl)}.content-section[data-astro-cid-qn6qmrk5] code[data-astro-cid-qn6qmrk5]{color:var(--color-text);overflow-wrap:anywhere}.content-section[data-astro-cid-qn6qmrk5] strong[data-astro-cid-qn6qmrk5]{color:var(--color-text);font-weight:650}.example[data-astro-cid-qn6qmrk5]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);line-height:var(--leading-snug);white-space:pre-wrap;overflow-wrap:anywhere}.preset-list[data-astro-cid-qn6qmrk5]{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));padding:0;list-style:none;display:grid}.choices[data-astro-cid-qn6qmrk5]{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.choices[data-astro-cid-qn6qmrk5] li[data-astro-cid-qn6qmrk5]::marker{color:var(--color-cyan);font-weight:650}.faq[data-astro-cid-2icr7gb7]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}h2[data-astro-cid-2icr7gb7]{color:var(--color-text);font-size:var(--text-2xl)}.faq-list[data-astro-cid-2icr7gb7]{gap:var(--space-2);display:grid}.faq-item[data-astro-cid-5ocw5fjq]{border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-surface)}.faq-item[data-astro-cid-5ocw5fjq][open]{border-color:var(--color-border-strong)}summary[data-astro-cid-5ocw5fjq]{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;list-style:none;display:flex}summary[data-astro-cid-5ocw5fjq]::-webkit-details-marker{display:none}summary[data-astro-cid-5ocw5fjq]:after{content:"+";color:var(--color-cyan);font-size:var(--text-xl);flex:none;font-weight:400;line-height:1}.faq-item[data-astro-cid-5ocw5fjq][open] summary[data-astro-cid-5ocw5fjq]:after{content:"−"}h3[data-astro-cid-5ocw5fjq]{color:var(--color-text);font-size:var(--text-base);letter-spacing:0;font-weight:600}.answer[data-astro-cid-5ocw5fjq]{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);display:grid}.tjg{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container:tjg/inline-size}@media (width>=30rem){.tjg{gap:var(--space-4);padding:var(--space-4)}}.tjg [hidden]{display:none}.tjg code{font-family:var(--font-mono);overflow-wrap:anywhere}.tjg fieldset{border:0;min-inline-size:0;margin:0;padding:0}.tjg-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere;padding:0;display:block}.tjg-label code{color:var(--color-cyan);font-size:.8125rem;font-weight:600}.tjg-label-text{color:var(--color-text-secondary);font-weight:500}.tjg-hint,.tjg-resolved{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.tjg-hint code{color:var(--color-text-secondary)}.tjg-resolved:empty,.tjg-message:empty,.tjg-lock:empty,.tjg-error:empty,.tjg-status:empty,.tjg-row-issue:empty{display:none}.tjg-message,.tjg-row-issue{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.tjg-message[data-severity=error],.tjg-row-issue[data-severity=error]{color:var(--color-danger)}.tjg-message[data-severity=warning],.tjg-row-issue[data-severity=warning]{color:var(--color-warning)}.tjg-lock{padding:var(--space-1) var(--space-2);border-inline-start:2px solid var(--color-text-muted);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.tjg-error{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.tjg-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.tjg-field{align-content:start;gap:var(--space-1);min-width:0;display:grid}.tjg-control{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.tjg-control:hover:not(:disabled,[readonly]){border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.tjg-control:focus-visible{outline-offset:1px}.tjg-control[readonly],.tjg-control:disabled{color:var(--color-text-secondary);cursor:not-allowed;border-style:dashed}.tjg-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.tjg-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.tjg-textarea{min-block-size:4.5rem;padding-block:var(--space-2);resize:vertical;line-height:1.5}.tjg-select-wrap{min-width:0;display:block;position:relative}.tjg-select-wrap:after{content:"";border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);pointer-events:none;block-size:.45rem;inline-size:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-70%)rotate(45deg)}.tjg-select{appearance:none;text-overflow:ellipsis;cursor:pointer;padding-inline-end:2.5rem}.tjg-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));display:grid}.tjg-inline{gap:var(--space-2);display:flex}.tjg-small-button,.tjg-icon-button,.tjg-link-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2;display:inline-flex}.tjg-small-button{min-height:2.75rem;padding-inline:var(--space-4);white-space:nowrap;justify-self:start}.tjg-icon-button{flex:none;block-size:2.75rem;inline-size:2.75rem;padding:0}.tjg-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.tjg-link-button{min-height:2.75rem;padding-inline:var(--space-2);color:var(--color-cyan);text-underline-offset:.2em;background:0 0;border-color:#0000;justify-self:start;text-decoration:underline}.tjg-small-button:hover:not(:disabled),.tjg-icon-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.tjg-icon-button.tjg-danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 60%, transparent);color:var(--color-danger)}.tjg-small-button:disabled,.tjg-icon-button:disabled{cursor:not-allowed;opacity:.4}.tjg-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.tjg-segment{min-width:0;display:grid;position:relative}.tjg-segment input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.tjg-segment>span{min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;overflow-wrap:anywhere;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}@container tjg (width<=22rem){.tjg-segment>span{font-size:var(--text-xs);padding-inline:2px}}.tjg-segment input:hover+span{color:var(--color-text)}.tjg-segment input:checked+span{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.tjg-segment input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.tjg-checks{gap:var(--space-2);flex-wrap:wrap;display:flex}.tjg-check{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.tjg-check input{block-size:1.1rem;inline-size:1.1rem;accent-color:var(--color-cyan);margin:0}.tjg-topbar{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.tjg-target{flex:15rem;max-width:22rem}.tjg-doc-status{justify-items:start;gap:var(--space-1);flex:14rem;min-width:0;display:grid}.tjg-doc-status-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.tjg-chip{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-xs);align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.tjg-chip[data-severity=error]{border-color:color-mix(in srgb, var(--color-danger) 60%, transparent)}.tjg-chip[data-severity=warning]{border-color:color-mix(in srgb, var(--color-warning) 60%, transparent)}.tjg-topbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.tjg-core{display:grid}.tjg-label-extra{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container tjg (width>=34rem){.tjg-label-extra{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.tjg-confirm{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, transparent);border-radius:var(--radius-card);background-color:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-raised));display:grid}.tjg-confirm-text{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.tjg-confirm-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tjg-layout,.tjg-main{gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@container tjg (width>=30rem){.tjg-layout,.tjg-main{gap:var(--space-4)}}@container tjg (width>=62rem){.tjg-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.tjg-aside{top:var(--space-4);position:sticky}}.tjg-aside{min-width:0}.tjg-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);display:grid}@container tjg (width>=30rem){.tjg-panel{padding:var(--space-4)}}.tjg-panel:focus-visible{outline-offset:2px}.tjg-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.tjg-panel-title{font-size:var(--text-base);letter-spacing:-.01em}.tjg-panel-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.tjg-subtitle{color:var(--color-text);font-size:var(--text-sm);letter-spacing:0;font-weight:650}.tjg-config-head,.tjg-output-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tjg-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}@container tjg (width>=40rem){.tjg-tabs{flex:0 28rem}}.tjg-tab{min-width:0;min-height:2.5rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);background:0 0;border:1px solid #0000;font-weight:600;line-height:1.2}.tjg-tab:hover{color:var(--color-text)}.tjg-tab[aria-selected=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.tjg-tab-panel{gap:var(--space-3);min-width:0;display:grid}.tjg-sections,.tjg-meta-lists{gap:var(--space-2);display:grid}.tjg-section{border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-bg) 35%, transparent)}.tjg-section-summary,.tjg-subsection-summary{align-items:center;gap:var(--space-1) var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.tjg-section-summary::-webkit-details-marker,.tjg-subsection-summary::-webkit-details-marker{display:none}.tjg-section-summary:after,.tjg-subsection-summary:after{content:"+";color:var(--color-cyan);font-size:var(--text-lg);margin-inline-start:auto;font-weight:400;line-height:1}.tjg-section[open]>.tjg-section-summary:after,.tjg-subsection[open]>.tjg-subsection-summary:after{content:"−"}.tjg-section-title{color:var(--color-text);font-size:var(--text-sm);font-weight:650}.tjg-section-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.tjg-section-body{gap:var(--space-4);padding:var(--space-1) var(--space-3) var(--space-4);display:grid}.tjg-section-body.tjg-grid{gap:var(--space-3)}.tjg-subsection{border-top:1px solid var(--color-border)}.tjg-subsection-summary{color:var(--color-text);font-size:var(--text-sm);padding-inline:0;font-weight:600}.tjg-subsection>:not(summary){margin-bottom:var(--space-3)}.tjg-subfields{border-inline-start:2px solid var(--color-border-strong);padding-inline-start:var(--space-3)}.tjg-callout,.tjg-feature-note{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-cyan) 30%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 6%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.tjg-feature-note{border-color:var(--color-border-strong);background:0 0;border-style:dashed}.tjg-units{gap:var(--space-2)}.tjg-presets{gap:var(--space-2);min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.tjg-presets-head{gap:var(--space-1);display:grid}.tjg-rows,.tjg-face-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tjg-row,.tjg-face{min-width:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg)}.tjg-row-fields,.tjg-face-fields{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.tjg-cell{flex:7.5rem;gap:2px;min-width:0;display:grid}.tjg-cell-value,.tjg-cell-src,.tjg-cell-wide{flex:2 11rem}.tjg-cell-label{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere;font-weight:600}.tjg-swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);flex:none;align-self:flex-end;block-size:2.75rem;inline-size:2.75rem;position:relative}.tjg-swatch-picker{cursor:pointer}.tjg-swatch-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.tjg-picker-input{opacity:0;cursor:pointer;border:0;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0}.tjg-fluid{gap:var(--space-2);flex-wrap:wrap;flex:100%;display:flex}.tjg-row-actions{gap:var(--space-1);flex:none;margin-inline-start:auto;display:flex}.tjg-row-issue{flex:100%}.tjg-faces{gap:var(--space-2);flex:100%;display:grid}.tjg-faces-body{gap:var(--space-2);border-inline-start:2px solid var(--color-border-strong);padding-inline-start:var(--space-3);display:grid}.tjg-styles{gap:var(--space-4);display:grid}.tjg-context{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);display:grid}.tjg-block-pick{gap:var(--space-3);display:grid}.tjg-context-path{color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.tjg-context-path code{color:var(--color-cyan)}.tjg-style-groups{gap:var(--space-4);display:grid}.tjg-style-group{gap:var(--space-2);display:grid}.tjg-style-group>legend{float:inline-start;inline-size:100%;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:0;font-weight:700}.tjg-style-group>.tjg-grid{clear:both}.tjg-lab-stage{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:linear-gradient(var(--color-border) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--color-border) 1px, transparent 1px) 0 0 / 24px 24px, var(--color-bg)}.tjg-lab-frame{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);transition:max-inline-size var(--duration-normal) var(--ease-primary);margin-inline:auto;overflow:hidden;box-shadow:0 12px 32px -18px #000c}.tjg-lab-frame[data-device=desktop]{max-inline-size:100%}.tjg-lab-frame[data-device=tablet]{max-inline-size:min(100%,32rem)}.tjg-lab-frame[data-device=mobile]{max-inline-size:min(100%,21rem)}.tjg-lab-canvas{font-size:16px}.lab-page{color:#000;overflow-wrap:anywhere;background-color:#fff;gap:24px;padding-block-end:24px;font-family:serif;font-size:16px;line-height:normal;display:grid}.lab-page p{margin:0}.lab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:16px 0;display:flex}.lab-site{font-weight:700}.lab-nav{flex-wrap:wrap;gap:8px 16px;display:flex}.lab-content,.lab-wide{gap:inherit;inline-size:100%;margin-inline:auto;display:grid}.lab-h1,.lab-h2,.lab-h3{font-weight:700;line-height:1.2}.lab-h1{font-size:2em}.lab-h2{font-size:1.5em}.lab-h3{font-size:1.17em}.lab-link{color:#00e;text-decoration:underline}.lab-nav-link{text-decoration:none}.lab-buttons{flex-wrap:wrap;gap:.5em;display:flex}.lab-button{line-height:inherit;text-align:center;cursor:default;display:inline-block}.lab-columns{flex-wrap:wrap;gap:2em;display:flex}.tjg-lab-frame:not([data-device=desktop]) .lab-columns{flex-direction:column}.lab-group{flex:12rem;align-content:start;gap:12px;min-width:0;display:grid}.lab-image{aspect-ratio:16/9;background:linear-gradient(135deg,#cbd5e1,#64748b)}.lab-caption{text-align:center;font-size:13px}.lab-label{margin-block-end:-6px;font-size:.875em}.lab-input,.lab-select{color:#1e1e1e;background-color:#fff;border:1px solid #949494;padding:8px;font-family:inherit;font-size:.875em;display:block}.lab-select{padding-inline-end:2em;position:relative}.lab-chevron{border-block-end:1.5px solid;border-inline-end:1.5px solid;block-size:.45em;inline-size:.45em;position:absolute;inset-block-start:50%;inset-inline-end:.8em;transform:translateY(-70%)rotate(45deg)}.lab-footer{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);opacity:.75;padding-block:12px 16px;font-size:.8125em}.tjg-lab-caption{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.tjg-lab-notes{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);padding-inline-start:var(--space-4);display:grid}.tjg-diagnostic-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tjg-diagnostic{align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 4%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);grid-template-columns:auto auto minmax(0,1fr);display:grid}.tjg-diagnostic[data-severity=error]{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);background-color:color-mix(in srgb, var(--color-danger) 8%, transparent)}.tjg-diagnostic[data-severity=warning]{border-color:color-mix(in srgb, var(--color-warning) 35%, transparent);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent)}.tjg-diagnostic-icon{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:.15em}.tjg-diagnostic[data-severity=error] .tjg-diagnostic-icon{stroke:var(--color-danger)}.tjg-diagnostic[data-severity=warning] .tjg-diagnostic-icon{stroke:var(--color-warning)}.tjg-diagnostic-label{color:var(--color-text);font-weight:700}.tjg-diagnostic-body{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.tjg-diagnostic-path{color:var(--color-text-muted);font-size:var(--text-xs)}@container tjg (width<=26rem){.tjg-diagnostic{grid-template-columns:auto minmax(0,1fr)}.tjg-diagnostic-body{grid-column:1/-1}}.tjg-code{max-block-size:30rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;font-size:.8125rem;line-height:1.6;overflow:auto}.tjg-code:focus-visible{outline-offset:1px}.tjg-output-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tjg-stack{display:grid}.tjg-stack-item{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.tjg-stack [data-for=done],.tjg-stack[data-copied] [data-for=label]{visibility:hidden}.tjg-stack[data-copied] [data-for=done]{visibility:visible}.tjg-button-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.tjg-status{color:var(--color-success);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.tjg-status[data-tone=problem]{color:var(--color-warning)}.tjg-references:focus-visible{outline-offset:1px}.tjg-references{gap:var(--space-4);max-block-size:30rem;padding:var(--space-1);display:grid;overflow:auto}.tjg-reference-table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm)}.tjg-reference-table caption{color:var(--color-text);text-align:start;padding-block-end:var(--space-2);font-weight:650}.tjg-reference-table caption code{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500}.tjg-reference-table th,.tjg-reference-table td{padding:var(--space-2);border-top:1px solid var(--color-border);color:var(--color-text-secondary);text-align:start;vertical-align:top;overflow-wrap:anywhere}.tjg-reference-table thead th{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tjg-reference-table tbody th{color:var(--color-text);font-weight:600}.tjg-reference-table tbody th code{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500}.tjg-reference-table td code{color:var(--color-text)}.tjg-reference-note{color:var(--color-warning);font-size:var(--text-xs);font-weight:600;display:block}@container tjg (width<=34rem){.tjg-reference-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tjg-reference-table tr,.tjg-reference-table th,.tjg-reference-table td{display:block}.tjg-reference-table tr{padding-block:var(--space-2);border-top:1px solid var(--color-border)}.tjg-reference-table th,.tjg-reference-table td{border:0;padding-block:2px}}.tjg-noscript{color:var(--color-warning);font-size:var(--text-sm)}.tjg-import-body{gap:var(--space-2);display:grid}.tjg-import-text{min-block-size:9rem}.tjg-import-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tjg-import-or{color:var(--color-text-muted);font-size:var(--text-sm)}.tjg-import-result{gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-success) 6%, transparent);display:grid}.tjg-import-headline{color:var(--color-text);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:650}.tjg-import-notes,.tjg-preserved-list{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere;padding-inline-start:var(--space-4);display:grid}.tjg-import-notes strong{color:var(--color-warning)}.tjg-preserved-list{max-block-size:14rem;font-family:var(--font-mono);font-size:var(--text-xs);overflow:auto}.page[data-astro-cid-vpiyuvhk]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-vpiyuvhk]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-vpiyuvhk] h1[data-astro-cid-vpiyuvhk]{font-size:var(--text-3xl)}.lede[data-astro-cid-vpiyuvhk]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-vpiyuvhk]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-vpiyuvhk]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-vpiyuvhk] h2[data-astro-cid-vpiyuvhk]{color:var(--color-text);font-size:var(--text-2xl)}.content-section[data-astro-cid-vpiyuvhk] code[data-astro-cid-vpiyuvhk]{color:var(--color-text);overflow-wrap:anywhere}.versions[data-astro-cid-vpiyuvhk]{gap:var(--space-2);padding:0;list-style:none;display:grid}.versions[data-astro-cid-vpiyuvhk] li[data-astro-cid-vpiyuvhk]{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);font-size:var(--text-sm);overflow-wrap:anywhere;display:grid}.versions[data-astro-cid-vpiyuvhk] strong[data-astro-cid-vpiyuvhk]{color:var(--color-text);font-weight:650}.ogm{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container:ogm/inline-size}@media (width>=30rem){.ogm{gap:var(--space-4);padding:var(--space-4)}}.ogm [hidden]{display:none}.ogm fieldset{border:0;min-inline-size:0;margin:0;padding:0}.ogm-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);padding:0;display:block}.ogm-optional{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500}.ogm-hint,.ogm-caption,.ogm-legend{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.ogm-error,.ogm-export-status[data-tone=problem]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.ogm-legend{color:var(--color-text-secondary)}.ogm-error:empty,.ogm-hint:empty,.ogm-export-status:empty{display:none}.ogm-field{align-content:start;gap:var(--space-1);min-width:0;display:grid}.ogm-control{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.ogm-control:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.ogm-control:focus-visible{outline-offset:1px}.ogm-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.ogm-textarea{min-block-size:4.5rem;padding-block:var(--space-2);resize:vertical;line-height:1.45}.ogm-select-wrap{min-width:0;display:block;position:relative}.ogm-select-wrap:after{content:"";border-inline-end:1.5px solid var(--color-text-muted);border-block-end:1.5px solid var(--color-text-muted);pointer-events:none;block-size:.45rem;inline-size:.45rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-70%)rotate(45deg)}.ogm-select{appearance:none;text-overflow:ellipsis;cursor:pointer;padding-inline-end:2.5rem}.ogm-range-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.ogm-range-value{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.ogm-range{inline-size:100%;min-height:2.25rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.ogm-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,11.5rem),1fr));display:grid}.ogm-color-row{gap:var(--space-2);display:flex}.ogm-swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);cursor:pointer;flex:none;block-size:2.75rem;inline-size:2.75rem;padding:.2rem}.ogm-hex{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.ogm-small-button{min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);justify-self:start;align-items:center;font-weight:600;display:inline-flex}.ogm-small-button:hover{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.ogm-check,.ogm-toggle{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:inline-flex}.ogm-check input,.ogm-toggle input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--color-cyan);margin:0}.ogm-check:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed}.ogm-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ogm-segment{min-width:0;display:grid;position:relative}.ogm-segment input,.ogm-choice input,.ogm-layout-option input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.ogm-segment>span{min-height:2.25rem;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.ogm-segment input:hover+span{color:var(--color-text)}@media (pointer:coarse){.ogm-segment>span,.ogm-range{min-height:2.75rem}}.ogm-segment input:checked+span,.ogm-choice input:checked+.ogm-choice-body,.ogm-layout-option input:checked+.ogm-layout-card{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.ogm-segment input:focus-visible+span,.ogm-choice input:focus-visible+.ogm-choice-body,.ogm-layout-option input:focus-visible+.ogm-layout-card{outline:2px solid var(--color-focus);outline-offset:2px}.ogm-segment input:disabled+span{color:var(--color-text-muted);cursor:not-allowed}.ogm-topbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.ogm-output{gap:2px;min-width:0;display:grid}.ogm-output-size{color:var(--color-text);font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700;line-height:var(--leading-tight)}.ogm-output-meta{color:var(--color-text-secondary);font-size:var(--text-sm)}.ogm-topbar-actions{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.ogm-state{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);display:inline-flex}.ogm-core{display:grid}.ogm-confirm{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, transparent);border-radius:var(--radius-card);background-color:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-raised));display:grid}.ogm-confirm-text{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.ogm-confirm-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ogm-layout,.ogm-stage-column,.ogm-controls{align-content:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@container ogm (width>=30rem){.ogm-layout,.ogm-stage-column,.ogm-controls{gap:var(--space-4)}}@container ogm (width>=60rem){.ogm-layout{grid-template-columns:minmax(0,1.55fr) minmax(19rem,1fr);align-items:start}.ogm-stage-column{top:var(--space-4);max-block-size:calc(100dvh - 2 * var(--space-4));overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow-y:auto}}.ogm-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);display:grid}@container ogm (width>=30rem){.ogm-panel{padding:var(--space-4)}}.ogm-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.ogm-panel-title{font-size:var(--text-base);letter-spacing:-.01em}.ogm-panel-meta{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.ogm-section{padding:0}.ogm-summary{align-items:center;gap:var(--space-1) var(--space-3);min-height:3rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}@container ogm (width>=30rem){.ogm-summary{padding-inline:var(--space-4)}}.ogm-summary::-webkit-details-marker{display:none}.ogm-summary:after{content:"+";color:var(--color-cyan);font-size:var(--text-lg);margin-inline-start:auto;line-height:1}.ogm-section[open]>.ogm-summary:after{content:"−"}.ogm-summary-title{color:var(--color-text);font-size:var(--text-base);font-weight:650}.ogm-summary-meta{min-width:0;color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.ogm-section-body{gap:var(--space-4);padding:var(--space-1) var(--space-3) var(--space-4);display:grid}@container ogm (width>=30rem){.ogm-section-body{padding-inline:var(--space-4)}}.ogm-preview{gap:var(--space-2);min-width:0;margin:0;display:grid}.ogm-preview-head{justify-content:space-between;align-items:center;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.ogm-preview-title{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.ogm-viewport{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(color-mix(in srgb, var(--color-text) 3%, transparent) 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--color-bg);justify-items:center;display:grid}.ogm-frame{aspect-ratio:1200/630;inline-size:100%;box-shadow:0 0 0 1px var(--color-border-strong), 0 18px 40px -24px #000c;position:relative;overflow:hidden}.ogm-stage{transform-origin:0 0;letter-spacing:normal;text-align:start;user-select:none;direction:ltr;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.ogm-stage>*{box-sizing:border-box;margin:0;position:absolute}.ogm-node-clip,.ogm-node-crop{overflow:hidden}.ogm-node-crop{position:absolute}.ogm-node-crop>img{max-width:none;position:absolute}.ogm-node-text{white-space:pre;font-kerning:normal}.ogm-node-text>div{white-space:pre;overflow:visible}.ogm-guides{pointer-events:none;position:absolute;inset:0}.ogm-guide{box-sizing:border-box;position:absolute}.ogm-guide-safe{outline-offset:-2px;border:1px dashed #ffffffe6;outline:1px dashed #0000008c}.ogm-guide-overflow{border:2px dashed var(--color-warning)}.ogm-guide-focus{border:2px solid var(--color-text);border-radius:50%;block-size:22px;inline-size:22px;margin:-11px 0 0 -11px;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0009}.ogm-guide-focus:after{content:"";background-color:var(--color-text);border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 0 1px #0009}.ogm-export-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ogm-format{flex:0 12rem}.ogm-export-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ogm-export-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.ogm-export-status[data-tone=ok]{color:var(--color-text)}.ogm-export-status[data-tone=ok]:before{content:"✓ ";color:var(--color-success);font-weight:700}.ogm-export-status[data-tone=problem]:before{content:"! ";font-weight:700}.ogm-privacy{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;display:flex}.ogm-privacy svg{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.ogm-diagnostics{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ogm-diagnostic{align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 4%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);grid-template-columns:auto auto minmax(0,1fr);display:grid}.ogm-diagnostic[data-severity=error]{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);background-color:color-mix(in srgb, var(--color-danger) 8%, transparent)}.ogm-diagnostic[data-severity=warning]{border-color:color-mix(in srgb, var(--color-warning) 35%, transparent);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent)}.ogm-diagnostic-icon{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:.15em}.ogm-diagnostic[data-severity=error] .ogm-diagnostic-icon{stroke:var(--color-danger)}.ogm-diagnostic[data-severity=warning] .ogm-diagnostic-icon{stroke:var(--color-warning)}.ogm-diagnostic-label{color:var(--color-text);font-weight:700}.ogm-diagnostic-message{overflow-wrap:anywhere;min-width:0}@container ogm (width<=26rem){.ogm-diagnostic{grid-template-columns:auto minmax(0,1fr)}.ogm-diagnostic-message{grid-column:1/-1}}.ogm-choices{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));display:grid}.ogm-choice,.ogm-layout-option{min-width:0;display:grid;position:relative}.ogm-choice-body{min-height:3.25rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary);gap:2px;display:grid}.ogm-choice input:hover+.ogm-choice-body,.ogm-layout-option input:hover+.ogm-layout-card{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.ogm-choice-label{color:var(--color-text);font-size:var(--text-sm);font-weight:650;line-height:1.25}.ogm-choice-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ogm-custom{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ogm-custom-hint{grid-column:1/-1}.ogm-layouts{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@container ogm (width<=22rem){.ogm-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}}.ogm-layout-card{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary);display:grid;position:relative}.ogm-layout-option input:checked+.ogm-layout-card:after{content:"";background:center / 10px 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m2 5.2 2 2 4-4.4' fill='none' stroke='%2304111d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--color-cyan);border-radius:50%;block-size:14px;inline-size:14px;position:absolute;inset-block-start:4px;inset-inline-end:4px}.ogm-thumb{block-size:auto;inline-size:100%}.ogm-thumb-frame{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:1px}.ogm-thumb-text{fill:var(--color-text-secondary)}.ogm-thumb-muted{fill:var(--color-text-muted);opacity:.7}.ogm-thumb-accent{fill:var(--color-cyan)}.ogm-thumb-panel{fill:color-mix(in srgb, var(--color-cyan) 22%, var(--color-surface))}.ogm-thumb-card{fill:var(--color-surface-raised);stroke:color-mix(in srgb, var(--color-cyan) 60%, transparent);stroke-width:.6px}.ogm-layout-name{color:var(--color-text);font-size:var(--text-xs);text-align:center;font-weight:650}.ogm-picker{gap:var(--space-2);display:grid}.ogm-picker-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ogm-picker-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.ogm-image-settings{gap:var(--space-4);display:grid}.page[data-astro-cid-h7mitzoa]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-h7mitzoa]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-h7mitzoa] h1[data-astro-cid-h7mitzoa]{font-size:var(--text-3xl)}.lede[data-astro-cid-h7mitzoa]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-h7mitzoa]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-h7mitzoa]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-h7mitzoa] h2[data-astro-cid-h7mitzoa]{color:var(--color-text);font-size:var(--text-2xl)}.facts[data-astro-cid-h7mitzoa]{gap:var(--space-2);padding:0;list-style:none;display:grid}.facts[data-astro-cid-h7mitzoa] li[data-astro-cid-h7mitzoa]{justify-content:space-between;gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.facts[data-astro-cid-h7mitzoa] strong[data-astro-cid-h7mitzoa]{color:var(--color-text);font-weight:650}.fav{--fav-light:#f1f3f4;--fav-light-text:#202124;--fav-dark:#2b2c30;--fav-dark-text:#e8eaed;--fav-checker:color-mix(in srgb, var(--color-text) 7%, transparent);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container:fav/inline-size}@media (width>=30rem){.fav{gap:var(--space-4);padding:var(--space-4)}}.fav [hidden]{display:none}.fav fieldset{border:0;min-inline-size:0;margin:0;padding:0}.fav-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);padding:0;display:block}.fav-optional{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:0;font-weight:500}.fav-hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.fav-error,.fav-status[data-tone=problem]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.fav-error:before,.fav-status[data-tone=problem]:before{content:"! ";font-weight:700}.fav-error:empty,.fav-hint:empty,.fav-status:empty,.fav-safe-status:empty{display:none}.fav-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.fav-status[data-tone=ok]{color:var(--color-text)}.fav-status[data-tone=ok]:before{content:"✓ ";color:var(--color-success);font-weight:700}.fav-warning{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.fav-warning:before{content:"! ";color:var(--color-warning);font-weight:700}.fav-field{align-content:start;gap:var(--space-2);min-width:0;display:grid}.fav-control{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.fav-control:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.fav-control:focus-visible{outline-offset:1px}.fav-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.fav-range-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.fav-range-value{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.fav-range{inline-size:100%;min-height:2.25rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.fav-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.fav-color{gap:var(--space-1);display:grid}.fav-color-label{color:var(--color-text-secondary);font-weight:500}.fav-color-row{gap:var(--space-2);max-inline-size:16rem;display:flex}.fav-swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);cursor:pointer;flex:none;block-size:2.75rem;inline-size:2.75rem;padding:.2rem}.fav-hex{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.fav-small-button,.fav-file-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2;display:inline-flex}.fav-small-button{justify-self:start}.fav-small-button:hover,.fav-file-button:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.fav-file-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.fav-file-button svg,.fav-pack-button svg,.fav-share-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.fav-file-button svg{stroke:var(--color-cyan)}.fav-toggle{justify-self:start;align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:inline-flex}.fav-toggle input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--color-cyan);margin:0}.fav-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.fav-segment{min-width:0;display:grid;position:relative}.fav-segment input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.fav-segment>span{min-height:2.25rem;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.fav-segment input:hover+span{color:var(--color-text)}.fav-segment input:checked+span{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.fav-segment input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}@media (pointer:coarse){.fav-segment>span,.fav-range,.fav-small-button,.fav-file-button{min-height:2.75rem}}.fav-topbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.fav-source{flex:14rem;gap:2px;min-width:0;display:grid}.fav-source-name{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere}.fav-source-meta{color:var(--color-text-secondary);font-size:var(--text-sm)}.fav-topbar-actions,.fav-topbar-buttons{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.fav-topbar-buttons{gap:var(--space-2)}.fav-state{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-inline-end:var(--space-1);display:inline-flex}.fav-core{display:grid}.fav-main{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@container fav (width>=30rem){.fav-main{gap:var(--space-4)}}@container fav (width>=50rem){.fav-main{grid-template-columns:minmax(0,1.15fr) minmax(18rem,1fr)}}.fav-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);display:grid}@container fav (width>=30rem){.fav-panel{gap:var(--space-4);padding:var(--space-4)}}.fav-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.fav-panel-title{font-size:var(--text-base);letter-spacing:-.01em}.fav-panel-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.fav-stage{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(var(--fav-checker) 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--color-bg);inline-size:100%;max-inline-size:28rem;transition:border-color var(--duration-fast) var(--ease-primary), box-shadow var(--duration-fast) var(--ease-primary);margin-inline:auto;display:grid;position:relative;overflow:hidden}.fav[data-dragging=true] .fav-stage{border-color:var(--color-cyan);box-shadow:0 0 0 2px var(--color-cyan)}.fav[data-dragging=true][data-source=true] .fav-stage:after{content:"Drop to replace the image";inset:auto var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);text-align:center;font-weight:600;position:absolute}.fav[data-source=false] .fav-stage{border-style:dashed;border-color:var(--color-border-strong);background:var(--color-bg)}.fav[data-source=false][data-dragging=true] .fav-stage{background:color-mix(in srgb, var(--color-cyan) 8%, var(--color-bg))}.fav-dropzone{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;display:grid}.fav-drop-icon{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.fav-drop-accent{stroke:var(--color-cyan)}.fav-drop-title{color:var(--color-text);font-size:var(--text-lg);font-weight:650}.fav-drop-choose{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.fav-drop-or{color:var(--color-text-muted);font-size:var(--text-sm)}.fav-drop-meta{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.fav-artwork-canvas{touch-action:auto;block-size:100%;inline-size:100%}.fav-artwork-canvas[data-drag=both]{touch-action:none;cursor:grab}.fav-artwork-canvas[data-drag=x]{touch-action:pan-y;cursor:ew-resize}.fav-artwork-canvas[data-drag=y]{touch-action:pan-x;cursor:ns-resize}.fav-artwork-canvas[data-dragging=true]{cursor:grabbing}.fav-preview-grid{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@container fav (width>=40rem){.fav-preview-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.fav-card-wide{grid-column:1/-1}}@container fav (width>=68rem){.fav-preview-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr) minmax(0,1.3fr)}.fav-card-wide{grid-column:auto}}.fav-card{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);display:grid}.fav-card-title{color:var(--color-text);font-size:var(--text-sm);letter-spacing:0;font-weight:650}.fav-card-subtitle{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.fav-pixel{image-rendering:crisp-edges;image-rendering:pixelated}.fav-px-16{block-size:16px;inline-size:16px}.fav-px-32{block-size:32px;inline-size:32px}.fav-px-48{block-size:48px;inline-size:48px}.fav-tabs{gap:var(--space-2);display:grid}.fav-tab{align-items:center;gap:var(--space-2);max-inline-size:15rem;min-height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-control) var(--radius-control) 0 0;font-size:var(--text-xs);font-weight:500;display:flex}.fav-tab-light{background-color:var(--fav-light);color:var(--fav-light-text)}.fav-tab-dark{background-color:var(--fav-dark);color:var(--fav-dark-text)}.fav-actual,.fav-zoom,.fav-masks,.fav-files{margin:0;padding:0;list-style:none}.fav-actual{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.fav-actual-item,.fav-zoom-item,.fav-mask{justify-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:grid}.fav-actual-pair{border:1px solid var(--color-border);border-radius:var(--radius-control);display:flex;overflow:hidden}.fav-actual-swatch{padding:var(--space-2);place-items:center;display:grid}.fav-on-light{background-color:var(--fav-light)}.fav-on-dark{background-color:var(--fav-dark)}.fav-zoom{gap:var(--space-3);flex-wrap:wrap;display:flex}.fav-zoom-canvas{border:1px solid var(--color-border);background:repeating-conic-gradient(var(--fav-checker) 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--color-bg);block-size:128px;inline-size:128px}.fav-homescreen{align-content:center;justify-items:center;gap:var(--space-2);min-height:11rem;padding:var(--space-5) var(--space-3);border-radius:var(--radius-control);background:radial-gradient(90% 70% at 20% 10%, color-mix(in srgb, var(--color-cyan) 45%, transparent), transparent 70%), radial-gradient(80% 80% at 90% 100%, color-mix(in srgb, var(--color-purple) 60%, transparent), transparent 70%), var(--color-blue);display:grid}.fav-app-icon{filter:drop-shadow(0 4px 10px #00000059);block-size:4.5rem;inline-size:4.5rem}.fav-app-label{color:var(--color-text);font-size:var(--text-xs);text-shadow:0 1px 3px #0009;font-weight:600}.fav-card-wide{container:fav-card/inline-size}.fav-android-body,.fav-maskable-controls{align-content:start;gap:var(--space-3);min-width:0;display:grid}@container fav-card (width>=38rem){.fav-android-body{align-items:start;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr)}.fav-maskable{flex-direction:column;align-items:flex-start}}.fav-maskable{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.fav-maskable-full{aspect-ratio:1;border:1px solid var(--color-border);background:repeating-conic-gradient(var(--fav-checker) 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--color-bg);flex:none;inline-size:9.5rem;position:relative}.fav-maskable-canvas{block-size:100%;inline-size:100%}.fav-safe-zone{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.fav[data-safe-zone=false] .fav-safe-zone,.fav[data-safe-zone=false] .fav-safe-legend{display:none}.fav-safe-dim{fill:#00000073}.fav-safe-ring-under,.fav-safe-ring{fill:none;vector-effect:non-scaling-stroke}.fav-safe-ring-under{stroke:#000000bf;stroke-width:3.5px}.fav-safe-ring{stroke:#fffffff2;stroke-width:1.5px;stroke-dasharray:5 4}.fav-masks{gap:var(--space-3);grid-template-columns:repeat(3,auto);display:grid}.fav-mask-canvas{block-size:3.5rem;inline-size:3.5rem}.fav-safe-status{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);display:flex}.fav-safe-status[data-status=inside]:before{content:"✓";color:var(--color-success);font-weight:700}.fav-safe-status[data-status=outside]{border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent)}.fav-safe-status[data-status=outside]:before,.fav-safe-status[data-status=empty]:before{content:"!";color:var(--color-warning);font-weight:700}.fav-export-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.fav-export-heading{gap:2px;display:grid}.fav-pack-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.fav-export-body{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@container fav (width>=56rem){.fav-export-body{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fav-files{border-block-start:1px solid var(--color-border);align-content:start;display:grid}.fav-file{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--color-border);display:flex}.fav-file-text{flex:auto;min-width:0;display:grid}.fav-file-button{flex:none}@container fav (width<=30rem){.fav-file-button{min-inline-size:2.75rem;min-height:2.75rem;padding-inline:0}.fav-file-button-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.fav-file-name{color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}.fav-file-meta{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.fav-install{align-content:start;gap:var(--space-5);min-width:0;display:grid}.fav-install-part{gap:var(--space-3);min-width:0;display:grid}.fav-code-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.fav-code{min-width:0;max-inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-xs);white-space:pre;scrollbar-width:thin;margin:0;line-height:1.7;overflow-x:auto}.fav-details{gap:var(--space-2);display:grid}.fav-summary{justify-self:start;align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-cyan);font-size:var(--text-sm);cursor:pointer;font-weight:600;list-style:none;display:inline-flex}.fav-summary::-webkit-details-marker{display:none}.fav-summary:before{content:"+";inline-size:1ch;font-size:var(--text-lg);line-height:1}.fav-details[open]>.fav-summary:before{content:"−"}.fav-privacy{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;display:flex}.fav-privacy svg{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.page[data-astro-cid-t6mrfdnk]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-t6mrfdnk]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-t6mrfdnk] h1[data-astro-cid-t6mrfdnk]{font-size:var(--text-3xl)}.lede[data-astro-cid-t6mrfdnk]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-t6mrfdnk]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-t6mrfdnk]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-t6mrfdnk] h2[data-astro-cid-t6mrfdnk]{color:var(--color-text);font-size:var(--text-2xl)}.msp{--msp-paper:#fff;--msp-mist:#eef1f4;--msp-ink:#1f2328;--msp-ink-soft:#474f5a;--msp-ink-muted:#5f6873;--msp-link:#1a4fd6;--msp-rule:#d5dbe1;--msp-serp-font:Arial, "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;--msp-card-font:var(--font-sans);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;position:relative;container:msp/inline-size}@media (width>=30rem){.msp{gap:var(--space-4);padding:var(--space-4)}}.msp [hidden]{display:none}.msp fieldset{border:0;min-inline-size:0;margin:0;padding:0}.msp-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);padding:0;display:block}.msp-optional{color:var(--color-text-muted);font-size:var(--text-xs);margin-inline-start:var(--space-1);font-weight:500}.msp-hint,.msp-inherit{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.msp-inherit{color:var(--color-text-secondary)}.msp-error,.msp-status[data-tone=problem]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.msp-error:before,.msp-status[data-tone=problem]:before{content:"! ";font-weight:700}.msp-error:empty,.msp-hint:empty,.msp-inherit:empty,.msp-status:empty,.msp-passed:empty{display:none}.msp-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.msp-status[data-tone=ok]{color:var(--color-text)}.msp-status[data-tone=ok]:before{content:"✓ ";color:var(--color-success);font-weight:700}.msp-field{align-content:start;gap:var(--space-2);min-width:0;display:grid}.msp-control{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-primary)}.msp-control::placeholder{color:var(--color-text-muted);opacity:1}.msp-textarea{padding-block:var(--space-2);line-height:var(--leading-snug);resize:vertical}@supports (field-sizing:content){.msp-textarea[data-field]{field-sizing:content;min-block-size:calc(3lh + 2 * var(--space-2) + 2px);max-block-size:calc(10lh + 2 * var(--space-2) + 2px)}.msp-textarea[data-field=socialDescription]{min-block-size:calc(2lh + 2 * var(--space-2) + 2px)}}.msp-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.msp-control:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.msp-control:focus-visible{outline-offset:1px}.msp-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.msp-meter{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);display:flex}.msp-fit-icon,.msp-fit svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.msp-meter[data-fit=fits] .msp-fit-icon,.msp-fit[data-fit=fits] svg{color:var(--color-success)}.msp-meter[data-fit=close] .msp-fit-icon,.msp-fit[data-fit=close] svg{color:var(--color-cyan)}.msp-meter[data-fit=truncates] .msp-fit-icon,.msp-fit[data-fit=truncates] svg{color:var(--color-warning)}.msp-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.msp-segment{min-width:0;display:grid;position:relative}.msp-segment input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.msp-segment>span{min-height:2.5rem;padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.msp-segment input:hover+span{color:var(--color-text)}.msp-segment input:checked+span{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.msp-segment input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.msp-topbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.msp-origin{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;flex:16rem;min-width:0;display:flex}.msp-origin-text{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere}.msp-chip{--chip-color:var(--color-text-secondary);align-items:center;gap:var(--space-2);min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--chip-color) 35%, transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--chip-color) 9%, transparent);color:var(--color-text);font-size:var(--text-xs);font-weight:600;text-decoration:none;display:inline-flex}.msp-chip:before{content:"";background-color:var(--chip-color);border-radius:50%;flex:none;block-size:.55rem;inline-size:.55rem}.msp-chip:hover{border-color:var(--chip-color)}.msp-chip[data-severity=problem]{--chip-color:var(--color-danger)}.msp-chip[data-severity=problem]:before{border-radius:2px;transform:rotate(45deg)}.msp-chip[data-severity=suggestion]{--chip-color:var(--color-warning)}.msp-chip[data-severity=suggestion]:before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.msp-chip[data-severity=note]{--chip-color:var(--color-cyan)}.msp-chip[data-severity=ok]{--chip-color:var(--color-success)}.msp-topbar-actions,.msp-topbar-buttons{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.msp-topbar-buttons{gap:var(--space-2)}.msp-state{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-inline-end:var(--space-1);display:inline-flex}.msp-core{display:grid}.msp-chevron{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-fast) var(--ease-primary);flex:none}.msp [data-import-toggle][aria-expanded=true]{border-color:var(--color-cyan)}.msp [data-import-toggle][aria-expanded=true] .msp-chevron{transform:rotate(180deg)}.msp-confirm{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, transparent);border-radius:var(--radius-card);background-color:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-raised));display:grid}.msp-confirm-text{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.msp-confirm-actions,.msp-import-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.msp-main,.msp-results{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@container msp (width>=30rem){.msp-main,.msp-results{gap:var(--space-4)}}@container msp (width>=56rem){.msp-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"page aside""social aside""x aside"}.msp-page{grid-area:page}.msp-social{grid-area:social}.msp-x-panel{grid-area:x}.msp-aside{top:var(--space-4);grid-area:aside;position:sticky}.msp-results{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.msp-aside{min-width:0}.msp-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);display:grid}@container msp (width>=30rem){.msp-panel{gap:var(--space-4);padding:var(--space-4)}}.msp-panel:focus-visible{outline-offset:2px}.msp-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.msp-panel-title{font-size:var(--text-base);letter-spacing:-.01em}.msp-panel-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.msp-or{color:var(--color-text-muted);font-size:var(--text-sm)}.msp-import-result{gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-success) 5%, transparent);display:grid}.msp-import-headline{color:var(--color-text);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600}.msp-import-headline:before{content:"✓ ";color:var(--color-success);font-weight:700}.msp-import-notes{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere;margin:0;padding-inline-start:var(--space-5);display:grid}.msp-import-notes strong{color:var(--color-warning)}.msp-drop{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);transition:border-color var(--duration-fast) var(--ease-primary), box-shadow var(--duration-fast) var(--ease-primary);flex-wrap:wrap;display:flex}.msp[data-image=true] .msp-drop{border-style:solid}.msp[data-dragging=true] .msp-drop{border-color:var(--color-cyan);box-shadow:0 0 0 2px var(--color-cyan)}.msp-thumb{aspect-ratio:1.91;border:1px solid var(--color-border);object-fit:cover;background-color:var(--msp-mist);border-radius:6px;flex:none;inline-size:4.75rem}.msp-drop-text{flex:12rem;gap:2px;min-width:0;display:grid}.msp-drop-name{color:var(--color-text);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600}.msp[data-dragging=true] .msp-drop-name:after{content:" · Drop an image or an HTML file";color:var(--color-cyan)}.msp-drop-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.msp-companion{color:var(--color-text-secondary);font-size:var(--text-sm)}.msp-preview-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.msp-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}@container msp (width>=40rem){.msp-tabs{flex:0 20rem}}.msp-tab{min-width:0;min-height:2.5rem;padding-inline:var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);background:0 0;border:1px solid #0000;font-weight:600;line-height:1.2}.msp-tab:hover{color:var(--color-text)}.msp-tab[aria-selected=true]{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.msp-tab-panel{gap:var(--space-4);border-radius:var(--radius-control);min-width:0;display:grid}.msp-tab-panel:focus-visible{outline-offset:4px}.msp-view{gap:var(--space-2);min-width:0;margin:0;display:grid}.msp-view-head{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.msp-view-title{color:var(--color-text);font-size:var(--text-sm);font-weight:650}.msp-fits{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.msp-fit{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;display:inline-flex}.msp-preview-note,.msp-estimate{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.msp-estimate{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.msp-stage{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--msp-paper)}.msp-stage-mobile,.msp-stage-social{background-color:var(--msp-mist)}@container msp (width<=30rem){.msp-stage{margin-inline:calc(-1 * var(--space-3));padding:var(--space-2);border-inline-width:0;border-radius:0}}.msp-scale-note{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.msp-scaler{block-size:var(--msp-height,auto);overflow:hidden}.msp-scaled{inline-size:var(--msp-ref,100%);transform:scale(var(--msp-scale,1));transform-origin:0 0;margin-inline:auto}.msp-t-serp-title,.msp-t-serp-title-m,.msp-t-serp-desc,.msp-t-serp-desc-m,.msp-t-social-title,.msp-t-social-desc{letter-spacing:0;overflow-wrap:anywhere;text-wrap:wrap;word-break:normal}.msp-t-serp-title{font:400 20px/26px var(--msp-serp-font)}.msp-t-serp-title-m{font:400 18px/24px var(--msp-serp-font)}.msp-t-serp-desc{font:400 14px/22px var(--msp-serp-font)}.msp-t-serp-desc-m{font:400 14px/21px var(--msp-serp-font)}.msp-t-social-title{font:600 16px/21px var(--msp-card-font)}.msp-t-social-desc{font:400 14px/19px var(--msp-card-font)}.msp-serp-title,.msp-serp-description,.msp-og-title,.msp-og-description,.msp-x-card-title,.msp-x-description,.msp-serp-url,.msp-serp-name{-webkit-line-clamp:var(--msp-lines,1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msp [data-placeholder=true]{color:var(--msp-ink-muted);font-style:italic}.msp-serp-card{background-color:var(--msp-paper);color:var(--msp-ink);font-family:var(--msp-serp-font);gap:4px;padding:16px;display:grid}.msp-serp-mobile{background-color:var(--msp-mist);border-radius:18px;padding:8px}.msp-serp-mobile .msp-serp-card{border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000001f}.msp-serp-site{align-items:center;gap:10px;margin-block-end:2px;display:flex}.msp-serp-icon{border:1px solid var(--msp-rule);background-color:var(--msp-mist);block-size:26px;inline-size:26px;color:var(--msp-ink-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.msp-serp-site-text{min-width:0;display:grid}.msp-serp-name{color:var(--msp-ink);font-size:14px;line-height:20px}.msp-serp-url{color:var(--msp-ink-soft);overflow-wrap:anywhere;font-size:12px;line-height:18px}.msp-serp-title{color:var(--msp-link)}.msp-serp-description{color:var(--msp-ink-soft)}.msp-serp-desktop .msp-serp-title{--msp-lines:1}.msp-serp-mobile .msp-serp-title,.msp-serp-desktop .msp-serp-description{--msp-lines:2}.msp-serp-mobile .msp-serp-description{--msp-lines:3}.msp-og,.msp-x{background-color:var(--msp-paper);color:var(--msp-ink);font-family:var(--msp-card-font);overflow:hidden}.msp-og{border:1px solid var(--msp-rule);border-radius:8px}.msp-frame{background:repeating-linear-gradient(135deg,#0000 0 12px,#00000006 12px 24px),#e3e7eb;place-items:center;display:grid;position:relative;overflow:hidden}.msp-frame-wide{aspect-ratio:1.91}.msp-frame-image{block-size:100%;inline-size:100%;object-fit:cover;object-position:center;max-width:none;position:absolute;inset:0}.msp-frame-empty{max-inline-size:22rem;color:var(--msp-ink-soft);text-align:center;padding:12px;font-size:14px;font-weight:600;line-height:1.4}.msp-og-text{border-block-start:1px solid var(--msp-rule);background-color:#f2f4f6;gap:2px;padding:10px 12px 12px;display:grid}.msp-og-domain,.msp-x-domain{color:var(--msp-ink-muted);overflow-wrap:anywhere;font-size:12px;line-height:16px}.msp-og-domain{text-transform:uppercase;letter-spacing:.02em}.msp-og-title{--msp-lines:2;color:var(--msp-ink)}.msp-og-description{--msp-lines:2;color:var(--msp-ink-soft)}.msp-x{border:1px solid var(--msp-rule);border-radius:16px}.msp-x-frame{aspect-ratio:1.91}.msp-x-text{border-block-start:1px solid var(--msp-rule);gap:2px;padding:10px 14px 12px;display:grid}.msp-x-card-title{--msp-lines:1;color:var(--msp-ink);font-size:15px;line-height:20px}.msp-x-description{--msp-lines:2;color:var(--msp-ink-soft);font-size:15px;line-height:20px}.msp[data-card=summary] .msp-x{grid-template-columns:128px minmax(0,1fr);align-items:center;display:grid}.msp[data-card=summary] .msp-x-frame{aspect-ratio:1;border-inline-end:1px solid var(--msp-rule);align-self:stretch}.msp[data-card=summary] .msp-x-frame .msp-frame-empty{padding:6px;font-size:11px}.msp[data-card=summary] .msp-x-text{border-block-start:0}.msp[data-card=summary] .msp-x-card-title{--msp-lines:2}.msp-findings{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.msp-finding{--finding-color:var(--color-cyan);align-items:start;gap:2px var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--finding-color) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--finding-color) 6%, transparent);border-inline-start-width:3px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label""icon message";display:grid}.msp-finding[data-severity=problem]{--finding-color:var(--color-danger)}.msp-finding[data-severity=suggestion]{--finding-color:var(--color-warning)}.msp-finding-icon{fill:none;stroke:var(--finding-color);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;grid-area:icon;margin-block-start:2px}.msp-finding-label{color:var(--color-text);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;grid-area:label;font-weight:700}.msp-finding-message{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere;grid-area:message}.msp-passed{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.msp-passed:before{content:"✓ ";color:var(--color-success);font-weight:700}.msp-output-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.msp-output-heading{gap:2px;display:grid}.msp-output-head svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;flex:none}.msp-empty{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.msp-code{min-width:0;max-inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}.msp-privacy{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;display:flex}.msp-privacy svg{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.msp-measure{visibility:hidden;pointer-events:none;block-size:0;inline-size:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.msp-measure>p{inline-size:var(--msp-box,100px)}@media (pointer:coarse){.msp-segment>span,.msp-tab{min-height:2.75rem}}.page[data-astro-cid-ckql5gy3]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-ckql5gy3]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-ckql5gy3] h1[data-astro-cid-ckql5gy3]{font-size:var(--text-3xl)}.lede[data-astro-cid-ckql5gy3]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.content[data-astro-cid-ckql5gy3]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-5);display:grid}.content-section[data-astro-cid-ckql5gy3]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-ckql5gy3] h2[data-astro-cid-ckql5gy3]{color:var(--color-text);font-size:var(--text-2xl)}.wic{--wic-overlay:#050b14c7;--wic-overlay-border:#ffffff29;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-workspace);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--color-cyan) 5%, transparent), transparent 70%), var(--color-surface);box-shadow:var(--shadow-raised);display:grid;container:wic/inline-size}@media (width>=30rem){.wic{gap:var(--space-4);padding:var(--space-4)}}.wic [hidden]{display:none}.wic fieldset{border:0;min-inline-size:0;margin:0;padding:0}.wic-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);padding:0;display:block}.wic-hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-error,.wic-status[data-tone=problem]{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-error:before,.wic-status[data-tone=problem]:before{content:"! ";font-weight:700}.wic-error:empty,.wic-hint:empty,.wic-status:empty,.wic-note:empty{display:none}.wic-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-status[data-tone=ok]{color:var(--color-text)}.wic-status[data-tone=ok]:before{content:"✓ ";color:var(--color-success);font-weight:700}.wic-status[data-tone=warning]{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent)}.wic-status[data-tone=warning]:before{content:"! ";color:var(--color-warning);font-weight:700}.wic-note{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-warning{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-warning) 7%, transparent);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-warning:before{content:"! ";color:var(--color-warning);font-weight:700}.wic-field{align-content:start;gap:var(--space-2);min-width:0;display:grid}.wic-control{inline-size:100%;min-width:0;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-primary)}.wic-control:hover{border-color:color-mix(in srgb, var(--color-cyan) 45%, transparent)}.wic-control:focus-visible{outline-offset:1px}.wic-control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.wic-unit-row{align-items:center;gap:var(--space-2);max-inline-size:12rem;display:flex}.wic-unit{color:var(--color-text-secondary);font-size:var(--text-sm);flex:none;font-weight:600}.wic-range-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.wic-range-value{min-inline-size:3ch;color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;text-align:end;flex:none;font-weight:700}.wic-range{inline-size:100%;min-height:2.25rem;accent-color:var(--color-cyan);cursor:pointer;margin:0}.wic-color-row{gap:var(--space-2);max-inline-size:14rem;display:flex}.wic-swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);cursor:pointer;flex:none;block-size:2.75rem;inline-size:2.75rem;padding:.2rem}.wic-hex{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.wic-small-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-primary);font-weight:600;line-height:1.2;display:inline-flex}.wic-small-button:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.wic-small-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.wic-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);background-color:var(--color-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.wic-segment{min-width:0;display:grid;position:relative}.wic-segment input,.wic-preset input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.wic-segment>span{min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-button) - 4px);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary), color var(--duration-fast) var(--ease-primary);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.wic-segment input:hover+span{color:var(--color-text)}.wic-segment input:checked+span{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan);color:var(--color-text)}.wic-segment input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.wic-segmented-compact .wic-segment>span{min-height:2rem;font-size:var(--text-xs)}.wic-presets{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,5.75rem),1fr));display:grid}.wic-preset{min-width:0;display:grid;position:relative}.wic-preset-body{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-bg);transition:background-color var(--duration-fast) var(--ease-primary), border-color var(--duration-fast) var(--ease-primary);gap:2px;display:grid}.wic-preset-name{color:var(--color-text);font-size:var(--text-sm);font-weight:650}.wic-preset-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.wic-preset input:hover+.wic-preset-body{border-color:color-mix(in srgb, var(--color-cyan) 50%, transparent)}.wic-preset input:checked+.wic-preset-body{border-color:var(--color-cyan);background-color:color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-cyan)}.wic-preset input:checked+.wic-preset-body .wic-preset-meta{color:var(--color-text-secondary)}.wic-preset input:focus-visible+.wic-preset-body{outline:2px solid var(--color-focus);outline-offset:2px}@container wic (width<=20rem){.wic-presets{grid-template-columns:minmax(0,1fr)}.wic-preset-body{justify-content:space-between;align-items:baseline;gap:var(--space-2);grid-auto-flow:column}}@media (pointer:coarse){.wic-segment>span,.wic-segmented-compact .wic-segment>span,.wic-range,.wic-small-button{min-height:2.75rem}}.wic-topbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.wic-source{flex:14rem;gap:2px;min-width:0;display:grid}.wic-source-name{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere}.wic-source-meta{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.wic-topbar-actions,.wic-topbar-buttons{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.wic-topbar-buttons{gap:var(--space-2)}.wic-state{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-inline-end:var(--space-1);display:inline-flex}.wic-core{display:grid}.wic-main{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.wic-settings{align-content:start;gap:var(--space-3);min-width:0;display:grid}@container wic (width>=30rem){.wic-main,.wic-settings{gap:var(--space-4)}}@container wic (width>=54rem){.wic-main{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}}.wic-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised);display:grid}@container wic (width>=30rem){.wic-panel{gap:var(--space-4);padding:var(--space-4)}}.wic-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.wic-panel-title{font-size:var(--text-base);letter-spacing:-.01em}.wic-panel-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.wic-stage{inline-size:100%;aspect-ratio:var(--ratio,3 / 2);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-bg);touch-action:pan-y;user-select:none;min-block-size:15rem;max-block-size:min(68vh,42rem);transition:border-color var(--duration-fast) var(--ease-primary), box-shadow var(--duration-fast) var(--ease-primary);display:grid;position:relative;overflow:hidden}.wic-stage:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wic-stage[data-pan=true]{touch-action:none;cursor:grab}.wic-stage[data-dragging=pan]{cursor:grabbing}.wic-stage[data-dragging=split]{cursor:ew-resize}.wic[data-source=false] .wic-stage{aspect-ratio:auto;border-style:dashed;border-color:var(--color-border-strong);min-block-size:18rem}.wic[data-dragging=true] .wic-stage{border-color:var(--color-cyan);box-shadow:0 0 0 2px var(--color-cyan)}.wic[data-source=false][data-dragging=true] .wic-stage{background-color:color-mix(in srgb, var(--color-cyan) 8%, var(--color-bg))}.wic[data-dragging=true][data-source=true] .wic-stage:after{content:"Drop to replace the image";inset:auto var(--space-3) var(--space-3);z-index:3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background-color:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);text-align:center;font-weight:600;position:absolute}.wic-dropzone{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;display:grid}.wic-drop-icon{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.wic-drop-accent{stroke:var(--color-cyan)}.wic-drop-title{color:var(--color-text);font-size:var(--text-lg);font-weight:650}.wic-drop-choose{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.wic-drop-or{color:var(--color-text-muted);font-size:var(--text-sm)}.wic-drop-meta{max-inline-size:26rem;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.wic-canvas{block-size:100%;inline-size:100%;position:absolute;inset:0}.wic-tag,.wic-stage-note{z-index:2;max-inline-size:calc(50% - var(--space-4));padding:var(--space-1) var(--space-2);border:1px solid var(--wic-overlay-border);border-radius:var(--radius-pill);background-color:var(--wic-overlay);color:var(--color-text);font-size:var(--text-xs);overflow-wrap:anywhere;pointer-events:none;font-weight:650;line-height:1.3;position:absolute}.wic-tag{top:var(--space-2)}.wic-tag-original{left:var(--space-2)}.wic-tag-optimized{right:var(--space-2);text-align:end;max-inline-size:calc(100% - 7rem)}.wic-stage-note{right:var(--space-3);bottom:var(--space-3);max-inline-size:calc(100% - var(--space-6));border-radius:var(--radius-control);font-weight:600}.wic-split{top:0;bottom:0;left:var(--split,50%);z-index:2;cursor:ew-resize;touch-action:none;place-items:center;inline-size:2.75rem;display:grid;position:absolute;transform:translate(-50%)}.wic-split:before{content:"";background-color:var(--color-cyan);inline-size:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000008c}.wic-split-grip{border:2px solid var(--color-cyan);background-color:var(--wic-overlay);block-size:2rem;inline-size:2rem;color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 2px 8px #00000080}.wic-split-grip svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.wic-split:focus-visible{outline:none}.wic-split:focus-visible .wic-split-grip{outline:2px solid var(--color-focus);outline-offset:3px}.wic-viewer-bar{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.wic-zoom{flex:none;min-inline-size:min(100%,15rem)}.wic-viewer-bar .wic-hint{flex:14rem}.wic-result{gap:var(--space-3);transition:opacity var(--duration-fast) var(--ease-primary);display:grid}.wic-result[data-stale=true]{opacity:.6}.wic-result-sizes{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.wic-sizes{color:var(--color-text);font-size:var(--text-xl);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700}.wic-change{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:650}.wic-change[data-kind=smaller]:before{content:"↓ ";color:var(--color-success)}.wic-change[data-kind=larger]:before{content:"↑ ";color:var(--color-warning)}.wic-meter{border-radius:var(--radius-pill);background-color:var(--color-bg);block-size:.5rem;position:relative;overflow:hidden}.wic-meter-small{block-size:.375rem}.wic-meter-fill{inline-size:var(--fill,0%);border-radius:inherit;background:var(--gradient-accent);block-size:100%;transition:inline-size var(--duration-normal) var(--ease-primary);display:block}.wic-meter[data-kind=larger] .wic-meter-fill{background:var(--color-warning)}.wic-facts{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));margin:0;display:grid}.wic-fact{gap:2px;min-width:0;display:grid}.wic-fact-wide{grid-column:1/-1}.wic-fact dt,.wic-about-item dt{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.wic-fact dd,.wic-about-item dd{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.wic-download{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.wic-download-button svg,.wic-share-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.wic-filename{font-family:var(--font-mono);flex:12rem}.wic-lossy,.wic-mode-panel{gap:var(--space-3);min-width:0;display:grid}@container wic (width>=30rem){.wic-lossy,.wic-mode-panel{gap:var(--space-4)}}.wic-target-status{font-size:var(--text-sm)}.wic-background{gap:var(--space-2)}.wic-bounds{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));display:grid}.wic-bounds-hint{grid-column:1/-1}.wic-dimensions{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.wic-lab-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.wic-lab-heading{gap:2px;display:grid}.wic-lab-list{gap:var(--space-3);transition:opacity var(--duration-fast) var(--ease-primary);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));margin:0;padding:0;list-style:none;display:grid}.wic[data-lab-stale=true] .wic-lab-list{opacity:.55}.wic-lab-row{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);display:grid}.wic-lab-row[data-best=true]{border-color:var(--color-cyan);box-shadow:inset 0 0 0 1px var(--color-cyan)}.wic-lab-top{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.wic-lab-format{color:var(--color-text);font-size:var(--text-base);font-weight:700}.wic-lab-pick{padding:1px var(--space-2);border:1px solid var(--color-cyan);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-xs);font-weight:650}.wic-lab-badge{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:650}.wic-lab-size{color:var(--color-text);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:700}.wic-lab-row[data-state=failed] .wic-lab-size{color:var(--color-danger);font-size:var(--text-base)}.wic-lab-meta{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}.wic-lab-row .wic-small-button{margin-top:var(--space-1);justify-self:start}.wic-recommendation{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-cyan) 35%, transparent);border-inline-start:3px solid var(--color-cyan);border-radius:var(--radius-control);background-color:color-mix(in srgb, var(--color-cyan) 5%, var(--color-surface));display:grid}.wic-rec-title{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.wic-rec-headline{color:var(--color-text);font-size:var(--text-base);font-weight:600;line-height:var(--leading-snug)}.wic-rec-notes{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0;padding-inline-start:var(--space-4);display:grid}.wic-about-list{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:0;display:grid}.wic-about-item{align-content:start;gap:2px;min-width:0;display:grid}.wic-about-item dd{color:var(--color-text-secondary);line-height:var(--leading-snug)}.wic-privacy{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;display:flex}.wic-privacy svg{fill:none;stroke:var(--color-cyan);stroke-width:1.5px;stroke-linejoin:round;flex:none}.page[data-astro-cid-5gfai7y4]{gap:var(--space-5);padding-block:var(--space-5) var(--space-6);display:grid}.intro[data-astro-cid-5gfai7y4]{justify-items:start;gap:var(--space-3);display:grid}.intro[data-astro-cid-5gfai7y4] h1[data-astro-cid-5gfai7y4]{font-size:var(--text-3xl)}.lede[data-astro-cid-5gfai7y4]{max-width:40rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.companion[data-astro-cid-5gfai7y4]{color:var(--color-text-secondary);font-size:var(--text-sm)}.companion[data-astro-cid-5gfai7y4] a{color:var(--color-cyan);font-weight:600}.content[data-astro-cid-5gfai7y4]{gap:var(--space-6);max-width:46rem;margin-top:var(--space-4);display:grid}.content-section[data-astro-cid-5gfai7y4]{gap:var(--space-3);min-width:0;color:var(--color-text-secondary);display:grid}.content-section[data-astro-cid-5gfai7y4] h2[data-astro-cid-5gfai7y4]{color:var(--color-text);font-size:var(--text-2xl)}