@font-face{font-family:Sofia Sans Extra Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7be3f3c13549e0cd-s.0qz7db56jjlen.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Sofia Sans Extra Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/c17f863aceabe96b-s.3l03old1koy3c.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Sofia Sans Extra Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/6c2cf189a15813f6-s.17ttdakv9j29w.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Sofia Sans Extra Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5b2580fe868fa8ad-s.2oizu0mw0oidb.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sofia Sans Extra Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/962bb20f2c5698ef-s.p.3xn2kvgwp8ppl.woff2)format("woff2");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:Sofia Sans Extra Condensed Fallback;src:local(Arial);ascent-override:147.51%;descent-override:49.17%;line-gap-override:0.0%;size-adjust:61.01%}.GP7V6G_className{font-family:Sofia Sans Extra Condensed,Sofia Sans Extra Condensed Fallback;font-style:normal;font-weight:800}.GP7V6G_variable{--font-display:"Sofia Sans Extra Condensed", "Sofia Sans Extra Condensed Fallback"}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/44ed10da57ebfb0e-s.2e4y-bhazgt_v.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/73263b2957b73100-s.3o0_l_yqebdng.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/ab664c0e419cc841-s.2mglm451ism6l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/6fca7e74603dd412-s.3bjsqkuy1d2v8.woff2)format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c1b11b726b36a5e5-s.0xluf1kzv7x5w.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/48eea41d8317494f-s.p.45487z7p3r8wm.woff2)format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/44ed10da57ebfb0e-s.2e4y-bhazgt_v.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/73263b2957b73100-s.3o0_l_yqebdng.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/ab664c0e419cc841-s.2mglm451ism6l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/6fca7e74603dd412-s.3bjsqkuy1d2v8.woff2)format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/c1b11b726b36a5e5-s.0xluf1kzv7x5w.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/48eea41d8317494f-s.p.45487z7p3r8wm.woff2)format("woff2");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:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.U3qUtG_className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.U3qUtG_variable{--font-body:"IBM Plex Sans", "IBM Plex Sans Fallback"}
:root{--paper:#e6efe9;--panel:#fbfdfb;--ink:#10231f;--muted:#47605a;--rule:#c8352b;--rule-deep:#a82a21;--line:#c9d6d0;--tint:#d6e4dc;--sheet:#f4f8f5;--warn:#8a2a12;--ease:cubic-bezier(.22, 1, .36, 1);--feedback-accent:#c8352b;--feedback-text:#10231f;--feedback-surface:#fbfdfb;--feedback-border:#10231f;--feedback-focus:#10231f;--feedback-radius:0;--feedback-font:var(--font-body)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-synthesis:none}html:has(dialog[open]){overflow:hidden}body{background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--font-body), sans-serif;caret-color:var(--rule);margin:0}::selection{background:var(--ink);color:var(--panel)}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{align-items:center;gap:8px;min-height:32px;font-weight:600;text-decoration:none;display:inline-flex}.studio{grid-template-columns:340px minmax(0,1fr) 272px;height:100dvh;min-height:620px;display:grid;position:relative}.panel{background:var(--panel);border-right:2px solid var(--ink);scrollbar-width:thin;flex-direction:column;gap:12px;padding:16px 20px 0;scroll-padding-bottom:180px;display:flex;overflow-y:auto}.panel h1{font:800 56px/.9 var(--font-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;margin:6px 0}.lede{color:var(--muted);text-wrap:pretty}.primary,.secondary{text-align:center;cursor:pointer;width:100%;min-height:48px;transition:transform .14s var(--ease), background-color .14s linear;border-radius:0;padding:10px 16px;font-size:16px;font-weight:600}.choose{justify-content:center;align-items:center;gap:10px;min-height:68px;font-size:20px;font-weight:700;display:flex;position:relative}.choose svg{flex:none}.choose:before{content:"";pointer-events:none;border:2px dashed #fffc;position:absolute;inset:5px}.secondary.choose:before{border-color:var(--ink);opacity:.45}.primary{background:var(--rule);color:#fff;border:2px solid var(--rule)}.primary:hover{background:var(--rule-deep);border-color:var(--rule-deep)}.secondary{color:var(--ink);border:2px solid var(--ink);background:0 0}.secondary:hover{background:var(--tint)}.primary:active,.secondary:active{transform:scale(.98)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.secondary.small{min-height:40px;font-size:15px}.link-btn{text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;position:relative}.link-btn:after{content:"";position:absolute;inset:-8px -2px}.link-btn:disabled{opacity:.55;cursor:not-allowed}.examples{color:var(--muted);font-size:14px}.status{background:var(--tint);padding:8px 10px;font-size:14px}.status.error{color:var(--warn);background:#fbe4df;font-weight:600}.status.float{z-index:30;width:max-content;max-width:min(560px,100vw - 32px);max-height:40vh;box-shadow:0 0 0 2px var(--ink);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex;position:fixed;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%)}.status.float button{pointer-events:auto}.status.float.second{bottom:84px}.status.float.raised{max-width:288px;top:72px;bottom:auto;left:16px;transform:none}.status.float.second.raised{top:auto;bottom:16px}.skip{z-index:40;background:var(--panel);border:2px solid var(--ink);padding:8px 12px;position:absolute;left:-9999px}.skip:focus{top:8px;left:8px}.hint-btn{vertical-align:1px;width:20px;height:20px;color:var(--ink);background:var(--tint);border:1px solid var(--ink);cursor:pointer;border-radius:0;place-items:center;padding:0;font-size:12px;font-weight:700;display:inline-grid;position:relative}.hint-btn:before{content:"?"}.hint-btn:after{content:"";position:absolute;inset:-12px}.hint-btn[aria-expanded=true]{background:var(--ink);color:var(--panel)}.note.reserve{min-height:1.4em;margin:0}.key-cols{color:var(--muted);justify-content:flex-end;gap:12px;padding:0 12px 4px;font-size:12px;display:flex}.key-cols:before{content:"Stitches"}.key-cols:after{content:"Skeins";text-align:right;width:42px}.key-count:after{content:attr(data-skeins);text-align:right;width:42px;color:var(--muted);display:inline-block}.chart-host .peek{z-index:4;border:2px solid var(--ink);pointer-events:none;width:96px;height:auto;image-rendering:pixelated;display:none;position:fixed;inset:auto 8px 12px auto}@media (forced-colors:active){[aria-pressed=true],[aria-expanded=true]{outline-offset:-2px;outline:2px solid highlight}}@media (pointer:coarse){.key-actions .link-btn,.picker-head .link-btn{min-height:40px}}.field{flex-direction:column;gap:3px;min-width:0;display:flex}.field>span{font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--ink);background:#fff;border-radius:0;width:100%;min-height:40px;padding:7px 8px}.field textarea{resize:vertical}.pair{grid-template-columns:1fr 82px;gap:10px;display:grid}.pair.even{grid-template-columns:1fr 1fr;margin-bottom:8px}.number-box{flex-direction:row;align-items:center;gap:6px}.number-box input{flex:1;min-width:0}.number-box:after{content:attr(data-unit);color:var(--muted);font-size:13px}.more .pair{grid-template-columns:1fr 1fr}.slider{touch-action:pan-y}.narrow-only{display:none}@media (pointer:coarse){.wide-only{display:none}.narrow-only{display:inline}.slider input{pointer-events:none}}.recent-list{margin:0;padding:0;list-style:none}.recent-list li+li{margin-top:6px}.recent-list time{color:var(--muted);font-size:13px;display:block}.group{flex-direction:column;gap:10px;display:flex}.group.is-off{opacity:.55;pointer-events:none}.slider{display:block}.slider-top{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.slider output{font-variant-numeric:tabular-nums}.slider input{width:100%;height:24px;accent-color:var(--rule);cursor:pointer;margin:0}.facts{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px 24px;padding:6px 10px;font-size:14px;display:flex}.facts div{gap:6px;display:flex}.facts dt{color:var(--muted)}.facts dd{font-variant-numeric:tabular-nums;font-weight:600}.more{border-bottom:1px solid var(--line)}.more summary{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-weight:600;list-style:none;display:flex}.more summary::-webkit-details-marker{display:none}.more summary:before{content:"+" / "";width:12px;color:var(--rule);font-size:18px;line-height:1}.more[open] summary:before{content:"−" / ""}.more[open]{padding-bottom:12px}.more[open]>*+*{margin-top:8px}.note{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.more{min-width:0}.note.warn{color:var(--warn)}.check{align-items:center;gap:8px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--rule)}.export{background:var(--panel);border-top:2px solid var(--ink);flex-direction:column;gap:8px;margin:auto -20px 0;padding:10px 20px 12px;display:flex;position:sticky;bottom:0}.export-main{align-items:center;gap:8px;display:flex}.export-main>.primary,.export-main>.secondary{flex:1;min-width:0}.export-main .feedback-btn{flex:none;align-self:center;align-items:center;gap:6px;font-size:14px;display:inline-flex}.export-row{flex-wrap:wrap;align-items:center;gap:0 10px;font-size:14px;display:flex}.export-row .link-btn{min-height:40px}.export-row .link-btn:after{inset:0 -2px}.export-row .hint-text{flex-basis:100%}.crop-link{min-height:32px;font-weight:600;display:block}.feedback-btn{border:1px solid var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;align-self:flex-start;align-items:center;gap:6px;min-height:40px;padding:4px 8px;font-size:14px;font-weight:600;display:inline-flex}.feedback-btn:hover{background:var(--tint)}.stage{background:var(--sheet);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.toolbar{background:var(--paper);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.seg{background:var(--panel);border:1px solid var(--ink);display:inline-flex}.seg.right{margin-left:auto}.seg button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;min-width:34px;min-height:36px;padding:2px 8px;font-size:14px;font-weight:600;position:relative}.seg button:last-child{border-right:0}.seg button:after{content:"";position:absolute;inset:-5px 0}@media (hover:hover){.seg button:hover:not(:disabled){background:var(--tint)}}.seg button[aria-pressed=true],.seg button[aria-pressed=true]:hover{background:var(--ink);color:var(--panel)}.seg button:disabled{opacity:.55;cursor:not-allowed}.seg button:focus-visible{z-index:1}.thread-chip{background:var(--panel);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:6px;min-height:38px;padding:2px 10px;font-size:14px;font-weight:600;display:inline-flex}.new-tag{color:var(--muted);font-size:13px;font-weight:400}.swatch{border:1px solid #10231f59;flex:none;width:20px;height:20px;display:inline-block}.subbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.subbar button:not(.link-btn){cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;min-height:32px;padding:2px 8px;display:inline-flex}.subbar button[aria-pressed=true]{border-color:var(--ink);font-weight:600}.text-bar{align-items:end}.text-bar .field{flex:150px;margin:0}.text-bar .slider{flex:170px;margin:0}.text-size{color:var(--muted);flex:100%;margin:0}.key-back{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.key-back i{border-radius:0;outline:1px solid #10231f59;width:14px;height:3px;display:inline-block}.edit-note{color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);margin:0;padding:3px 10px;font-size:13px}.edit-note.is-off{visibility:hidden}.chart-host{flex:1;min-height:0;position:relative;overflow:hidden}.chart-host canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.chart-host canvas:active{cursor:grabbing}.chart-host.tool-paint canvas,.chart-host.tool-erase canvas,.chart-host.tool-fill canvas,.chart-host.tool-pick canvas,.chart-host.tool-line canvas,.chart-host.tool-text canvas,.chart-host.tool-track canvas{cursor:crosshair}.chart-host canvas:focus-visible{outline-offset:-4px}.chart-host{transition:opacity .2s linear}.chart-host.is-busy{opacity:.6}.zoom-hint{pointer-events:none;color:var(--muted);background:#fbfdfbdb;margin:0;padding:2px 6px;font-size:13px;position:absolute;bottom:10px;right:10px}.busy{background:var(--ink);color:var(--panel);padding:4px 10px;font-size:14px;font-weight:600;position:absolute;bottom:12px;left:32px}.crop-host{flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.crop-picture{-webkit-user-select:none;user-select:none;position:relative}.crop-picture img{width:100%;height:100%;display:block}.crop-frame{cursor:move;touch-action:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #10231f80}.crop-handle{background:var(--rule);touch-action:none;border:2px solid #fff;width:22px;height:22px;position:absolute}.crop-handle:after{content:"";position:absolute;inset:-13px}.crop-handle.nw{cursor:nwse-resize;top:-11px;left:-11px}.crop-handle.ne{cursor:nesw-resize;top:-11px;right:-11px}.crop-handle.sw{cursor:nesw-resize;bottom:-11px;left:-11px}.crop-handle.se{cursor:nwse-resize;bottom:-11px;right:-11px}.crop-note{background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:5px 10px;font-size:13px;display:flex}.key{background:var(--panel);border-left:2px solid var(--ink);flex-direction:column;min-height:0;display:flex}.key-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.key-head h2{font:800 30px/1 var(--font-display), sans-serif;text-transform:uppercase}.key-sort select{border:1px solid var(--line);background:#fff;border-radius:0;max-width:120px;min-height:32px;font-size:13px}.key-empty{color:var(--muted);padding:8px 12px}.key-tip{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:6px 12px 8px;font-size:13px}.key-list{border-top:2px solid var(--ink);scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.key-list li{border-bottom:1px solid var(--line)}.key-list li[data-open=true]{background:var(--tint)}.key-row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px 44px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:40px;padding:4px 12px;font-size:13.5px;line-height:1.2;display:grid}.key-row:hover{background:var(--paper)}.key-row:focus-visible{outline-offset:-2px}.key-name{overflow-wrap:anywhere;min-width:0}.key-count{font-variant-numeric:tabular-nums;text-align:right}.symbol{border:1px solid #10231f59;display:block}.key-actions{gap:14px;padding:4px 12px 10px 43px;font-size:13.5px;display:flex}.key-total{background:var(--ink);color:var(--panel);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ghost-on-ink{border:1px solid var(--panel);min-height:40px;color:var(--panel);cursor:pointer;background:0 0;font-weight:600}.ghost-on-ink:hover:not(:disabled){background:var(--panel);color:var(--ink)}.ghost-on-ink:disabled{opacity:.55;cursor:not-allowed}.ghost-on-ink:focus-visible{outline-color:var(--panel)}.key-more{display:none}.picker{border:2px solid var(--ink);background:var(--panel);width:min(460px,100vw - 24px);height:min(640px,100dvh - 24px);max-height:min(640px,100dvh - 24px);color:var(--ink);box-shadow:8px 8px 0 var(--rule);border-radius:0;padding:0}.picker[open]{flex-direction:column;display:flex}.picker::backdrop{background:#10231f8c}.picker-head{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.picker h2{font:800 32px/1 var(--font-display), sans-serif;text-transform:uppercase}.picker .field{padding:0 16px}.picker-count{color:var(--muted);padding:6px 16px;font-size:13px}.picker-list{border-top:1px solid var(--line);min-height:120px;overflow-y:auto}.picker-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:24px 56px 1fr;align-items:center;gap:8px;width:100%;min-height:42px;padding:4px 16px;display:grid}.picker-list button:hover{background:var(--tint)}.picker-list button:focus-visible{outline-offset:-2px}.picker-none{color:var(--muted);padding:16px}.drop-veil{z-index:20;color:#fff;font:800 64px/1 var(--font-display), sans-serif;text-transform:uppercase;text-align:center;pointer-events:none;background:#c8352beb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.foot{background:var(--ink);color:var(--panel);padding:40px 24px}.foot-in{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;display:flex}.foot nav{flex-wrap:wrap;gap:8px 24px;display:flex}.foot nav a,.foot nav button{min-height:32px;color:inherit;font:inherit;align-items:center;display:inline-flex}.foot-note{color:#b9cbc4;font-size:14px}.foot :focus-visible{outline-color:var(--panel)}.page-head{background:var(--panel);border-bottom:2px solid var(--ink);padding:16px 24px}.prose-page{max-width:720px;margin:0 auto;padding:56px 24px 96px;font-size:17px;line-height:1.65}.prose-page h1{font:800 clamp(52px, 8vw, 84px)/.95 var(--font-display), sans-serif;text-transform:uppercase;text-wrap:balance;margin-bottom:16px}.prose-page h2{font:800 40px/1 var(--font-display), sans-serif;text-transform:uppercase;margin:44px 0 12px}.prose-page p,.prose-page ul{margin-bottom:14px}.prose-page ul{padding-left:20px;list-style:square}.byline{color:var(--muted);font-size:15px}@media (max-width:1180px){.studio{grid-template-columns:320px minmax(0,1fr);height:auto;min-height:0}.panel{grid-row:1/span 2;height:100dvh;position:sticky;top:0}.panel h1{font-size:50px}.stage{height:72vh}.key{border-left:0;border-top:2px solid var(--ink);max-height:60vh}}@media (max-width:760px),(max-height:500px){html{scroll-padding-top:76px}.field input,.field select,.field textarea,.key-sort select{font-size:16px}.studio{flex-direction:column;display:flex}.panel{display:contents}.panel-intro,.panel>.primary,.panel>.secondary,.panel>.examples,.panel>.status,.panel>.field,.panel>.note,.panel>.group,.panel>.pair,.panel>.more,.export-row{margin-inline:16px}.panel-intro{order:0;padding-top:12px}.panel>.primary,.panel>.secondary{order:1;width:auto;margin-top:10px}.panel>.examples{order:2;margin-top:8px}.panel>.status{order:3;margin-top:8px}.panel>.status.float{width:auto;max-width:none;margin:0 12px;inset:8px 0 auto;transform:none}.panel>.status.float.second{top:auto;bottom:8px}.chart-host{margin-right:26px}.chart-host[data-away=true] .peek{display:block}.field select{min-height:44px}.key-sort select{min-height:34px}.stage{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);order:4;height:auto;margin-top:10px}.toolbar{display:contents}.toolbar>.seg:first-child{flex:none;order:0;margin:6px}.subbar{order:1}.crop-note,.edit-note{order:3}.edit-note.is-off{display:none}.chart-host,.crop-host{flex:none;order:2;height:min(100vw,58vh);min-height:320px}.toolbar>.seg,.thread-chip{flex:none;order:3;margin:6px 6px 0}.toolbar>.seg.right{order:4;margin-bottom:6px}.facts{border-top:1px solid var(--line);border-bottom:0;flex-direction:column;order:5}.panel>.group{order:6;margin-top:12px}.panel>.pair{order:7;margin-top:12px}.panel>.field,.panel>.note{order:8;margin-top:12px}.panel>.more{order:9;margin-top:4px}.export{display:contents}.export-row{order:11;margin-top:8px}.key{border-left:0;border-top:2px solid var(--ink);order:12;max-height:none;margin-top:16px}.key-list{overflow:visible}.key-list:not(.all) li:nth-child(n+7){display:none}.key-more{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;min-height:44px;font-weight:600;display:block}.export-main{z-index:5;background:var(--panel);border-bottom:2px solid var(--ink);order:5;padding:10px 16px;position:sticky;top:0}.export-main .primary,.export-main .secondary{text-align:center}.panel h1{margin-top:4px;font-size:46px}.lede{font-size:14px}.seg button{flex:1;padding-inline:2px}.seg.right{margin-left:0}.drop-veil{font-size:44px}}@media (max-height:500px) and (orientation:landscape){.panel h1{font-size:30px}.lede{font-size:13px}.chart-host,.crop-host{height:calc(100vh - 88px);min-height:180px}.toolbar>.seg,.thread-chip{margin-top:3px}.toolbar>.seg.right{margin-bottom:3px}.seg button{min-height:38px}}@media (max-width:340px){.panel h1{font-size:40px}.seg button{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.band{background:var(--panel);padding:80px 24px}.band-sheet{background:var(--paper)}.band-tint{background:var(--tint)}.band-ink{background:var(--ink);color:var(--panel)}.guide{border-top:2px solid var(--ink);font-size:17px;line-height:1.65}.wrap{max-width:1120px;margin-inline:auto}.two{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:72px;display:grid}.two>div>h2:first-child{margin-top:0}.stages{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.text{max-width:720px}figure{margin:0}figcaption{color:var(--muted);margin-top:4px;font-size:14px}.stages img,.sheet img{border:2px solid var(--ink);width:100%;height:auto;display:block}.inches{flex-wrap:wrap;gap:24px;display:flex}.side h3:first-of-type{margin-top:24px}.inch svg{border:2px solid var(--ink);display:block}.faqs{grid-template-columns:1fr 1fr;gap:0 56px;display:grid}.guide h2{font:800 52px/.98 var(--font-display), sans-serif;text-transform:uppercase;text-wrap:balance;margin:0 0 20px}.guide h3{margin:28px 0 6px;font-size:19px;font-weight:600;line-height:1.3}.guide p+p{margin-top:12px}.guide .byline{margin-bottom:12px}.guide a{text-decoration:underline}.steps{border-top:2px solid var(--ink);counter-reset:s;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px;display:grid}.steps li{counter-increment:s;padding:16px 20px 8px 0}.steps li+li{border-left:1px solid var(--line);padding-left:20px}.steps li:before{content:counter(s);font:800 44px/1 var(--font-display), sans-serif;color:var(--rule);display:block}.steps h3{margin-top:6px}.split{grid-template-columns:5fr 7fr;align-items:start;gap:56px;display:grid}.table{border-collapse:collapse;width:100%;font-size:16px}.table caption{text-align:left;padding-bottom:8px;font-weight:600}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #fbfdfb47;padding:12px 0}.table th{width:34%;padding-right:16px;font-weight:600}.formula{background:var(--panel);overflow-wrap:anywhere;margin:8px 0 12px;padding:12px 16px;font-weight:600}.formula var{font-style:normal}.tips{flex-direction:column;display:flex}.tips li{border-top:1px solid var(--line);padding:12px 0}.tips b{font-weight:600}.faq{padding:2px 0 14px}.faq h3{margin-top:18px}.sources{padding-left:20px;list-style:square}.sources li{margin-bottom:6px}.guide .wrap>h2:not(:first-child){margin-top:56px}@media (max-width:1000px){.two{grid-template-columns:1fr;gap:40px}}@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3){border-left:0;padding-left:0}.split{grid-template-columns:1fr;gap:24px}}@media (max-width:760px){.two,.faqs{grid-template-columns:1fr;gap:32px}.faqs{gap:0}.stages{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width:560px){.band{padding:56px 16px}.guide h2{font-size:42px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-left:0;border-top:1px solid var(--line);padding:12px 0}.steps li:first-child{border-top:0}.table th,.table td{border:0;width:auto;padding:0;display:block}.table td{border-bottom:1px solid #fbfdfb47;margin-bottom:12px;padding-bottom:12px}}.field select,.key-sort select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2310231f' stroke-width='2'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:0;min-height:40px;padding-right:28px}.key-sort select{min-height:34px}.crop-frame:focus-visible{outline:3px solid var(--rule);outline-offset:3px}@media (pointer:coarse){.export-row .link-btn{min-width:44px}.check{min-height:44px}.check input{width:24px;height:24px}.status.float button{min-width:44px;min-height:44px}.crop-link,.seg button,.key-sort select,.field input,.field select,.export-row .link-btn,.secondary.small,.key-row,.key-actions .link-btn,.picker-head .link-btn,.crop-note .link-btn,.key .link-btn,.ghost-on-ink,.subbar button:not(.link-btn),.secondary,.feedback-btn,.thread-chip,.more summary,.picker-list button,.foot nav a,.brand{min-height:44px}.picker-head .link-btn,.foot nav a,.foot nav button{min-width:44px;min-height:44px}main p>a:only-child{align-items:center;min-height:44px;display:inline-flex}.export-row{gap:0 14px}.field>span:has(.hint-btn){margin-bottom:8px}.crop-link{margin-top:6px}.key-actions{padding-top:8px}.key-sort select{padding-left:8px}.hint-btn:after{inset:-13px}.examples{line-height:44px}}@media (max-height:500px){.chart-host[data-away=true] .peek{display:none}.chart-host,.crop-host{height:calc(100vh - 100px)}.panel>.status.float.raised{width:220px;max-height:calc(100vh - 16px);margin:0;inset:8px auto auto 8px}}
