@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/source-serif-4-latin-600-normal.DouSKlru.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations")}:root{--display:"Source Serif 4", Georgia, serif;--body:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--bg:#fff;--tint:#f7f7fa;--ink:#202033;--soft:#5a5a72;--line:#dcdce7;--brand:#3526a8;--brand-deep:#28197f;--brand-wash:#ece9fa;--on-brand:#fff;--ok:#0b7a4b;--sheet:#fff;--sheet-ink:#202033;--scrim:#202033;--radius-box:8px;--radius-drop:10px;--radius-btn:6px;--radius-pill:999px;--border-w:1px;--border-w-strong:2px;--border-accent:3px;--border-accent-lg:4px;--focus-ring:3px solid var(--brand);--text-xs:.875rem;--text-sm:.9375rem;--text-md:1rem;--text-base:1.0625rem;--text-lg:1.2rem;--text-h3-sm:1.15rem;--text-input:1rem;--text-h2:clamp(1.65rem, 1.2rem + 1.8vw, 2.35rem);--text-h2-sm:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-h1:clamp(1.95rem, 1.2rem + 3.2vw, 3.25rem);--text-h1-fit:min(var(--text-h1), calc((100vw - 2 * var(--gutter)) / 13.8));--text-wordmark:1.35rem;--text-drop:1.4rem;--text-q:1.15rem;--text-plus:1.5rem;--text-kb:2.2rem;--text-num:2rem;--leading-body:1.65;--leading-h1:1.1;--leading-h2:1.18;--tracking-display:-.01em;--opacity-soft:.88;--measure:42rem;--measure-sub:36rem;--measure-h1:60rem;--measure-faq:48rem;--measure-priv:44rem;--measure-author:46rem;--bar-w:2.5rem;--bar-gap:.9rem;--dot:.3rem;--hero-overlap:3.75rem;--mark:2.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--section-gap:clamp(3rem, 2rem + 4vw, 5.5rem);--pad-hero:clamp(2rem, 1rem + 3vw, 3.4rem);--pad-cta:clamp(2.8rem, 2rem + 3vw, 4.2rem);--pad-tail:clamp(2.5rem, 2rem + 3vw, 4.5rem);--pad-panel:clamp(1.3rem, .8rem + 1.6vw, 2rem);--indent:1.25em;--header-h:4.5rem;--container:70rem;--container-prose:42rem;--gutter:1rem;--tap:2.75rem;--tap-lg:3rem;--bar-h:4.5rem;--stage-h:clamp(17.5rem, 8rem + 30vw, 22rem);--preview-h:9.5rem;--ratio:2.3333;--cluster:var(--space-3);--z-sticky:20;--z-sheet:40}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121127;--tint:#191836;--ink:#eeedff;--soft:#b9b7da;--line:#2d2b55;--brand:#a98fff;--brand-deep:#c9baff;--brand-wash:#272255;--on-brand:#15123a;--ok:#5fd9a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121127;--tint:#191836;--ink:#eeedff;--soft:#b9b7da;--line:#2d2b55;--brand:#a98fff;--brand-deep:#c9baff;--brand-wash:#272255;--on-brand:#15123a;--ok:#5fd9a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--space-5)}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3{font-family:var(--display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-weight:600}h1{font-size:var(--text-h1);line-height:var(--leading-h1)}h2{font-size:var(--text-h2);line-height:var(--leading-h2)}h3{font-size:var(--text-lg);line-height:1.3}p{text-wrap:pretty;margin:0}a{color:var(--brand-deep);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration:underline}:focus-visible{outline:var(--focus-ring);outline-offset:2px}img,svg,canvas{max-width:100%}small{font-size:var(--text-xs)}button,input,select{font:inherit;color:inherit}ul,ol{padding-left:var(--indent)}output,.data{font-variant-numeric:tabular-nums}svg.sig{width:100%;height:100%;display:block}.prose{gap:var(--space-4);display:grid}.prose .s-head{margin-bottom:0;margin-top:var(--space-5)}.prose p{color:var(--soft)}@media print{.site-header,.site-footer,.sticky-bar{display:none}}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));margin-inline:auto}.container-prose{width:100%;max-width:var(--container-prose);padding-inline:max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));margin-inline:auto}.cluster{align-items:center;gap:var(--cluster);flex-wrap:wrap;display:flex}.visually-hidden{width:1px;height:1px;margin:calc(-1 * var(--border-w));clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-3);z-index:var(--z-sheet);background:var(--bg);color:var(--ink);padding:var(--space-2) var(--space-4);border:var(--border-w) solid var(--ink);border-radius:var(--radius-btn);position:absolute;top:-5rem}.skip-link:focus{top:var(--space-3)}.sprite{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--soft)}.btn{min-height:var(--tap-lg);padding:var(--space-3) var(--space-5);border:var(--border-w) solid var(--brand);border-radius:var(--radius-btn);background:var(--brand);color:var(--on-brand);font-family:var(--body);font-weight:600;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--on-brand);text-decoration:none}.btn-secondary,.btn-ghost{background:var(--bg);color:var(--ink);border-color:var(--line)}.btn-secondary:hover,.btn-ghost:hover{background:var(--tint);border-color:var(--line);color:var(--ink)}.btn-invert{background:var(--bg);border-color:var(--bg);color:var(--brand-deep)}.btn-invert:hover{background:var(--tint);border-color:var(--tint);color:var(--brand-deep)}.btn-small{min-height:var(--tap);padding:var(--space-2) var(--space-4);font-size:var(--text-md)}.btn[disabled]{opacity:.45;pointer-events:none}.link-btn{padding:var(--space-2) 0;min-height:var(--tap);color:var(--brand-deep);font-size:var(--text-sm);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;font-weight:500;text-decoration:underline}.chip{min-height:2.5rem;padding:var(--space-1) var(--space-4);border:var(--border-w) solid var(--line);border-radius:var(--radius-pill);background:var(--bg);color:var(--ink);font-weight:500;font-size:var(--text-md);cursor:pointer;align-items:center;display:inline-flex}.chip:hover{border-color:var(--soft)}.chip[aria-pressed=true]{background:var(--brand-wash);border-color:var(--brand);color:var(--brand-deep);font-weight:700}.field{gap:var(--space-1);margin-bottom:var(--space-3);align-content:start;min-width:0;display:grid}.field label,.slider label{font-size:var(--text-sm);color:var(--soft)}.field-wide{grid-column:1/-1}input[type=text],input[type=number],select{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);background:var(--bg);color:var(--ink);border:var(--border-w) solid var(--line);border-radius:var(--radius-btn);font-size:var(--text-input)}input:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:1px;border-color:var(--brand)}input:disabled{opacity:.5}.grid{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check{align-items:center;gap:var(--space-3);min-height:var(--tap);font-size:var(--text-md);display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--brand)}.slider{padding:var(--space-2) 0}.slider-head{align-items:baseline;gap:var(--space-3);display:flex}.slider-head label{color:var(--ink);font-size:var(--text-md);font-weight:600}.slider-head output{color:var(--soft);font-size:var(--text-md);margin-right:auto}.slider input[type=range],.toolbar input[type=range]{width:100%;min-height:var(--tap);accent-color:var(--brand)}.sliders{gap:0 var(--space-6);grid-template-columns:1fr;display:grid}.tablist{border-bottom:var(--border-w) solid var(--line);margin-bottom:var(--space-4);display:flex}.tablist [role=tab]{min-height:var(--tap);padding:var(--space-2) var(--space-4);border:0;border-bottom:var(--border-accent) solid transparent;margin-bottom:calc(-1 * var(--border-w));color:var(--soft);font-weight:600;font-size:var(--text-md);cursor:pointer;background:0 0;flex:0 auto}.tablist [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand)}.tablist [role=tab][disabled]{opacity:.4;cursor:not-allowed}.ruler{gap:var(--space-1);display:grid}.ruler-top{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-height:2.6rem;display:flex}.ruler-top strong{font-family:var(--display);font-weight:600;font-size:var(--text-kb);font-variant-numeric:tabular-nums;line-height:1.2}.ruler-top span{font-size:var(--text-sm);color:var(--soft);text-align:right}.ruler-svg{width:100%;height:2rem;display:block;overflow:visible}.ruler-track{fill:var(--line)}.ruler-band{fill:var(--ok)}.ruler-ticks{stroke:var(--soft);stroke-width:1px;fill:none}.ruler-needle{stroke:var(--brand);stroke-width:3px;fill:none}.ruler-head{fill:var(--brand)}.ruler.is-bad .ruler-needle{stroke:var(--ink)}.ruler.is-bad .ruler-head{fill:var(--ink)}.ruler-labels{height:1.25rem;font-size:var(--text-xs);color:var(--soft);position:relative}.ruler-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.ruler-labels span:first-child{transform:none}.ruler-labels span:last-child{transform:translate(-100%)}.checks{margin:0;padding:0;list-style:none;display:grid}.checks li{gap:var(--space-3);font-size:var(--text-md);padding-block:var(--space-2);grid-template-columns:1.1rem 1fr auto;align-items:center;display:grid}.checks li small{color:var(--soft);grid-column:2/-1}.checks .dot{border-radius:var(--radius-pill);border:1.5px solid var(--soft);background:0 0;width:1.05rem;height:1.05rem}.checks .is-ok .dot{background:var(--ok);border-color:var(--ok)}.checks .is-warn .dot{background:var(--brand);border-color:var(--brand)}.checks .is-fail .dot{background:var(--ink);border-color:var(--ink)}.checks code{font-family:inherit;font-size:var(--text-sm);color:var(--soft);font-variant-numeric:tabular-nums}.notice{padding:var(--space-2) var(--space-3);border-left:var(--border-accent) solid var(--brand);background:var(--brand-wash);border-radius:var(--radius-btn);font-size:var(--text-sm);max-width:none;margin:0;line-height:1.45}.notice.is-reject{border-color:var(--ink);font-weight:600}.badge{padding:0 var(--space-2);margin-right:var(--space-2);border-radius:var(--radius-btn);font-weight:700;font-size:var(--text-xs);background:var(--brand-wash);color:var(--brand-deep);white-space:nowrap;display:inline-block}@media (width>=48rem){.sliders{grid-template-columns:1fr 1fr}}.site-header{background:var(--bg);border-bottom:var(--border-w) solid var(--line);z-index:var(--z-sticky);position:relative}.header-bar{align-items:center;gap:var(--space-6);min-height:var(--header-h);display:flex}.brand{min-height:var(--tap);color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.logo{align-items:center;gap:var(--space-3);display:inline-flex}.logo-mark{width:var(--mark);height:var(--mark);flex:none}.lm-tile{fill:var(--brand)}.lm-pen,.lm-rule{fill:none;stroke:var(--on-brand);stroke-linecap:round;stroke-linejoin:round}.lm-pen{stroke-width:4.4px}.lm-rule{stroke-width:2.6px}.wordmark{font-family:var(--display);font-weight:600;font-size:var(--text-wordmark);letter-spacing:var(--tracking-display);white-space:nowrap;line-height:1}.wm-a{color:var(--ink)}.wm-b{color:var(--brand)}.site-header ul{margin:0;padding:0;list-style:none}.site-nav{margin-left:auto;display:none}.site-nav ul{gap:0 var(--space-6);display:flex}.site-nav a{min-height:var(--tap);color:var(--ink);font-size:var(--text-md);border-bottom:var(--border-w-strong) solid transparent;align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover{border-bottom-color:var(--brand)}.menu{margin-left:auto;position:relative}.menu summary{cursor:pointer;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--line);border-radius:var(--radius-btn);font-weight:600;font-size:var(--text-md);align-items:center;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu-list{right:0;top:calc(100% + var(--space-2));min-width:12rem;padding:var(--space-1);background:var(--bg);border:var(--border-w) solid var(--line);border-radius:var(--radius-box);display:grid;position:absolute}.menu-list a{padding:var(--space-3);color:var(--ink);border-radius:var(--radius-btn);text-decoration:none;display:block}.menu-list a:hover{background:var(--tint)}.tone-white{background:var(--bg)}.tone-tint{background:var(--tint)}.tone-brand{background:var(--brand);color:var(--on-brand)}.section{position:relative}.space-section{padding-block:var(--section-gap)}.space-hero{padding-block:var(--pad-hero) var(--space-5)}.space-cta{padding-block:var(--pad-cta)}.space-tail{padding-block:var(--pad-tail) var(--space-4)}.space-lead{padding-block:var(--space-4) var(--pad-tail)}.space-tool{padding-block:0 var(--section-gap)}.space-tool:before{content:"";height:var(--hero-overlap);background:var(--tint);position:absolute;inset:0 0 auto}.space-tool>.container{position:relative}.s-head{gap:var(--space-2);max-width:var(--measure);margin-bottom:var(--space-6);display:grid}.s-head h2:before{content:"";width:var(--bar-w);height:var(--border-accent);background:var(--brand);margin-bottom:var(--bar-gap);display:block}.s-head p{color:var(--soft)}.s-head.center{text-align:center;margin-inline:auto}.s-head.center h2:before{margin-inline:auto}.s-head.small h2{font-size:var(--text-h2-sm)}.s-head.tight{margin-bottom:var(--space-3)}.hero{gap:var(--space-4);text-align:center;justify-items:center;display:grid}.hero h1{max-width:var(--measure-h1)}.hero h1.h1-fit{font-size:var(--text-h1-fit)}.lead{font-size:var(--text-lg);color:var(--soft);max-width:var(--measure-sub);line-height:1.55}.hero .meta{color:var(--soft);font-size:var(--text-sm)}.trust{justify-content:center;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--soft);flex-wrap:wrap;display:flex}.trust span+span:before{content:"";width:var(--dot);height:var(--dot);border-radius:var(--radius-pill);background:var(--brand);margin-right:var(--space-4);vertical-align:middle;display:inline-block}.strip{border:var(--border-w) solid var(--line);border-radius:var(--radius-box);background:var(--bg);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cell{padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-2);align-content:start;display:grid}.cell+.cell{border-top:var(--border-w) solid var(--line)}.cell .n{font-family:var(--display);font-weight:600;font-size:var(--text-num);color:var(--brand);margin-bottom:var(--space-1);line-height:1}.cell p{color:var(--soft)}.rows{border-bottom:var(--border-w) solid var(--line)}.row-item{padding-block:var(--space-5);border-top:var(--border-w) solid var(--line);gap:var(--space-1);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.row-item h3{font-size:var(--text-h3-sm)}.row-item .says{font-family:var(--display);font-style:italic;font-size:var(--text-md);color:var(--soft)}.row-item p.fix{color:var(--soft);margin-top:var(--space-2)}.tips{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.tip{gap:var(--space-2);border-top:var(--border-w-strong) solid var(--brand);padding-top:var(--space-4);align-content:start;display:grid}.tip p{color:var(--soft)}.tbl{border:var(--border-w) solid var(--line);border-radius:var(--radius-box);background:var(--bg);overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:38rem;font-size:var(--text-md)}.tbl table.sz{min-width:44rem}.tbl th,.tbl td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:var(--border-w) solid var(--line);vertical-align:top}.tbl thead th{font-size:var(--text-xs);color:var(--soft);background:var(--tint);font-weight:700}.tbl tbody th{font-weight:400}.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}.tbl td.data,.tbl table.sz td:first-child,.tbl table.sz td:last-child{white-space:nowrap}.tbl table.sz td:first-child{font-weight:700}.tbl small{margin-top:var(--space-1);color:var(--soft);font-size:var(--text-xs);display:block}.fine-note{margin-top:var(--space-4);max-width:var(--measure-author);font-size:var(--text-sm);color:var(--soft)}.faq{max-width:var(--measure-faq);border-top:var(--border-w) solid var(--line);margin-inline:auto}.faq details{border-bottom:var(--border-w) solid var(--line)}.faq summary{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-height:var(--tap);padding-block:var(--space-4);font-family:var(--display);font-weight:600;font-size:var(--text-q);cursor:pointer;line-height:1.35;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);font-size:var(--text-plus);flex:none;line-height:1}.faq details[open] summary{color:var(--brand-deep)}.faq details[open] summary:after{content:"−"}.faq details p{padding-bottom:var(--space-4);color:var(--soft)}.priv{max-width:var(--measure-priv);text-align:center;gap:var(--space-3);margin-inline:auto;display:grid}.priv p{color:var(--soft)}.author{max-width:var(--measure-author);border:var(--border-w) solid var(--line);border-left:var(--border-accent-lg) solid var(--brand);border-radius:var(--radius-box);padding:var(--space-5) var(--space-5);gap:var(--space-2);background:var(--bg);margin-inline:auto;display:grid}.author p{color:var(--soft)}.author .meta{font-size:var(--text-sm)}.closing{gap:var(--space-4);text-align:center;justify-items:center;display:grid}.closing p{opacity:var(--opacity-soft);max-width:var(--measure-sub)}.site-footer{background:var(--bg);border-top:var(--border-w) solid var(--line)}.footer-grid{gap:var(--space-6);padding-block:var(--space-7) var(--space-6);font-size:var(--text-md);grid-template-columns:minmax(0,1fr);display:grid}.footer-about{margin-top:var(--space-4);color:var(--soft);max-width:24rem}.site-footer h3{margin:0 0 var(--space-3);font-family:var(--body);font-weight:700;font-size:var(--text-md);letter-spacing:0}.site-footer ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.site-footer a:not(.brand){color:var(--soft);text-decoration:none}.site-footer a:not(.brand):hover{color:var(--ink);text-decoration:underline}.footer-bottom{border-top:var(--border-w) solid var(--line);padding-block:var(--space-4) var(--space-5);justify-content:space-between;gap:var(--space-4);color:var(--soft);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.breadcrumb ol{gap:var(--space-2);margin:0 0 var(--space-5);font-size:var(--text-sm);padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2);color:var(--soft)}.breadcrumb a{color:var(--soft)}.toc{margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);border:var(--border-w) solid var(--line);border-radius:var(--radius-box)}.toc-title{font-size:var(--text-base);margin-bottom:var(--space-2)}.toc ul{padding-left:var(--indent);font-size:var(--text-md);margin:0}@media (width>=30rem){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}}@media (width>=48rem){.site-nav{display:block}.menu{display:none}.row-item{column-gap:var(--space-7);grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}.row-item h3{grid-column:1}.row-item .says{grid-area:2/1}.row-item p.fix{grid-area:1/2/3;margin-top:0}.tips{gap:var(--space-6) var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.cell{padding:var(--space-6)}.cell+.cell{border-top:0;border-left:var(--border-w) solid var(--line)}.footer-grid{gap:var(--space-7);grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:first-child{grid-column:auto}}.tool{background:var(--bg);border:var(--border-w) solid var(--line);border-top:var(--border-accent) solid var(--brand);border-radius:var(--radius-box);grid-template-columns:minmax(0,1fr);display:grid;overflow:clip}.panel{padding:var(--pad-panel);gap:var(--space-4);background:var(--bg);align-content:start;min-width:0;display:grid}.ptitle{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:1.6rem;font-weight:600;font-size:var(--text-base);display:flex}.ptitle .link-btn{min-height:0;padding:0}.ptitle>span:first-child{flex:none}.ptitle .data{min-width:0;font-weight:400;font-size:var(--text-sm);color:var(--soft);text-align:right}.ptitle .link-btn{font-size:var(--text-md)}.group{gap:var(--space-2);display:grid}.lbl{font-size:var(--text-sm);font-weight:700}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.stage{height:var(--stage-h);scroll-margin-top:var(--space-5);place-items:center;display:grid;position:relative}.drop{display:contents}.sigbox{text-align:center;border:var(--border-w-strong) dashed var(--brand);border-radius:var(--radius-drop);background:var(--brand-wash);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.stage.is-over .sigbox{border-style:solid}.prompt{gap:var(--space-1);padding:var(--space-4);justify-items:center;display:grid}.prompt strong{font-family:var(--display);font-weight:600;font-size:var(--text-drop);color:var(--ink);line-height:1.25}.prompt>span{font-size:var(--text-sm);color:var(--soft)}.drop-actions{--cluster:var(--space-3);margin-top:var(--space-3);justify-content:center}.stage.has-image{border:var(--border-w) solid var(--line);border-radius:var(--radius-drop);background:var(--tint);overflow:hidden}.stage.has-image .drop{display:none}.loading{z-index:1;place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;border:var(--border-w-strong) dashed var(--brand);border-radius:var(--radius-drop);background:var(--brand-wash);display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.loading strong{font-family:var(--display);font-weight:600;font-size:var(--text-drop);color:var(--ink);line-height:1.25}.loading>span{font-size:var(--text-sm);color:var(--soft)}.crop{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.status{min-height:1.6em;font-size:var(--text-md);margin:0}.status.is-error{color:var(--ink);font-weight:700}.hint{color:var(--soft);font-size:var(--text-md);margin:var(--space-2) 0 0}.tabs-panel{z-index:var(--z-sheet);max-height:52vh;padding:0 var(--gutter) var(--space-5);background:var(--bg);border-top:var(--border-w) solid var(--line);border-radius:var(--radius-box) var(--radius-box) 0 0;padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.tabs-panel:not(.is-open){display:none}.sheet-head{z-index:1;background:var(--bg);padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sheet-grip{border-radius:var(--radius-pill);background:var(--line);width:2.5rem;height:.3rem}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.toolbar input[type=range]{flex:1}.btn-icon{padding:var(--space-2);min-width:var(--tap)}.tabs-panel .cluster{margin-bottom:var(--space-2)}.combo{position:relative}.combo input{padding-right:var(--space-7)}.combo-btn{width:var(--tap);color:var(--soft);cursor:pointer;font-size:var(--text-base);background:0 0;border:0;position:absolute;top:0;bottom:0;right:0}#t-preset-list{z-index:var(--z-sheet);left:0;right:0;top:calc(100% + var(--space-1));padding:var(--space-1);background:var(--bg);border:var(--border-w) solid var(--line);border-radius:var(--radius-drop);max-height:18rem;margin:0;list-style:none;position:absolute;overflow:auto}#t-preset-list li{padding:var(--space-3);cursor:pointer;font-size:var(--text-md);border-radius:var(--radius-btn)}#t-preset-list li[aria-selected=true],#t-preset-list li[role=option]:hover{background:var(--brand-wash)}#t-preset-list .group{cursor:default;color:var(--soft);font-size:var(--text-xs);padding-bottom:var(--space-1)}.preset-info{margin:var(--space-2) 0 0;font-size:var(--text-md);color:var(--soft);max-width:none}.result{background:var(--tint);border-top:var(--border-w) solid var(--line)}.result.is-empty{display:none}.result-in{gap:var(--space-3);align-content:start;display:grid}.prev{height:var(--preview-h);background:var(--sheet);border:var(--border-w) solid var(--line);border-radius:var(--radius-drop);color:var(--sheet-ink);padding:var(--space-3);place-items:center;display:grid}.real-px{width:min(100%, calc((var(--preview-h) - 2 * var(--space-3) - 2px) * var(--ratio)));aspect-ratio:var(--ratio);place-items:center;display:grid;position:relative}.real-px img{object-fit:contain;background:var(--sheet);width:100%;height:100%;position:absolute;inset:0}.sample-art{width:100%;height:100%;padding:var(--space-1)}.real-empty{margin:0;display:none}.cap{min-height:1.4rem;font-size:var(--text-sm);color:var(--soft)}.result.is-empty .real-px{aspect-ratio:auto;width:100%;height:100%}.result.is-empty .sample-art{opacity:0}.result.is-empty .real-empty{text-align:center;color:var(--soft);font-size:var(--text-md);place-items:center;display:grid;position:absolute;inset:0}.result.is-empty .ruler-band,.result.is-empty .ruler-needle,.result.is-empty .ruler-head{display:none}.result.is-empty .ruler-top strong{color:var(--soft)}.result.is-empty .checks code{visibility:hidden}.result.is-empty #t-main{opacity:.45;pointer-events:none}.result.is-updating .ruler-top strong,.result.is-updating .checks code{opacity:.45}.result-meta{font-size:var(--text-sm);color:var(--soft);text-align:right;font-weight:400}.result.is-ok .result-meta{color:var(--ok);font-weight:700}.slot{min-height:6.25rem}.slot .notice{margin:0}.row{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.row .btn{white-space:nowrap;width:100%}.slip-more{align-content:flex-start;gap:0 var(--space-5);min-height:3.2rem;font-size:var(--text-sm)}.slip-more a{color:var(--brand-deep)}.sticky-bar{z-index:var(--z-sticky);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--gutter);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));background:var(--bg);border-top:var(--border-w) solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.bar-info{font-size:var(--text-md);max-width:none;margin:0 auto 0 0;display:none}.sticky-bar .btn-primary{margin-left:auto}body.has-bar{padding-bottom:var(--bar-h)}@media (width>=30rem){.bar-info{display:block}.row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (width>=48rem){.tabs-panel,.tabs-panel:not(.is-open){max-height:none;padding:var(--space-4) 0 0;border:0;border-top:var(--border-w) solid var(--line);border-radius:0;display:block;position:static;overflow:visible}.tabs-panel[hidden],.sheet-head,.sticky-bar{display:none}body.has-bar{padding-bottom:0}}@media (width>=64rem){.tool{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch}.result.is-empty{display:grid}.result{border-top:0;border-left:var(--border-w) solid var(--line)}.result-in{top:var(--space-4);align-self:start;position:sticky}}@media (width>=80rem){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid .field-wide{grid-column:span 2}}