@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-vietnamese-400-normal.Dpl4UHAZ.woff2)format("woff2"),url(/_astro/barlow-vietnamese-400-normal.BFeobeCK.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-ext-400-normal.HxX4XjxC.woff2)format("woff2"),url(/_astro/barlow-latin-ext-400-normal.CvBsJvxq.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-vietnamese-500-normal.zTViEIzf.woff2)format("woff2"),url(/_astro/barlow-vietnamese-500-normal.GNfB7rCE.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-ext-500-normal.DOaysfXq.woff2)format("woff2"),url(/_astro/barlow-latin-ext-500-normal.CJPcKP2Q.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-500-normal.BPAOfeC8.woff2)format("woff2"),url(/_astro/barlow-latin-500-normal.C1h8hMer.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-vietnamese-600-normal.DcjprdFV.woff2)format("woff2"),url(/_astro/barlow-vietnamese-600-normal.CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-ext-600-normal.B8NK_A3D.woff2)format("woff2"),url(/_astro/barlow-latin-ext-600-normal.DMVRjfRT.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2)format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-vietnamese-700-normal.D6euyNzi.woff2)format("woff2"),url(/_astro/barlow-vietnamese-700-normal.4Jt4k04K.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-ext-700-normal.BLuWmldJ.woff2)format("woff2"),url(/_astro/barlow-latin-ext-700-normal.CctuGmmz.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2)format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff)format("woff");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:Monocraft;src:url(/fonts/monocraft.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monocraft Fallback;src:local(Arial),local(ArialMT),local(Roboto);size-adjust:93.6%;ascent-override:93.5%;descent-override:26.7%;line-gap-override:0%}@font-face{font-family:Barlow Fallback;src:local(Arial),local(ArialMT),local(Roboto);font-weight:100 450;size-adjust:95.9%}@font-face{font-family:Barlow Fallback;src:local(Arial),local(ArialMT),local(Roboto);font-weight:451 550;size-adjust:90.7%}@font-face{font-family:Barlow Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Roboto Bold),local(Roboto-Bold);font-weight:551 650;size-adjust:90.7%}@font-face{font-family:Barlow Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Roboto Bold),local(Roboto-Bold);font-weight:651 900;size-adjust:91.7%}:root{--desk:#e2ded4;--paper:#c9c6bc;--panel:#c9c6bc;--btn:#d6d3cb;--sheet:#efe7d2;--ink:#1e1d1a;--muted:#4f4b42;--line:#a29e94;--rule:#26241f;--outline:#26241f;--hi:#f4f2ec;--lo:#8a867d;--slot:#b3afa5;--slot-lo:#6f6b63;--slot-hi:#ebe8e1;--sel:#fcfbf7;--grid:#ddd1b3;--grid5:#bfa97c;--block:#5d9a3b;--block-edge:#3b6a24;--placed:#d9d2bf;--placed-edge:#b9b09a;--placed-wash:#efe7d2a3;--axis:#d4541d;--under:#e0d6bb;--under-edge:#a8987a;--tmpl:#2f6e1c;--tmpl-ink:#fff;--tmpl-soft:#2f6e1c29;--focus:#2f6e1c;--err:#b3261e;--plastic:#2f6e1c1f;--plastic-edge:#26241f59;--sky:#a7c8ee;--shadow:0 2px 0 #1e1d1a38, 0 8px 18px #1e1d1a29;--raised:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo);--sunken:inset 2px 2px 0 var(--slot-lo), inset -2px -2px 0 var(--slot-hi);--pressed:inset 2px 2px 0 #00000052, inset -2px -2px 0 #ffffff38;--tex-ground:url(/textures/ui_ground_light.png);--tex-btn:url(/textures/ui_button_light.png);--tex-header:url(/textures/ui_header.png);--tex-foot:url(/textures/ui_bedrock.png);--title-shadow:none;--sans:"Barlow", "Barlow Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--px:"Monocraft", "Monocraft Fallback", system-ui, sans-serif;--cond:var(--sans);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--desk:#1d1e22;--paper:#34353b;--panel:#34353b;--btn:#45474e;--sheet:#27241e;--ink:#ecebe6;--muted:#bdbab0;--line:#4d4f56;--rule:#050506;--outline:#050506;--hi:#5d5f68;--lo:#17181b;--slot:#25262b;--slot-lo:#0e0f11;--slot-hi:#4a4c53;--sel:#f4f2ec;--grid:#3a3629;--grid5:#5a5240;--block:#7cc65a;--block-edge:#4f8f34;--placed:#3b372d;--placed-edge:#504a3c;--placed-wash:#1816129e;--axis:#ff9a5c;--under:#3a3528;--under-edge:#7d7157;--tmpl:#7bd24f;--tmpl-ink:#0f2408;--tmpl-soft:#7bd24f2e;--focus:#9be86f;--err:#ff9f8a;--plastic:#7bd24f1a;--plastic-edge:#00000080;--sky:#111a2e;--shadow:0 2px 0 #00000080, 0 10px 24px #00000073;--pressed:inset 2px 2px 0 #00000073, inset -2px -2px 0 #ffffff1f;--tex-ground:url(/textures/ui_ground_dark.png);--tex-btn:url(/textures/ui_button_dark.png);--tex-header:url(/textures/ui_header_dark.png);--title-shadow:none;color-scheme:dark}.ptool .paper{--sheet:#d3ccb8;--grid:#bdb294;--grid5:#968760;--plan-ink:#3d3a33;--muted:#4f4b42;--ink:#1e1d1a}.ptool .paper .xtools,.ptool .paper .actbar{--muted:#bdbab0;--ink:#ecebe6}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;font-synthesis-weight:none;background:var(--desk) var(--tex-ground) 0 0 / 64px 64px;image-rendering:pixelated}body{color:var(--ink);font:17px/1.6 var(--sans);font-variant-numeric:tabular-nums;image-rendering:auto;padding-bottom:var(--consent-h,0px);margin:0}::selection{background:color-mix(in srgb, var(--tmpl) 30%, transparent);color:var(--ink)}a{color:var(--ink);text-decoration-color:color-mix(in srgb, var(--tmpl) 75%, transparent);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--tmpl)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}*{scrollbar-color:var(--lo) transparent;scrollbar-width:thin}.wrap{max-width:1440px;margin:0 auto;padding-inline:16px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispedges;flex:none;width:18px;height:18px}header.site{background:#4a3424 var(--tex-header) 0 0 / 48px 48px repeat-x;image-rendering:pixelated;border-bottom:2px solid #150f0a}@media (prefers-color-scheme:dark){header.site{background-color:#2c2018}}header.site .wrap{flex-wrap:wrap;align-items:center;gap:4px 24px;padding-block:9px;display:flex}.brand{font:400 20px/1 var(--px);color:#fbf8f0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand img{width:32px;height:32px;image-rendering:pixelated;margin-block:-5px;display:block}nav.tools{font:600 14px/1 var(--sans);letter-spacing:0;text-transform:uppercase;flex-wrap:wrap;gap:0 10px;display:flex}nav.tools a{color:#e6dccb;padding:7px 0 6px;text-decoration:none}nav.tools a:hover{color:#fff}nav.tools a[aria-current=page]{color:#fff;box-shadow:inset 0 -3px #8fdc5c}header.site :focus-visible{outline-color:#b6f08a}nav.tools .nav-sep{background:#150f0a;flex:none;align-self:center;width:2px;height:16px;margin-inline:4px;box-shadow:2px 0 #e6dccb4d}@media (width<=900px){nav.tools{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-right:56px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}nav.tools::-webkit-scrollbar{display:none}nav.tools a{white-space:nowrap}}@media (width<=1024px){body:has(.tool) header.site nav.tools{display:none}}main{padding-block:18px 56px}h1{font:400 clamp(24px, 3.9vw, 32px)/1.18 var(--px);letter-spacing:0;text-wrap:balance;margin:0 0 6px}h2{font:400 24px/1.25 var(--px);letter-spacing:0;text-wrap:balance;margin:48px 0 10px}h3{font:400 16px/1.4 var(--px);letter-spacing:0;margin:26px 0 6px}p.lead{color:var(--muted);max-width:70ch;margin:0 0 14px}p.intro{max-width:72ch;margin:18px 0 0}.prose{max-width:800px}@media (width>=1080px){.page-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:0 48px;display:grid}.page-body>.prose{max-width:none}.page-body>.comments{flex-direction:column;max-height:calc(100dvh - 32px);display:flex;position:sticky;top:16px}.page-body>.comments .cm-title{flex:none;margin-top:0}.page-body>.comments .cm-list{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.page-body>.comments :is(.cm-status,.cm-form){flex:none}}.prose p,.prose li{max-width:70ch}.prose li+li{margin-top:4px}.prose li::marker{color:var(--tmpl)}.crumbs ol{font:600 12px/1.4 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--muted);margin-right:6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.note{color:var(--muted);font-size:15px}kbd{font:600 12px/1 var(--sans);background:var(--btn);border:2px solid var(--outline);box-shadow:inset 1px 1px 0 var(--hi), inset -1px -2px 0 var(--lo);border-radius:0;padding:2px 5px}code{font:13px/1 var(--mono);box-shadow:none;background:var(--panel);border-width:1px}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}th{font:600 12px/1.3 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--rule)}.tablewrap{background:color-mix(in srgb, var(--sheet) 70%, var(--desk));border:2px solid var(--outline);border-radius:0;overflow-x:auto;box-shadow:inset 2px 2px #0000001f}.tablewrap table{margin:0}.tablewrap tr:last-child td{border-bottom:0}.tablewrap tbody tr:hover td{background:var(--tmpl-soft)}caption{caption-side:top;text-align:left;font:600 14px/1.35 var(--sans);letter-spacing:0;color:var(--muted);padding:8px 10px 6px}details{border-top:2px solid var(--line);padding:10px 0}details summary{cursor:pointer;font-weight:600}details summary::marker{color:var(--tmpl)}.prose details:last-of-type{border-bottom:2px solid var(--line)}.guide{margin-top:36px}.gd{padding:12px 0}.gd>summary>h2{margin:0;display:inline}.gd[open]>summary{margin-bottom:4px}.guide+h2{margin-top:36px}.cm-jump{font:600 14px/1.3 var(--sans);letter-spacing:0;text-transform:uppercase;margin:-4px 0 -12px;padding:4px 0 12px;display:inline-block}.related{gap:10px;padding:0;list-style:none;display:grid}.related li{max-width:none}.related a{font-weight:600}.related span{color:var(--muted)}.ad-slot{display:none}body.ads-on .ad-slot{min-height:250px;margin-block:24px;display:block}footer.site{color:#cfccc2;background:#28292d;border-top:2px solid #050506;font-size:15px}footer.site:before{content:"";background:var(--tex-foot) 0 0 / 64px 64px;height:16px;image-rendering:pixelated;border-bottom:2px solid #050506;display:block}footer.site .wrap{gap:8px;padding-block:22px 34px;display:grid}footer.site nav{font:600 14px/1.6 var(--sans);letter-spacing:0;text-transform:uppercase;flex-wrap:wrap;gap:4px 14px;display:flex}footer.site nav a{color:#e2dfd6;text-decoration:none}footer.site nav a:hover{color:#fff;text-decoration:underline #8fdc5c}footer.site a{color:#f1eee6}footer.site p{margin:0}footer.site :focus-visible{outline-color:#b6f08a}.disclaimer{font:400 13px/1.5 var(--sans);letter-spacing:.01em}.bp{aspect-ratio:1;background:var(--sheet);width:100%;display:block}.bp path{fill:var(--block)}.tool{--index-w:136px;--tb-w:300px;--r:0px;grid-template-columns:var(--index-w) minmax(0, 1fr) auto var(--tb-w);grid-template-areas:"rail rail rail rail""spec spec spec spec""index paper scale tb""notes notes notes notes""rows rows rows rows";margin-top:14px;display:grid;position:relative}.tool.tb-compact{grid-template-columns:var(--index-w) minmax(0, 1fr) auto;grid-template-areas:"rail rail rail""spec spec spec""index paper scale""index tb tb""notes notes notes""rows rows rows"}.tool button,.tool input,.tool select{font:inherit;color:inherit}.tool button{cursor:pointer}.tool button:disabled{opacity:.45;cursor:default}.rail{background:var(--panel);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--hi), inset -2px 0 0 var(--lo);border-bottom:0;border-radius:0;flex-wrap:wrap;grid-area:rail;align-items:center;gap:10px 16px;padding:10px 12px;display:flex}.rail-main,.more-body{display:contents}.more-sum{display:none}.sizebox{gap:4px;display:grid}.sizebox+.sizebox{margin-left:-4px}.stepper{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:40px;image-rendering:pixelated;border-radius:0;align-items:stretch;display:inline-flex;overflow:hidden}.stepper label{font:400 16px/1 var(--px);color:var(--muted);letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-right:2px solid var(--outline);box-shadow:var(--raised);place-items:center;padding-inline:10px 8px;display:grid}.stepper input{border:0;border-inline:2px solid var(--outline);background:var(--slot);width:68px;box-shadow:var(--sunken);text-align:center;font:400 24px/1 var(--px);-moz-appearance:textfield;min-width:0;padding:0}.stepper input:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper button{width:36px;box-shadow:var(--raised);background:0 0;border:0;place-items:center;padding:0;display:grid}.stepper button:hover{background:var(--tmpl-soft)}.stepper button:active{box-shadow:var(--pressed);background:color-mix(in srgb, var(--tmpl) 22%, transparent)}.dims{flex-wrap:wrap;gap:6px;display:flex}.dims .stepper input{width:56px}.around{justify-items:start;gap:6px;display:grid}.around .stepper label{font-size:14px}.around .stepper button.fit{width:auto;font:400 14px/1 var(--px);letter-spacing:0;text-transform:uppercase;color:var(--ink);padding-inline:12px}.around .note{margin:0}.tool input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0}.tool input[type=range]::-webkit-slider-runnable-track{background:var(--slot);height:8px;box-shadow:inset 2px 2px 0 var(--slot-lo), inset -1px -1px 0 var(--slot-hi);border:0}.tool input[type=range]::-moz-range-track{background:var(--slot);height:8px;box-shadow:inset 2px 2px 0 var(--slot-lo), inset -1px -1px 0 var(--slot-hi);border:0}.tool input[type=range]::-moz-range-progress{background:var(--tmpl);height:8px}.tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--btn);border:2px solid var(--outline);width:12px;height:18px;box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo);border-radius:0;margin-top:-5px}.tool input[type=range]::-moz-range-thumb{background:var(--btn);border:2px solid var(--outline);width:8px;height:14px;box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo);border-radius:0}.tool input[type=range]:hover::-webkit-slider-thumb{background:color-mix(in srgb, var(--tmpl) 30%, var(--btn))}.tool input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ruler{width:100%;height:18px;accent-color:var(--tmpl);margin:0}.holes{scrollbar-width:none;scroll-behavior:smooth;flex:300px;gap:3px;min-width:0;padding:4px 10px 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.holes::-webkit-scrollbar{display:none}.tool .hole{min-width:42px;color:var(--muted);font:600 12px/1.1 var(--sans);letter-spacing:0;background:0 0;border:0;border-radius:0;flex:none;justify-items:center;gap:2px;padding:2px 3px 1px;display:grid;position:relative}.hole svg{background:var(--slot);width:36px;height:36px;box-shadow:var(--sunken);shape-rendering:crispedges;border-radius:0;padding:6px;display:block}.hole svg:not(.icon) path{fill:var(--ink)}.hole:hover{color:var(--ink)}.hole:hover svg{background:color-mix(in srgb, var(--tmpl) 18%, var(--slot))}.hole[aria-pressed=true],.hole:has(input:checked){color:var(--ink)}.hole[aria-pressed=true] svg,.hole:has(input:checked) svg{background:var(--sel);box-shadow:0 0 0 2px var(--sel), 0 0 0 4px var(--outline), inset 2px 2px 0 #0000001f}.hole[aria-pressed=true] svg:not(.icon) path,.hole:has(input:checked) svg:not(.icon) path{fill:#1e1d1a}.hole input{opacity:0;pointer-events:none;position:absolute}.hole:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.hole.pick{min-width:72px}.hole.pick svg{width:36px;height:36px;padding:8px}.hole.swatch svg{image-rendering:pixelated}.seg{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:40px;image-rendering:pixelated;border-radius:0;display:inline-flex;overflow:hidden}.seg label{cursor:pointer;border-left:2px solid var(--outline);flex:auto;display:flex;position:relative}.seg label:first-child{border-left:0}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;color:var(--muted);white-space:nowrap;box-shadow:var(--raised);flex:1;place-items:center;padding-inline:14px;display:grid}.seg label:hover span{color:var(--ink);background:var(--tmpl-soft)}.seg input:checked+span{background:var(--tmpl);color:var(--tmpl-ink);box-shadow:var(--pressed)}.seg input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--sel), inset 0 0 0 4px var(--outline);outline:none}.fieldlabel{font:600 12px/1 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted)}.spec{background:var(--panel);border-inline:2px solid var(--outline);border-top:2px solid var(--lo);box-shadow:inset 2px 0 0 var(--hi), inset -2px 0 0 var(--lo);grid-area:spec;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 12px 12px;display:grid}.spec-row{flex-wrap:wrap;align-items:end;gap:10px 16px;display:flex}.field{gap:5px;min-width:0;display:grid}.field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.field .val{font:400 16px/1 var(--px);color:var(--ink)}.field input[type=range]{width:170px;accent-color:var(--tmpl);margin:0}.tool select{height:36px;font:500 15px/1 var(--sans);border:2px solid var(--outline);-webkit-appearance:none;appearance:none;min-width:0;color:var(--ink);box-shadow:var(--raised);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23777' d='M0 0h10v2H8v2H6v2H4V4H2V2H0z'/%3E%3C/svg%3E") right 10px center / 10px 6px no-repeat, var(--btn);border-radius:0;padding:0 30px 0 10px}.tool select:hover{background-color:color-mix(in srgb, var(--tmpl) 14%, var(--btn))}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:34px;image-rendering:pixelated;box-shadow:var(--raised);font:400 16px/1 var(--px);letter-spacing:0;color:var(--muted);white-space:nowrap;border-radius:0;padding:0 11px}.chips button:hover{color:var(--ink);background-color:color-mix(in srgb, var(--tmpl) 16%, var(--btn))}.chips button[aria-pressed=true]{background:var(--tmpl);border-color:var(--outline);color:var(--tmpl-ink);box-shadow:var(--pressed)}.switch{height:36px;font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.switch input{-webkit-appearance:none;appearance:none;background:var(--slot);cursor:pointer;border:2px solid var(--outline);width:38px;height:22px;box-shadow:inset 2px 2px 0 var(--slot-lo);border-radius:0;flex:none;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:var(--btn);width:14px;height:16px;box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo), 0 0 0 1px var(--outline);border-radius:0;transition:transform .15s;position:absolute;top:1px;left:1px}.switch input:checked{background:var(--tmpl)}.switch input:checked:after{transform:translate(18px)}.field.off>.fieldlabel,.field.off .seg,.field.off .field-head,.field.off>input[type=range],.switch.off{opacity:.45}.field.off .seg label,.switch.off,.switch.off input{cursor:not-allowed}.field.off .seg label:hover span{color:var(--muted);background:0 0}.offnote{flex-basis:100%;margin:0}.index{background:var(--panel);border:2px solid var(--outline);border-right:2px solid var(--lo);box-shadow:inset 2px 0 0 var(--hi);border-radius:0;grid-area:index;align-content:start;gap:2px;padding:10px 8px;display:grid}.index a{min-height:36px;color:var(--muted);font:400 14px/1.1 var(--px);letter-spacing:0;text-transform:uppercase;border-radius:0;align-items:center;gap:9px;padding:6px 8px;text-decoration:none;display:flex}.index a:hover{background:var(--tmpl-soft);color:var(--ink);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tmpl) 40%, transparent)}.index a[aria-current=page]{background:var(--tmpl);color:var(--tmpl-ink);box-shadow:var(--pressed)}.paper{background:var(--sheet);border-block:2px solid var(--outline);grid-area:paper;grid-template-rows:auto auto;min-width:0;display:grid;position:relative;box-shadow:inset 3px 3px #00000029,inset -2px -2px #ffffff47}@media (prefers-color-scheme:dark){.paper{box-shadow:inset 3px 3px #00000073,inset -2px -2px #ffffff0d}}.tool.tb-compact .paper{border-bottom:2px solid var(--lo)}.strip{min-width:0;min-height:40px}.paper>.hud,.paper>.drop{grid-area:2/1}.actbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding:6px 8px;display:flex}.actbar .grp{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:36px;image-rendering:pixelated;box-shadow:var(--shadow);border-radius:0;align-items:stretch;display:inline-flex;overflow:hidden}.actbar .grp>button{border:0;border-left:2px solid var(--outline);height:100%;font:400 16px/1 var(--px);letter-spacing:0;white-space:nowrap;box-shadow:var(--raised);color:var(--ink);background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.actbar .grp>:first-child{border-left:0}.actbar .grp>button:hover{background:var(--tmpl-soft)}.actbar .grp>button:active{box-shadow:var(--pressed)}.actbar .cta-primary,.actbar .grp>button.cta-primary{border:2px solid var(--outline);background:var(--tmpl);min-width:200px;height:40px;color:var(--tmpl-ink);font:400 16px/1 var(--px);letter-spacing:0;white-space:nowrap;box-shadow:var(--raised), var(--shadow);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.actbar .grp>button.cta-primary{border:0;border-left:2px solid var(--outline);min-width:0;height:100%}.actbar .cta-primary:hover{background:color-mix(in srgb, var(--tmpl) 86%, var(--ink))}.actbar .cta-primary:active{box-shadow:var(--pressed)}.actbar .cta-primary:focus-visible,.actbar .grp>button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.actbar .cta-note{color:var(--muted);font:500 13px/1.35 var(--sans);flex:1 0 100%}.cta-dl:before{content:"";background:currentColor;flex:none;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M12 3v12M6 10l6 6 6-6M4 21h16'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M12 3v12M6 10l6 6 6-6M4 21h16'/%3E%3C/svg%3E") 50%/contain no-repeat}.tool:fullscreen .actbar{display:none}.tool:fullscreen .strip{height:40px}.hud{z-index:2;font:400 16px/1 var(--px);letter-spacing:0;color:var(--muted);pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .12s;position:absolute;bottom:14px;left:12px}.hud.on{opacity:1}.hud b{color:var(--ink);font-weight:700}@media (width>=901px){.tool:not(.ptool,.gtool) .scroller{place-items:start center}.tool:not(.ptool,.gtool) .hud{z-index:5;background:var(--panel);border:2px solid var(--outline);box-shadow:var(--raised);border-radius:0;padding:4px 6px;bottom:9px;left:8px}}.scroller{place-items:center;min-height:260px;max-height:min(74vh,860px);padding:4px 14px 42px;display:grid;overflow:auto}.scroller canvas{image-rendering:pixelated;touch-action:pan-x pan-y;cursor:crosshair;border-radius:0;display:block}.scroller canvas:not([style]){width:min(100%, calc(var(--cols,999) * 28px + 18px));aspect-ratio:var(--ar,1);max-height:calc(min(74vh,860px) - 46px)}.scroller canvas:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.stage3d{background:var(--sky);height:min(70vh,820px);min-height:320px;overflow:hidden}.stage3d canvas{cursor:grab;display:block}.mini3d{display:none}@media (width>=1100px){.tool:not(.tb-compact) .mini3d:not([hidden]){background:var(--sky);border:2px solid var(--outline);width:260px;height:260px;box-shadow:var(--sunken);cursor:pointer;border-radius:0;flex:none;margin:12px auto auto;display:block;position:relative;overflow:hidden}.mini3d.away{visibility:hidden}.mini3d-stage{position:absolute;inset:0}.mini3d-stage[hidden],.mini3d-note[hidden]{display:none}.mini3d-stage canvas{cursor:grab;touch-action:none;display:block}.mini3d-note{text-align:center;font:600 16px/1.3 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted);background:var(--panel);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.mini3d.big:hover .mini3d-note{color:var(--ink)}.mini3d-open{background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;border:2px solid var(--outline);width:28px;height:28px;box-shadow:var(--raised);image-rendering:pixelated;opacity:0;pointer-events:none;border-radius:0;place-items:center;transition:opacity .14s;display:grid;position:absolute;top:6px;right:6px}.mini3d-open .icon{width:16px;height:16px}.mini3d:hover .mini3d-open,.mini3d:focus-visible .mini3d-open{opacity:1}.mini3d:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}.paper.empty .scroller:after{content:"Choose an image or a sample to start.";color:var(--muted);font:600 16px/1.4 var(--sans);letter-spacing:0}.paper .drop{background:color-mix(in srgb, var(--sheet) 88%, transparent);border:3px dashed var(--tmpl);font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.xtools{z-index:4;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;justify-content:flex-end;transition:opacity .16s ease-out,transform .16s ease-out,visibility 0s linear .16s;display:flex;position:absolute;inset:4px 8px 5px;transform:translateY(-3px)}.xrow{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.xrow>*{pointer-events:auto}.xtools .grp{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:32px;image-rendering:pixelated;box-shadow:var(--shadow);border-radius:0;align-items:stretch;display:inline-flex;overflow:hidden}.xtools .grp>*{border:0;border-left:2px solid var(--outline);height:100%;font:400 16px/1 var(--px);letter-spacing:0;white-space:nowrap;box-shadow:var(--raised);background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.xtools .grp>:first-child{border-left:0}.xtools .grp button:hover{background:var(--tmpl-soft)}.xtools .grp button:active{box-shadow:var(--pressed)}.xtools .grp select{border:0;border-left:2px solid var(--outline);width:auto;max-width:200px;height:100%;font:400 16px/1 var(--px);background-position:right 8px center;border-radius:0;padding:0 24px 0 8px}.xtools .grp label.zoom{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;gap:8px}.xtools .grp label.zoom input{width:64px;accent-color:var(--tmpl)}.xtools .grp label.zoom output{min-width:3.4em;color:var(--ink);text-transform:none}.xtools .grp .switch{height:100%;font-size:14px}.xtools .grp .switch input{width:32px;height:18px}.xtools .grp .switch input:after{width:10px;height:12px}.xtools .grp .switch input:checked:after{transform:translate(14px)}.xtools .grp .seg{height:100%;box-shadow:none;border:0;border-radius:0}.xtools .grp .seg span{padding-inline:10px;font-size:14px}.xtools .close{display:none}@media (hover:hover) and (width>=901px){.paper:hover .xtools,.paper:has(:focus-visible) .xtools{opacity:1;visibility:visible;transition-delay:0s;transform:none}}.tool.tools-on .xtools{opacity:1;visibility:visible;transition-delay:0s;transform:none}.scale{background:var(--panel);border-block:2px solid var(--outline);width:64px;box-shadow:inset 2px 0 0 var(--lo);grid-area:scale;grid-template-rows:auto auto auto 1fr auto;justify-items:center;gap:6px;padding:14px 0 28px;display:grid}.tool.tb-compact .scale{border-bottom:2px solid var(--lo)}.scale .top,.scale .bot{font:600 12px/1 var(--sans);color:var(--muted)}.scale button{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;width:36px;height:32px;image-rendering:pixelated;box-shadow:var(--raised);border-radius:0;place-items:center;padding:0;display:grid}.scale button:hover:not(:disabled){background-color:color-mix(in srgb, var(--tmpl) 18%, var(--btn))}.scale button:active:not(:disabled){box-shadow:var(--pressed)}.scale #next .icon{transform:rotate(-90deg)}.scale #prev .icon{transform:rotate(90deg)}.scale input[type=range]{writing-mode:vertical-lr;width:22px;height:100%;min-height:140px;accent-color:var(--tmpl);direction:rtl;margin:0}.scale input[type=range]::-webkit-slider-runnable-track{width:8px;height:auto}.scale input[type=range]::-webkit-slider-thumb{width:18px;height:12px;margin:0 0 0 -5px}.scale-read{display:none}.scale .view{flex-direction:column;width:54px;height:auto;margin-bottom:14px}.scale .view label{border-left:0;border-top:2px solid var(--outline)}.scale .view label:first-child{border-top:0}.scale .view span{text-align:center;white-space:normal;padding:6px 2px;font-size:12px;line-height:1.1}.tbcol{background:var(--panel);border:2px solid var(--outline);min-width:0;box-shadow:inset -2px -2px 0 var(--lo);border-left:0;border-radius:0;flex-direction:column;grid-area:tb;justify-content:flex-end;display:flex}.tb{border-top:2px solid var(--outline);border-left:2px solid var(--outline);font:15px/1.3 var(--sans);background:var(--panel);box-shadow:inset 2px 2px 0 var(--hi)}.bom+.tb{border-top-width:2px}.tb-head{border-bottom:2px solid var(--outline);align-items:center;gap:8px;padding:7px 10px;display:flex}.tb-name{min-width:0;font:400 16px/1.2 var(--px);letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;flex:1}.tb-head button{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:28px;image-rendering:pixelated;box-shadow:var(--raised);font:400 14px/1 var(--px);letter-spacing:0;text-transform:uppercase;border-radius:0;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.tb-head button:hover{background-color:color-mix(in srgb, var(--tmpl) 18%, var(--btn))}.tb-head button:active{box-shadow:var(--pressed)}.tb-head .tb-tools{color:var(--tmpl-ink);background:var(--tmpl);display:none}.tb dl{grid-template-columns:1fr 1fr;margin:0;display:grid}.tb dl>div{border-bottom:2px solid var(--panel);border-right:2px solid var(--panel);background:color-mix(in srgb, var(--slot) 45%, var(--panel));min-width:0;box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--slot-lo) 55%, transparent);align-content:start;gap:1px;padding:6px 10px 7px;display:grid}.tb dl>div:nth-child(2n){border-right:0}.tb dl>div.wide{border-right:0;grid-column:1/-1}.tb dt{font:600 12px/1.2 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted)}.tb dd{font:400 16px/1.4 var(--px);overflow-wrap:anywhere;margin:0}.tb dl>div.wide dd{font-size:16px}.tb dl>div.wide.info dd{font:600 16px/1.3 var(--sans);text-shadow:none}.tb .clear{padding:6px 10px;display:flex}.tb .clear button{border:2px solid var(--outline);background:var(--btn);height:28px;box-shadow:var(--raised);font:400 14px/1 var(--px);letter-spacing:0;text-transform:uppercase;border-radius:0;padding:0 10px}.tb .clear button:hover{background-color:color-mix(in srgb, var(--tmpl) 18%, var(--btn))}.tb .clear.idle{visibility:hidden}.tool.tb-compact .tb .clear.idle{display:none}@media (width<=900px){.tb .clear.idle{display:none}}.bom{font:14px/1.3 var(--sans);border-top:2px solid var(--outline);border-left:2px solid var(--outline);background:var(--panel);max-height:260px;overflow:auto}.bom table{font-size:14px}.bom td{font:500 13px/1.3 var(--sans)}.bom th,.bom td{padding:4px 10px}.bom th{background:var(--panel);font-size:12px;position:sticky;top:0}.bom .sw{vertical-align:-1px;border:1px solid #00000073;width:12px;height:12px;margin-right:7px;display:inline-block}.tool.tb-compact .tbcol{border-left:2px solid var(--outline);border-top:0;border-radius:0;align-self:start}.tool.tb-compact .tb{border-top:0;flex-wrap:wrap;align-items:stretch;display:flex}.tool.tb-compact .tb-head{border-bottom:0;border-right:2px solid var(--outline);flex:0 auto}.tool.tb-compact .tb dl{flex-wrap:wrap;flex:1;display:flex}.tool.tb-compact .tb dl>div{border-bottom:0;border-right:2px solid var(--panel);align-items:baseline;gap:7px;padding:8px 12px;display:flex}.tool.tb-compact .tb dl>div.wide{border-right:2px solid var(--panel)}.tool.tb-compact .tb dd{font-size:16px}.tool.tb-compact .tb .clear{align-items:center}.tool.tb-compact .bom{flex-basis:100%;max-height:none}.tool.tb-compact .bom table{display:block}.tool.tb-compact .bom thead{display:none}.tool.tb-compact .bom tbody{flex-wrap:wrap;display:flex}.tool.tb-compact .bom tr{border-right:1px solid var(--line);gap:6px;padding:5px 12px;display:flex}.tool.tb-compact .bom td{border:0;padding:0}.notes{color:var(--muted);flex-wrap:wrap;grid-area:notes;align-items:baseline;gap:4px 16px;margin:10px 0 0;font-size:15px;display:flex}.notes p{margin:0}.notes .keys kbd{margin-inline:1px}.notes .err{color:var(--err);flex-basis:100%;order:-1;font-weight:600}.rows{grid-area:rows;margin-top:14px}.rows>summary{font:400 16px/1.4 var(--px);letter-spacing:0}.dock{display:none}@media (width<=1024px){.more-sum{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;min-height:44px;image-rendering:pixelated;box-shadow:var(--raised);font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;color:var(--ink);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.more-sum:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.more-sum:hover{background-color:color-mix(in srgb, var(--tmpl) 14%, var(--btn))}.tool.more-on .more-sum{box-shadow:var(--pressed);background-color:var(--tmpl-soft)}.tool.more-on .more-sum:after{transform:translateY(2px)rotate(225deg)}.more-body{display:none}.tool.more-on .more-body{display:contents}.tool:not(.more-on) .spec{display:none}.paper>.scroller,.paper>.stage3d,.paper>.hud,.paper>.drop{grid-area:1/1}.paper>.strip{grid-area:2/1}.hud{z-index:2;place-self:end start;margin:0 0 8px 8px;position:static}.stepper{height:48px}.stepper button{width:44px}.seg{height:48px}.scale button{width:44px;height:44px}.scale input[type=range]{width:32px}.tb-head button,.tb .clear button{min-width:44px;height:44px}.index a,.chips button{min-height:44px}.switch{height:auto;min-height:44px}.tool select{height:44px;font-size:16px}.tool .hole{min-width:44px}.actbar .grp{height:auto;min-height:48px}.actbar .grp>button{min-height:44px}.xtools .grp{height:48px}.around .stepper button.fit{width:auto;min-width:44px}.tool input[type=range]{min-height:32px}.ruler,.field input[type=range],.xtools .grp label.zoom input{height:32px}.tb-head .tb-tools{display:inline-flex}}@media (width<=900px){.tool,.tool.tb-compact{grid-template-columns:52px minmax(0,1fr) 52px;grid-template-areas:"size size size""lprev lread lnext""paper paper paper""mhead mhead mhead""more more more""lrange lrange lrange""lview lview lview""spec spec spec""index index index""tb tb tb""notes notes notes""rows rows rows"}.index{scrollbar-width:none;box-shadow:none;scroll-snap-type:x proximity;background:0 0;border:0;border-radius:0;grid-area:index;gap:6px;margin-top:10px;margin-right:-16px;padding:2px 56px 10px 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.index::-webkit-scrollbar{display:none}.index a{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;min-height:44px;image-rendering:pixelated;box-shadow:var(--raised);scroll-snap-align:start;white-space:nowrap;border-radius:0;flex:none;gap:6px;padding:0 12px 0 9px;font-size:13px}.index a .icon{width:16px;height:16px}.index a[aria-current=page]{border-color:var(--outline);background:var(--tmpl);box-shadow:var(--pressed)}.rail{display:contents}.rail-main{background:var(--panel);border:2px solid var(--outline);min-width:0;box-shadow:inset 2px 2px 0 var(--hi), inset -2px 0 0 var(--lo);border-bottom:0;flex-wrap:wrap;grid-area:size;align-items:center;gap:8px;padding:8px;display:flex}.sizebox{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.sizebox+.sizebox{margin-left:0}.sizebox .ruler{flex:80px;width:auto;min-width:80px}.rail-main:has(.sizebox+.sizebox) .ruler{display:none}.stepper label{padding-inline:8px 6px}.stepper input{width:60px}.stepper button{width:44px}.more-sum{border-top-width:0;grid-area:mhead;margin:0}.more-body{background:var(--panel);border:2px solid var(--outline);min-width:0;box-shadow:inset 2px 0 0 var(--hi), inset -2px 0 0 var(--lo);border-top:0;grid-area:more;gap:8px;padding:8px}.tool.more-on .more-body{flex-wrap:wrap;align-items:center;display:flex}.more-body>.seg{flex:auto}.seg span{letter-spacing:0;padding-inline:9px;font-size:14px}.stacktool .seg{height:auto;display:grid}.stacktool .seg label{border-left:0;border-top:2px solid var(--outline)}.stacktool .seg label:first-child{border-top:0}.stacktool .seg span{white-space:normal;text-align:center;min-height:38px;padding-block:6px;line-height:1.25}.holes{flex-basis:100%;order:5;margin-inline:-8px;padding-inline:8px 40px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 36px),#0000)}.spec{gap:8px;padding:8px}.spec-row{flex-wrap:wrap;gap:8px 12px}.spec-row>*{flex:0 auto;min-width:0}.chips{flex-wrap:wrap}.chips button{white-space:normal;max-width:100%;height:auto;min-height:44px;padding-block:4px;line-height:1.2}.spec .field,.more-body .field{grid-template-columns:minmax(0,1fr)}.spec .chips,.more-body .chips,.spec .seg,.more-body .seg{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;max-width:100%;overflow:auto hidden}.spec .chips::-webkit-scrollbar,.more-body .chips::-webkit-scrollbar,.spec .seg::-webkit-scrollbar,.more-body .seg::-webkit-scrollbar{display:none}.spec .chips button,.more-body .chips button{white-space:nowrap;flex:none}.spec .seg label,.more-body .seg label{flex:none}[data-fade=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}[data-fade=start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px);mask-image:linear-gradient(90deg,#0000,#000 36px)}[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}.spec-row .switch{white-space:normal;height:auto;min-height:44px;line-height:1.2}.field input[type=range]{width:140px}.paper{border-inline:2px solid var(--outline);border-bottom:0;grid-template-rows:auto auto}.spec{border-bottom:2px solid var(--outline)}.strip{min-height:0;padding:0}.actbar{padding:8px}.actbar .cta-primary{white-space:normal;text-align:center;flex:100%;min-width:0;height:auto;min-height:44px;padding:8px 12px;line-height:1.25}.actbar .grp{background:var(--outline);flex-wrap:wrap;flex:100%;gap:2px;height:auto}.actbar .grp>button{white-space:nowrap;background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:auto;min-height:44px;image-rendering:pixelated;border:0;flex:auto;justify-content:center;padding:6px 12px}.actbar .grp>button:hover{background-color:var(--tmpl-soft)}.hud{z-index:2;background:var(--panel);border:2px solid var(--outline);border-radius:0;padding:4px 6px}.scroller{place-items:start center;min-height:200px;max-height:78vh;padding:6px 4px 44px}.scroller canvas:not([style]){max-height:calc(78vh - 50px)}.tool:not(.ptool,.gtool) .hud{text-overflow:ellipsis;max-width:calc(100% - 20px);overflow:hidden}.scale{border-inline:2px solid var(--outline);border-left-width:2px;border-block:2px solid var(--lo);border-top:2px solid var(--lo);width:auto;box-shadow:none;grid-template-rows:none;grid-template-columns:auto 1fr auto;grid-template-areas:"read read view""prev range next";align-items:center;row-gap:8px;padding:8px 10px}.scale .top,.scale .bot{display:none}.scale-read{font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;white-space:normal;min-width:0;line-height:1.25;display:block}.scale input[type=range]{writing-mode:horizontal-tb;direction:ltr;order:2;width:100%;height:32px;min-height:0}.scale input[type=range]::-webkit-slider-runnable-track{width:auto;height:8px}.scale input[type=range]::-webkit-slider-thumb{width:12px;height:18px;margin:-5px 0 0}.scale #prev{grid-area:prev}.scale #next{grid-area:next}.scale input[type=range]{grid-area:range}.scale-read{grid-area:read;justify-self:start}.scale .view{flex-direction:row;grid-area:view;width:auto;height:48px;margin:0}.scale .view label{border-top:0;border-left:2px solid var(--outline)}.scale .view label:first-child{border-left:0}.scale .view span{white-space:nowrap;padding:0 8px}.scale #next .icon,.scale #prev .icon{transform:none}.scale #prev .icon{transform:rotate(180deg)}.tool:not(:fullscreen) .scale{display:contents}.tool:not(:fullscreen):has(.scale #prev):before{content:"";background:var(--panel);border-inline:2px solid var(--outline);box-shadow:inset 2px 0 0 var(--hi), inset -2px 0 0 var(--lo);grid-area:lprev/lprev/lnext/lnext}.tool:not(:fullscreen) .scale>#prev{grid-area:lprev;justify-self:center;margin-block:4px}.tool:not(:fullscreen) .scale>#next{grid-area:lnext;justify-self:center;margin-block:4px}.tool:not(:fullscreen) .scale>.scale-read{text-align:center;grid-area:lread;place-self:center stretch;margin-block:4px}.tool:not(:fullscreen) .scale>input[type=range]{background:var(--panel);border:2px solid var(--outline);border-top:0;grid-area:lrange;height:48px;margin:0;padding-inline:12px}.tool:not(:fullscreen) .scale>.view{border-top:0;grid-area:lview;justify-self:stretch}.tool:not(.more-on):not(:fullscreen) .scale>input[type=range],.tool:not(.more-on):not(:fullscreen) .scale>.view{display:none}.tbcol{border:2px solid var(--outline);border-top:0;border-radius:0}.tool.tb-compact .tbcol{border-left:2px solid var(--outline)}.tb{border-top:2px solid var(--outline)}.tb-head .tb-tools{display:inline-flex}.tool.tb-compact .tb{display:block}.tool.tb-compact .tb-head{border-right:0;border-bottom:2px solid var(--outline)}.tool.tb-compact .tb dl{display:grid}.xtools{z-index:30;pointer-events:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid var(--outline);box-shadow:inset 0 2px 0 var(--hi), 0 -8px 24px #00000038;opacity:1;visibility:hidden;justify-content:flex-start;gap:8px;transition:transform .2s ease-out,visibility 0s linear .2s;position:fixed;inset:auto 0 0;transform:translateY(100%)}.xrow{justify-content:flex-start;gap:8px}.xtools .xrow>.grp:first-child{flex-direction:column;flex:100%;align-items:stretch;height:auto}.xtools .xrow>.grp:first-child>*{border-left:0;border-top:2px solid var(--outline);min-height:48px}.xtools .xrow>.grp:first-child>:first-child{border-top:0}.xtools .xrow>.grp:not(:first-child){flex:1 1 0}.xtools .grp .switch{justify-content:space-between}.xtools .grp label.zoom{gap:12px}.xtools .grp label.zoom input{flex:80px;width:auto;min-width:80px}.xtools .close{height:48px;margin-left:auto;display:inline-flex}.tool.tools-on .xtools{visibility:visible;transition:transform .2s ease-out,visibility;transform:none}.notes{font-size:14px}.dock{z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid var(--outline);box-shadow:inset 0 2px 0 var(--hi), 0 -6px 18px #0000002e;visibility:hidden;align-items:center;gap:8px;transition:transform .18s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.dock.on{visibility:visible;transform:none}.dock .grp{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;height:48px;image-rendering:pixelated;border-radius:0;align-items:stretch;display:inline-flex;overflow:hidden}.dock .grp button{width:44px;box-shadow:var(--raised);background:0 0;border:0;place-items:center;padding:0;display:grid}.dock .grp button:active{background:var(--tmpl-soft);box-shadow:var(--pressed)}.dock .grp output{border-inline:2px solid var(--outline);background:var(--slot);min-width:58px;box-shadow:var(--sunken);font:400 16px/1 var(--px);letter-spacing:0;white-space:nowrap;place-items:center;padding:0 6px;display:grid}.dock [data-dock=lprev] .icon{transform:rotate(180deg)}.dock .tools{border:2px solid var(--outline);background:var(--tmpl);min-width:44px;height:48px;color:var(--tmpl-ink);box-shadow:var(--raised);font:400 16px/1 var(--px);letter-spacing:0;text-transform:uppercase;border-radius:0;margin-left:auto;padding:0 12px}body:has(.dock){padding-bottom:max(calc(72px + env(safe-area-inset-bottom)), var(--consent-h,0px))}body:has(.tool) main{padding-top:10px}body:has(.tool) .crumbs ol{margin-bottom:4px}body:has(.tool) h1{margin-bottom:2px}body:has(.tool) p.lead{margin-bottom:6px;font-size:16px;line-height:1.4}.tool{margin-top:4px}}@media (width<=520px){body:has(.tool) p.lead{font-size:15px;line-height:1.3}body:has(.tool) main{padding-top:6px}.tool{margin-top:2px}.rail-main{gap:6px;padding:4px 6px}.rail-main:has(.sizebox+.sizebox) .stepper input{width:46px}.rail-main:has(.sizebox+.sizebox) .stepper label{padding-inline:6px 5px}.tool:not(:fullscreen) .scale>#prev,.tool:not(:fullscreen) .scale>#next,.tool:not(:fullscreen) .scale>.scale-read{margin-block:2px}}@media (width<=380px){.seg span{padding-inline:7px}.stepper input{width:54px}.rail{gap:8px 6px}.grp output{min-width:50px}.dock{gap:6px;padding-inline:8px}.dock .grp button{width:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}@media print{:root{--desk:#fff;--paper:#fff;--panel:#fff;--btn:#fff;--sheet:#fff;--slot:#fff;--sel:#fff;--ink:#000;--muted:#333;--line:#999;--rule:#000;--outline:#000;--tmpl:#000;--tmpl-ink:#fff;--shadow:none;--raised:none;--sunken:none;--pressed:none;--title-shadow:none;--tex-ground:none;--tex-btn:none;--tex-header:none;--tex-foot:none;color-scheme:light}html{background:#fff}body{color:#000;background:#fff}header.site,footer.site,.crumbs,.ad-slot,.rail,.spec,.index,.scale,.xtools,.strip,.dock,.mini3d,.notes,.tb-head button,.tb .clear,.no-print{display:none!important}.tool,.tool.tb-compact{display:block}.paper{box-shadow:none;background:#fff;border:0;display:block}.scroller{max-height:none;padding:0;overflow:visible}.scroller canvas{max-width:100%;height:auto!important}.tbcol{break-inside:avoid;box-shadow:none;background:#fff;border:1px solid #000;margin-top:12px}.tb,.tb dl>div{box-shadow:none;background:#fff}}.bp-picker{align-items:center;gap:8px;display:inline-flex;position:relative}.bp-trigger{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0 / 32px 32px;min-height:40px;box-shadow:var(--raised);font:400 16px/1 var(--px);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.bp-trigger:active{box-shadow:var(--pressed)}.bp-swatch{width:24px;height:24px;image-rendering:pixelated;border:1px solid var(--outline);background-size:100% 100%;flex:0 0 24px;display:inline-block}.bp-litematic{color:var(--muted);font:400 13px/1 var(--sans);white-space:nowrap}.bp-panel{z-index:40;border:2px solid var(--outline);background:var(--panel);width:min(620px,82vw);max-height:min(66vh,520px);box-shadow:var(--raised), 0 12px 30px #00000038;padding:10px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.bp-group{color:var(--muted);font:600 12px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;margin:4px 0 6px}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:5px;margin-bottom:10px;display:grid}.bp-option{border:1px solid var(--line);background:var(--btn);min-width:0;min-height:36px;color:var(--ink);text-align:left;align-items:flex-start;gap:6px;padding:4px;display:flex}.bp-option:hover,.bp-option:focus-visible,.bp-option[aria-selected=true]{border-color:var(--tmpl);background:var(--tmpl-soft);outline:none}.bp-option .bp-swatch{flex-basis:28px;width:28px;height:28px}.bp-name{overflow-wrap:break-word;hyphens:auto;white-space:normal;font:400 11px/1.18 var(--sans);overflow:visible}@media (width<=900px){.bp-picker{flex-basis:100%;order:4}.bp-trigger{min-height:44px}.bp-panel{width:auto;max-height:min(72vh,620px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-width:2px 0 0;position:fixed;inset:auto 0 0}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px}.bp-option{min-height:44px}.bp-option .bp-swatch{flex-basis:36px;width:36px;height:36px}.bp-litematic{display:none}}.levelbox{flex:300px;gap:4px;min-width:0;display:grid}.prose figure{margin:0}.prose figure .bp{border:2px solid var(--outline)}.prose figcaption,.examples span,.chart .fig span{font:600 14px/1.35 var(--sans);letter-spacing:0;margin-top:6px;display:block}.examples a,.chart .fig{transition:box-shadow .12s,border-color .12s}body:not(:has(.tool,.chart)) main>.prose,body:not(:has(.tool,.chart,.prose)) main{background:var(--panel);border:2px solid var(--outline);box-shadow:var(--raised), var(--shadow);border-radius:0;padding:28px clamp(18px,4vw,44px) 36px}body:not(:has(.tool,.chart,.prose)) main{margin-block:22px 56px}body:not(:has(.tool,.chart)) main>.prose h1{border-bottom:2px solid var(--lo);margin-bottom:14px;padding-bottom:12px}@media (width>=901px){.tool.tb-compact .tbcol{z-index:5;box-shadow:inset -2px -2px 0 var(--lo), 0 -6px 16px #0000001f;position:sticky;bottom:0}}.spec .source{font:600 12px/1 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--muted)}.spec .chips button#clear{border-color:var(--outline);text-transform:uppercase;letter-spacing:.02em;border-radius:0}html:not([lang=en]) :is(h1,h2,h3,.lead,.scale .view span,.index a,.seg span,.tb-name,dt,.fieldlabel,.cm-field>span){overflow-wrap:anywhere;hyphens:auto}.gsheet svg{width:min(100%, calc(var(--cols,32) * 22px + 60px));height:auto;box-shadow:0 0 0 2px var(--outline);background:#fff;border-radius:0;display:block}.gtool .rail .presets{align-self:center}@media (width<=900px){.gtool .rail .presets{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;overflow-x:auto}}.printout{display:none}@media print{body:has(.printout:not(:empty)) main>:not(.printout){display:none!important}body:has(.printout:not(:empty)) .printout{display:block}body:has(.printout:not(:empty)) main{padding-block:0}.printout svg{break-after:page;margin:0 auto;display:block}.printout svg:last-of-type{break-after:auto}.printout p{color:#555;text-align:center;margin:4mm 0 0;font:9pt/1.2 Arial,sans-serif}.tpl-row{grid-template-columns:1fr 1fr;gap:8mm;display:grid}}.tool:fullscreen{background:var(--panel);grid-template:"paper scale"minmax(0,1fr)/minmax(0,1fr) auto;width:100%;height:100%;margin:0;overflow:hidden}.tool:fullscreen>:not(.paper,.scale,.dock){display:none}.tool:fullscreen .paper{border:0}.tool:fullscreen .scroller{height:calc(100vh - 40px);max-height:calc(100vh - 40px)}.tool:fullscreen .stage3d{height:calc(100vh - 40px)}@media (width<=900px){.tool:fullscreen{padding-bottom:calc(60px + env(safe-area-inset-bottom));grid-template:"paper"minmax(0,1fr)"scale"/minmax(0,1fr)}.tool:fullscreen .scroller{height:auto;max-height:calc(100vh - 160px)}.tool:fullscreen .dock{visibility:visible;transform:none}}.gal-hero{grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:clamp(24px,6vw,76px);margin:10px 0 30px;display:grid}.gal-kicker{color:var(--tmpl);font:600 12px/1.2 var(--sans);letter-spacing:.12em;margin:0 0 8px}.gal-hero h1{margin-bottom:12px}.gal-hero-stat{border:2px solid var(--outline);background:var(--panel) var(--tex-btn) 0 0/48px 48px;box-shadow:var(--raised);gap:2px;padding:16px;display:grid}.gal-hero-stat strong{font:400 42px/1 var(--px);color:var(--tmpl)}.gal-hero-stat span{font-weight:600}.gal-hero-stat small{color:var(--muted)}.gal-controls{border-block:2px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:10px 0;display:flex}.gal-filters{flex-wrap:wrap;gap:6px;display:flex}.gal-filter,.gal-sort select{border:2px solid var(--outline);background:var(--btn) var(--tex-btn) 0 0/32px 32px;box-shadow:var(--raised);color:var(--ink);font:600 13px/1.1 var(--sans);cursor:pointer;border-radius:0;padding:8px 10px}.gal-filter:hover,.gal-filter.is-active{background-color:var(--tmpl-soft);color:var(--ink)}a.gal-filter{text-decoration:none;display:inline-block}.gal-cats{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.gal-sort{white-space:nowrap;font:600 13px/1 var(--sans);align-items:center;gap:6px;display:flex}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px;display:grid}.gal-card{background:var(--panel);border:2px solid var(--outline);box-shadow:var(--raised);min-width:0;transition:transform .16s,box-shadow .16s}.gal-card:hover{box-shadow:var(--shadow),var(--raised);transform:translateY(-2px)}.gal-card-image{background:var(--sheet);border-bottom:2px solid var(--outline);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.gal-card-image img{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.gal-card-image-label{color:var(--ink);background:var(--sheet);font:600 12px/1.1 var(--sans);padding:4px 6px;position:absolute;bottom:8px;right:8px}.gal-pattern-image{aspect-ratio:1;padding:10px}.gal-pattern-image img{image-rendering:pixelated}.gal-card-body{padding:12px 14px 14px}.gal-card-category{color:var(--tmpl);font:600 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.gal-card h2{font:400 17px/1.3 var(--px);margin:0 0 8px}.gal-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;font-size:14px;line-height:1.35;display:flex}.gal-meta span+span{border-left:1px solid var(--line);padding-left:10px}.gal-use{font-weight:700;text-decoration-thickness:2px}.gal-use span{color:var(--tmpl)}.gal-prose{margin-top:42px}.gal-prose h2{margin-top:36px}.gal-prose code{padding:1px 4px}.gal-entry{font:600 14px/1.3 var(--sans);flex-wrap:wrap;gap:8px 18px;margin:14px 0 4px;display:flex}@media (width<=720px){.gal-hero{grid-template-columns:1fr;gap:18px}.gal-hero-stat{grid-template-columns:auto 1fr;align-items:end}.gal-hero-stat strong{grid-row:span 2}.gal-controls{flex-direction:column;align-items:flex-start}.gal-sort{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.gal-card{transition:none}.gal-card:hover{transform:none}}@media (width<=1024px){.gal-filter,.gal-sort select{min-height:44px}.gal-sort select{font-size:16px}}@media (width<=720px){.gal-filters,.gal-cats{scrollbar-width:none;flex-wrap:nowrap;align-self:stretch;max-width:100%;padding-right:48px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.gal-filters::-webkit-scrollbar,.gal-cats::-webkit-scrollbar{display:none}.gal-filter{white-space:nowrap;flex:none;align-items:center;display:inline-flex}}.consent-banner[data-astro-cid-u6s5b3h2]{z-index:20;width:min(720px,100% - 24px);color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0003}.consent-banner[data-astro-cid-u6s5b3h2] p[data-astro-cid-u6s5b3h2]{margin:0;line-height:1.4}.consent-actions[data-astro-cid-u6s5b3h2]{flex:none;gap:8px;display:flex}.consent-actions[data-astro-cid-u6s5b3h2] button[data-astro-cid-u6s5b3h2]{min-width:82px;color:inherit;background:var(--sheet);border:1px solid var(--ink);font:inherit;cursor:pointer;border-radius:5px;padding:8px 12px}@media (width<=600px){.consent-banner[data-astro-cid-u6s5b3h2]{display:block}.consent-actions[data-astro-cid-u6s5b3h2]{margin-top:9px}.consent-actions[data-astro-cid-u6s5b3h2] button[data-astro-cid-u6s5b3h2]{width:calc(50% - 4px)}}