@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-vietnamese-wdth-normal.9GtAklmW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-ext-wdth-normal.BaQ5u-C4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-wdth-normal.CHqbGEEr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hue:95;--stage-0:oklch(.17 .008 var(--hue));--stage-1:oklch(.215 .009 var(--hue));--stage-2:oklch(.27 .01 var(--hue));--stage-line:oklch(.36 .012 var(--hue));--stage-ink:oklch(.95 .01 var(--hue));--stage-muted:oklch(.76 .015 var(--hue));--bg:oklch(.985 .003 var(--hue));--surface:oklch(.955 .006 var(--hue));--ink:oklch(.2 .012 var(--hue));--ink-muted:oklch(.43 .014 var(--hue));--line:oklch(.87 .01 var(--hue));--accent:oklch(86% .17 95);--accent-deep:oklch(52% .12 85);--accent-ink:oklch(20% .03 95);--safelight:oklch(63% .2 28);--safe:oklch(80% .14 150);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--t-sm:clamp(.85rem, .82rem + .15vw, .92rem);--t-base:clamp(1rem, .96rem + .2vw, 1.0625rem);--t-lg:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--t-xl:clamp(1.55rem, 1.3rem + 1.2vw, 2.2rem);--t-2xl:clamp(2.1rem, 1.5rem + 3vw, 4rem);--r:6px;--ease:cubic-bezier(.22, 1, .36, 1);--display:"Anybody Variable", "Arial Narrow", sans-serif;--body:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--t-base)/1.6 var(--body);margin:0}canvas,img,svg{max-width:100%;display:block}a{color:var(--accent-deep);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}.bench :focus-visible,.dark-band :focus-visible,.film :focus-visible,.top :focus-visible{outline-color:var(--accent)}.faq :focus-visible,.prose :focus-visible{outline-color:var(--accent-deep)}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden}.skip,.sr-only{position:absolute}.skip{background:var(--accent);color:var(--accent-ink);padding:var(--s2) var(--s4);z-index:50;top:0;left:-999px}.skip:focus{left:var(--s2)}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 var(--s4);font-weight:750;font-stretch:125%;line-height:1.08}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl);margin-top:var(--s8)}p{text-wrap:pretty}.wrap{width:min(100% - 2rem,76rem);margin-inline:auto}.brk{margin-left:-.34em;padding:.12em .3em .08em .34em;display:inline-block;position:relative}.brk:after,.brk:before{content:"";border:0 solid var(--accent);pointer-events:none;width:.42em;height:.42em;position:absolute}.brk:before{border-top-width:3px;border-left-width:3px;top:0;left:0}.brk:after{border-bottom-width:3px;border-right-width:3px;bottom:0;right:0}.faq .brk:after,.faq .brk:before,.narrow .brk:after,.narrow .brk:before,main>div>section:not(.hero):not(.dark-band) .brk:after,main>div>section:not(.hero):not(.dark-band) .brk:before{border-color:var(--accent-deep)}.top{background:var(--stage-0);gap:var(--s4);padding:var(--s2) max(1rem,calc(50% - 38rem));z-index:20;flex-wrap:wrap;position:relative}.logo,.top{color:var(--stage-ink);align-items:center;display:flex}.logo{gap:var(--s2);font:800 1.2rem/1 var(--display);min-height:44px;font-stretch:140%;text-decoration:none}.logo svg{fill:none;width:26px;height:26px;stroke:var(--accent);stroke-width:3px}.menu-btn{color:var(--stage-ink);border:1px solid var(--stage-line);padding:0 var(--s4);min-height:44px;font:inherit;background:0 0;border-radius:999px;display:none}#nav,.menu-btn{margin-left:auto}#nav{gap:var(--s1);flex-wrap:wrap;display:flex}#nav a{color:var(--stage-muted);padding:0 var(--s3);border-radius:var(--r);align-items:center;min-height:44px;text-decoration:none;transition:color .15s;display:inline-flex}#nav a:hover{color:var(--stage-ink)}#nav a.router-link-exact-active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}@media (width<=860px){.menu-btn{align-items:center;display:inline-flex}#nav{width:100%;padding-bottom:var(--s2);flex-direction:column;display:none}#nav.open{display:flex}}.hero{padding-top:var(--s12);padding-bottom:var(--s6)}main>.hero,main>div>.hero{background:var(--stage-0);width:100%;max-width:none;color:var(--stage-ink);margin:0;padding-inline:max(1rem,50% - 38rem)}.hero .lede{color:var(--stage-muted);font-size:var(--t-lg);max-width:58ch;margin:0;line-height:1.45}.hero .lede a{color:var(--accent)}.tool-wrap{background:var(--stage-0);width:100%;max-width:none;color:var(--stage-ink);padding:0 max(1rem,calc(50% - 38rem)) var(--s12);margin:0}.film{margin-bottom:var(--s4)}.film-tabs{gap:var(--s1);scrollbar-width:none;margin-bottom:var(--s2);display:flex;overflow-x:auto}.tab{color:var(--stage-muted);font:600 var(--t-sm)/1 var(--body);padding:0 var(--s3);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px}.tab:hover{color:var(--stage-ink)}.tab[aria-pressed=true]{background:var(--stage-2);color:var(--accent)}.film-strip{background:oklch(.12 .006 var(--hue));scroll-snap-type:x proximity;background-image:radial-gradient(circle,var(--stage-0) 3px,transparent 3.5px),radial-gradient(circle,var(--stage-0) 3px,transparent 3.5px);background-position:4px 1px,4px calc(100% - 1px);background-repeat:repeat-x;background-size:16px 16px;border-radius:2px;gap:2px;padding:18px 2px;display:flex;overflow-x:auto}.frame{scroll-snap-align:start;background:var(--stage-1);width:118px;min-height:124px;color:var(--stage-muted);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:2px;flex:none;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:4px;padding:8px 8px 10px;transition:background .15s,border-color .15s;display:grid}.frame:hover,.frame[aria-checked=true]{background:var(--stage-2);color:var(--stage-ink)}.frame[aria-checked=true]{border-color:var(--accent)}.fnum{font:700 10px/1 var(--display);color:oklch(72% .12 70);letter-spacing:.06em;justify-self:start;font-stretch:150%}.shape{border:2px solid;align-self:center;width:44px;max-width:44px;max-height:44px;display:block}.frame[aria-checked=true] .shape{border-color:var(--accent);background:oklch(86% .17 95/.12)}.flabel{text-align:center;font-size:12.5px;line-height:1.2}.fdim{color:var(--stage-muted);font-size:11.5px}.bench>*{min-width:0}.bench{gap:var(--s6);grid-template-columns:minmax(0,1fr) 21rem;align-items:start;display:grid}@media (width<=900px){.bench{grid-template-columns:1fr}}.easel{border-radius:var(--r);min-width:0;padding:var(--s3);background:var(--stage-1);outline-offset:-6px;outline:2px dashed #0000;transition:outline-color .15s}.easel.over{outline-color:var(--accent)}.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(oklch(.3 .005 var(--hue)) 0 25%,oklch(.25 .005 var(--hue)) 0 50%) 0 0 /16px 16px;max-width:100%;max-height:68vh;margin-inline:auto;position:relative}.stage-img{width:100%;height:100%}.stage:has(.stage-img){width:auto}.box{cursor:move;touch-action:none}.box,.mask-wrap{position:absolute}.mask-wrap{pointer-events:none;inset:0;overflow:hidden}.mask{box-shadow:0 0 0 200vmax oklch(.1 .005 var(--hue)/.66);position:absolute}.mask.round{border-radius:50%}.box:focus-visible{outline:2px solid var(--accent);outline-offset:0}.g{pointer-events:none;background:oklch(100% 0 0/.35);position:absolute}.g1,.g2{width:1px;top:0;bottom:0}.g1{left:33.333%}.g2{left:66.666%}.g3,.g4{height:1px;left:0;right:0}.g3{top:33.333%}.g4{top:66.666%}.bracket{border:0 solid var(--accent);pointer-events:none;width:22px;height:22px;position:absolute}.bracket.tl{border-left-width:4px;left:-3px}.bracket.tl,.bracket.tr{border-top-width:4px;top:-3px}.bracket.tr{border-right-width:4px;right:-3px}.bracket.bl{border-left-width:4px;left:-3px}.bracket.bl,.bracket.br{border-bottom-width:4px;bottom:-3px}.bracket.br{border-right-width:4px;right:-3px}.box:after{content:"";pointer-events:none;border:1px solid oklch(86% .17 95/.8);position:absolute;inset:0}.box.round:after{border-radius:50%}.handle{touch-action:none;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.h-nw{cursor:nwse-resize;top:0;left:0}.h-ne{top:0;left:100%}.h-ne,.h-sw{cursor:nesw-resize}.h-sw{top:100%;left:0}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-n{top:0}.h-n,.h-s{cursor:ns-resize;left:50%}.h-s{top:100%}.h-e{left:100%}.h-e,.h-w{cursor:ew-resize;top:50%}.h-w{left:0}.h-e:before,.h-n:before,.h-s:before,.h-w:before{content:"";background:var(--accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.h-n:before,.h-s:before{width:20px;height:4px}.h-e:before,.h-w:before{width:4px;height:20px}.readout{background:oklch(.12 .006 var(--hue)/.85);color:var(--accent);font:700 12px/1 var(--display);white-space:nowrap;border-radius:3px;padding:4px 7px;font-stretch:120%;bottom:6px;left:50%;transform:translate(-50%)}.readout,.zone{pointer-events:none;position:absolute}.zone{align-items:flex-start;display:flex}.zone span{border-radius:2px;margin:3px;padding:2px 5px;font-size:11px;line-height:1.2}.zone.cover{background:oklch(63% .2 28/.34)}.zone.cover span{background:var(--safelight);color:#fff}.zone.safe{border:2px dashed var(--safe)}.zone.safe span{background:var(--safe);color:oklch(20% .05 150)}.zone.safe+.zone.safe{align-items:flex-end}.guide{border-top:2px dashed var(--safe);pointer-events:none;position:absolute;left:0;right:0}.guide span{background:var(--safe);color:oklch(20% .05 150);border-radius:2px;padding:1px 5px;font-size:11px;position:absolute;top:2px;right:4px}.guide-v{border-left:1px dashed var(--safe);pointer-events:none;position:absolute;top:0;bottom:0;left:50%}.load-row{gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.hint{color:var(--stage-muted);font-size:var(--t-sm);margin:var(--s2) 0 0}main section:not(.hero):not(.tool-wrap):not(.dark-band) .hint{color:var(--ink-muted)}.panel{gap:var(--s4)}.grp,.panel{flex-direction:column;display:flex}.grp{border:0;border-top:1px solid var(--stage-line);padding:var(--s3) 0 0;gap:var(--s3);min-width:0;margin:0}.grp legend{font:700 var(--t-sm)/1 var(--display);color:var(--stage-ink);padding:0 var(--s2) 0 0;font-stretch:130%}.field{font-size:var(--t-sm);color:var(--stage-muted);flex-direction:column;gap:4px;min-width:0;display:flex}.field b{color:var(--stage-ink);font-weight:600}input[type=number],input[type=text],select{font:inherit;color:var(--stage-ink);background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--r);min-height:44px;padding:0 var(--s3);width:100%;font-size:1rem}input::placeholder{color:oklch(.7 .012 var(--hue))}input[type=color]{border:1px solid var(--stage-line);border-radius:var(--r);background:var(--stage-2);width:100%;min-height:44px;padding:4px}input[type=range]{accent-color:var(--accent);width:100%;min-height:32px}.two{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.checks{gap:var(--s1) var(--s4);flex-wrap:wrap;display:flex}.chk{align-items:center;gap:var(--s2);min-height:40px;font-size:var(--t-sm);color:var(--stage-ink);cursor:pointer;display:inline-flex}.chk input{accent-color:var(--accent);width:18px;height:18px}.note{font-size:var(--t-sm);color:var(--stage-muted);margin:0}.note.warn{color:oklch(80% .13 55)}.btnrow{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.btn{font:600 var(--t-sm)/1.1 var(--body);min-height:44px;padding:0 var(--s4);border:1px solid var(--stage-line);background:var(--stage-2);color:var(--stage-ink);cursor:pointer;border-radius:999px;transition:background .15s,border-color .15s,transform .1s}.btn:hover{border-color:var(--stage-muted)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;pointer-events:none}.btn.icon{padding:0 var(--s2);border-radius:var(--r);white-space:nowrap}.btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:oklch(90% .16 95);border-color:oklch(90% .16 95)}.btn-ghost{background:0 0}.btn.big{min-height:54px;font-size:1.05rem;font-family:var(--display);font-weight:750;font-stretch:120%}.seg{border:1px solid var(--stage-line);gap:2px;padding:3px;display:flex}.seg,.seg button{border-radius:999px}.seg button{min-height:40px;color:var(--stage-muted);font:600 13px/1.1 var(--body);cursor:pointer;padding:0 var(--s2);background:0 0;border:0;flex:1}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.result{gap:var(--s3);font-size:var(--t-sm);color:var(--stage-muted);align-items:center;display:flex}.result img{-o-object-fit:contain;object-fit:contain;background:var(--stage-2);width:72px;height:72px}.result img.round{border-radius:50%}.link,.panel a,.result a{color:var(--accent)}.link{font:inherit;font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.alt{border-top:1px solid var(--stage-line);padding-top:var(--s3)}.alt summary{cursor:pointer;color:var(--stage-ink);align-items:center;gap:var(--s2);min-height:44px;font-weight:600;list-style:none;display:flex}.alt summary:before{content:"+";border:1px solid var(--accent);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.alt[open] summary:before{content:"−"}.alt-body,.alt-out{gap:var(--s3);flex-direction:column;display:flex}.alt-out{background:var(--stage-2);padding:var(--s3);border-radius:var(--r)}.alt-out b{color:var(--accent);font-size:12px}.alt-out p{margin:2px 0}.skeleton{gap:6px;display:grid}.skeleton i{background:var(--stage-2);border-radius:3px;height:12px;animation:1.2s ease-in-out infinite pulse}.skeleton i:nth-child(2){width:80%}.skeleton i:nth-child(3){width:60%}@keyframes pulse{50%{opacity:.45}}.batch{gap:var(--s4);flex-direction:column;display:flex}.batch-controls{gap:var(--s3) var(--s4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:end;display:grid}.drop{border:2px dashed var(--stage-line);border-radius:var(--r);padding:var(--s6);text-align:center;background:var(--stage-1);align-items:center;gap:var(--s2);flex-direction:column;display:flex}.drop p{margin:0}.drop.over{border-color:var(--accent)}.thumbs{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.thumb{background:var(--stage-2);cursor:crosshair;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb img{-o-object-fit:fill;object-fit:fill;width:100%;height:100%}.thumb{isolation:isolate}.keep{border:2px dashed var(--accent);box-shadow:0 0 0 200px oklch(.1 .005 var(--hue)/.55);pointer-events:none;position:absolute}.dot,.keep.round{border-radius:50%}.dot{background:var(--accent);pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 2px oklch(15% 0 0)}.tmeta{gap:0 var(--s2);color:var(--stage-muted);flex-wrap:wrap;align-items:center;padding-top:4px;font-size:12px;display:flex}.tname{text-overflow:ellipsis;white-space:nowrap;color:var(--stage-ink);flex:100%;overflow:hidden}.batch-go{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.calc{gap:var(--s6);flex-direction:column;max-width:52rem;display:flex}.calc-row{gap:var(--s3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1.3fr);align-items:end;display:grid}.calc-row .x{color:var(--stage-muted);padding-bottom:10px}.ratio-out b{font:800 var(--t-xl)/1 var(--display);color:var(--accent);font-stretch:130%;display:block}.ratio-out small{color:var(--stage-muted)}@media (width<=640px){.calc-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.calc-row>:last-child{grid-column:1/-1}}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{min-height:40px;padding:0 var(--s4);border:1px solid var(--stage-line);background:var(--stage-2);color:var(--stage-ink);font:600 13px/1 var(--body);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px}.chip:hover{border-color:var(--stage-muted)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}main>div>section:not(.hero):not(.tool-wrap):not(.dark-band){padding-block:var(--s8)}.prose-grid{gap:var(--s12);grid-template-columns:minmax(0,1fr) 17rem;align-items:start;display:grid}@media (width<=860px){.prose-grid{gap:var(--s6);grid-template-columns:1fr}}.prose{max-width:68ch}.prose h2:first-child{margin-top:0}.steps{gap:var(--s3);padding-left:1.4em;display:grid}.steps li::marker{font-family:var(--display);color:var(--accent-deep);font-weight:800}.more-tools{background:var(--surface);padding:var(--s4) var(--s6);border-radius:var(--r);flex-direction:column;display:flex}.more-tools h2{font-size:var(--t-lg);margin:var(--s2) 0 var(--s2)}.more-tools a{color:var(--ink);padding:var(--s2) 0;border-top:1px solid var(--line);align-items:center;min-height:44px;text-decoration:none;display:flex}.more-tools a:hover{color:var(--accent-deep);text-decoration:underline}.table-wrap{overflow-x:auto}.specs{border-collapse:collapse;width:100%;font-size:var(--t-sm);min-width:32rem}.specs td,.specs th{text-align:left;padding:var(--s3) var(--s4) var(--s3) 0;border-bottom:1px solid var(--line);vertical-align:top}.specs thead th{font-family:var(--display);color:var(--ink-muted);font-size:13px;font-stretch:120%}.specs tbody th,.specs td.num{font-weight:600}.specs td.num{white-space:nowrap}.specs a{color:var(--ink)}.dark-band{width:100%;max-width:none;margin:var(--s8) 0 0;background:var(--stage-0);color:var(--stage-ink);padding:var(--s12) max(1rem,calc(50% - 38rem))}.dark-band h2{margin-top:0}.tool-wrap+.dark-band{border-top:1px solid var(--stage-line);margin-top:0}.two>*{min-width:0}.dark-band .prose{color:var(--stage-muted)}.dark-band a{color:var(--accent)}.explainer{margin:var(--s6) 0;gap:var(--s6) var(--s8);grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:center;display:grid}@media (width<=860px){.explainer{grid-template-columns:1fr}}.ex-controls{gap:var(--s4);flex-direction:column;display:flex}.ex-controls fieldset{border:0;margin:0;padding:0}.ex-controls legend{font-size:var(--t-sm);color:var(--stage-muted);margin-bottom:var(--s2)}.ex-stage{background:var(--stage-1);border-radius:var(--r);min-height:290px;padding:var(--s4);overflow:hidden}.ex-frame,.ex-stage{place-items:center;display:grid}.ex-frame{outline:3px solid var(--accent);outline-offset:0;position:relative}.ex-frame,.ex-photo{transition:width .4s var(--ease),height .4s var(--ease)}.ex-photo{background:url(../sample.jpg) 50%/100% 100%;flex:none}.ex-frame:has(.ex-photo.fill){overflow:visible}.ex-photo.fill{position:relative;-webkit-mask:none;mask:none}.ex-frame .ex-photo.fill{box-shadow:none}.ex-frame:has(.fill):after{content:"";outline:200vmax solid oklch(.215 .009 var(--hue)/.72);pointer-events:none;position:absolute;inset:0}.ex-frame:has(.pad){background:repeating-linear-gradient(45deg,var(--stage-2) 0 6px,var(--stage-1) 6px 12px)}.explainer figcaption{color:var(--stage-muted);grid-column:1/-1;max-width:70ch}.explainer figcaption b{color:var(--stage-ink)}.explainer>.field{grid-column:1/-1;max-width:26rem}.explainer svg{width:min(100%,420px);height:auto;overflow:visible}.sv-photo{fill:oklch(45% .02 95);stroke:var(--stage-ink);stroke-width:1.5px}.sv-bbox{fill:oklch(63% .2 28/.18);stroke:var(--safelight);stroke-width:2px;stroke-dasharray:6 5}.sv-keep{fill:none;stroke:var(--accent);stroke-width:3px}.legend{gap:var(--s2);font-size:var(--t-sm);color:var(--stage-muted);margin:0;padding:0;list-style:none;display:grid}.legend li{gap:var(--s2);align-items:baseline;display:flex}.legend i{flex:none;width:14px;height:14px;display:inline-block;transform:translateY(2px)}.legend b{color:var(--stage-ink)}.lg-photo{border:1.5px solid var(--stage-ink);background:oklch(45% .02 95)}.lg-bbox{border:2px dashed var(--safelight)}.lg-keep{border:3px solid var(--accent)}.faq{max-width:68ch;padding-bottom:var(--s12)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s4);min-height:52px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";font:700 1.3rem/1 var(--display);color:var(--accent-deep)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 var(--s4);color:var(--ink-muted)}.narrow{max-width:68ch;padding-block:var(--s12)}.narrow .btn{background:var(--surface);color:var(--ink);border-color:var(--line)}.foot{background:var(--stage-0);color:var(--stage-muted);padding:var(--s12) max(1rem,calc(50% - 38rem));font-size:var(--t-sm)}.foot-cols{gap:var(--s8);grid-template-columns:1fr 1fr 1.4fr;display:grid}@media (width<=760px){.foot-cols{grid-template-columns:1fr 1fr}.foot-note{grid-column:1/-1}}.foot-cols>div{flex-direction:column;display:flex}.foot b{color:var(--stage-ink);font-family:var(--display);margin-bottom:var(--s2);font-stretch:130%}.foot a{color:var(--stage-muted);align-items:center;min-height:36px;text-decoration:none;display:flex}.foot a:hover{color:var(--accent)}.foot p{margin:0 0 var(--s2);max-width:40ch}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}