.about{border:1px solid var(--hairline);background:var(--bg);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);box-shadow:0 1.5rem 4rem rgb(var(--shadow) / .22);border-radius:1.25rem;margin:auto;padding:0}.about::backdrop{background:rgb(var(--shadow) / .35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about[open]{animation:about-in .42s var(--ease-settle,ease-out)}@keyframes about-in{0%{opacity:0;transform:translateY(.75rem)}}.about-body{gap:1rem;padding:clamp(1.5rem,4vw,2.25rem);display:grid}.about-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.about h2{font-family:var(--font-heading);font-variation-settings:"opsz" 48, "SOFT" 100;margin:0;font-size:1.75rem;font-weight:500}.about p{color:var(--fg-muted);margin:0;line-height:1.55}.about .about-lead{color:var(--fg);font-size:1.125rem}.about-credits{border-top:1px solid var(--hairline);gap:.75rem;margin:.5rem 0 0;padding-top:1.25rem;display:grid}.about-credits div{grid-template-columns:7.5rem 1fr;gap:1rem;display:grid}.about-credits dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:.6875rem;font-weight:500;line-height:1.9}.about-credits dd{margin:0;font-size:.9375rem;line-height:1.5}.about a{color:inherit;text-underline-offset:.2em}.about-close{border:1px solid var(--line);color:var(--fg);font:500 .875rem var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem}.about-close:hover{border-color:var(--fg)}.about :focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=30rem){.about-credits div{grid-template-columns:1fr;gap:.125rem}}@media (prefers-reduced-motion:reduce){.about[open]{animation:none}}.segmented{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.segmented legend{float:left;padding:0}.segmented-options{border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.segmented-option{cursor:pointer;flex:1;position:relative}.segmented-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-option span{text-align:center;color:var(--fg-muted);border-radius:999px;padding:.45rem .5rem;font-size:.875rem;transition:background-color .2s cubic-bezier(.62,.28,.02,1),color .2s;display:block}.segmented-option:hover span{color:var(--fg)}.segmented-option input:checked+span{background:var(--fg);color:var(--bg);font-weight:500}.segmented-option:has(input:disabled){cursor:not-allowed}.segmented-option input:disabled{cursor:not-allowed}.segmented-option input:disabled+span{color:var(--line);text-decoration:line-through;-webkit-text-decoration-color:rgb(var(--shadow) / .3);text-decoration-color:rgb(var(--shadow) / .3)}.segmented-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.stage{z-index:0;position:fixed;inset:0}.stage-fabric{display:block;position:absolute;inset:0}.stage-input{color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.stage-input::selection{background:0 0}.stage-caret{background:var(--accent);pointer-events:none;border-radius:1px;animation:1.1s step-end infinite caret-blink;position:absolute}@keyframes caret-blink{50%{opacity:0}}.stage-note{text-align:center;pointer-events:none;width:min(36rem,100vw - 2rem);position:absolute;top:60%;left:50%;transform:translate(-50%)}.stage-note>*{pointer-events:auto}.stage-hint{color:var(--fg-muted);margin:0;font-size:.9375rem}.stage-hint kbd{border:1px solid var(--line);font-family:var(--font-mono);border-radius:.3rem;padding:.1rem .4rem;font-size:.8125rem}.stage-notice{box-shadow:0 1px 2px rgb(var(--shadow) / .12);color:var(--fg);background:#ffffffd1;border-radius:.6rem;margin:0;padding:.55rem .9rem;font-size:.875rem;display:inline-block}.stage-notice .link-button{margin-left:.25rem}@media (prefers-reduced-motion:reduce){.stage-caret{animation:none}}.styles{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;display:grid}.style-tile{border:1px solid var(--hairline);background:var(--sheet);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:.875rem;gap:.35rem;padding:.5rem .5rem .6rem;transition:border-color .16s,transform .22s cubic-bezier(.62,.28,.02,1);display:grid}.style-tile:hover{border-color:var(--line);transform:translateY(-1px)}.style-tile[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.style-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.style-preview{background:repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 6px),repeating-linear-gradient(#0000000d 0 1px,#0000 1px 6px);border-radius:.5rem;width:100%;height:4.5rem;display:block}.style-name{justify-content:space-between;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}.style-tag{font-family:var(--font-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:400}.style-note{color:var(--fg-muted);font-size:.6875rem}@media (prefers-reduced-motion:reduce){.style-tile{transition:none}}.legend{color:var(--sheet-ink);margin-top:clamp(.75rem,2vw,1.5rem)}.legend-rows{border-top:1px solid rgb(var(--shadow) / .12);margin:0;padding:0;list-style:none}.legend-rows>li{border-bottom:1px solid rgb(var(--shadow) / .08)}.legend-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;grid-template-columns:1.25rem minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.55rem .5rem;font-size:.875rem;transition:background-color .16s;display:grid}.legend-row:hover,.legend-row[data-active]{background:rgb(var(--shadow) / .06)}.legend-row[aria-pressed=true]{background:rgb(var(--shadow) / .1)}.legend-row:focus-visible{outline:2px solid var(--sheet-ink);outline-offset:2px}.legend-fabric{cursor:default}.legend-symbol{width:1.25rem;height:1.25rem;display:block}.legend-thread{min-width:0}.legend-code{font-weight:500}.legend-use{color:var(--sheet-muted);font-size:.8125rem}.legend-count{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5rem}.legend-total{color:var(--sheet-muted);justify-content:space-between;margin:0;padding:.55rem .5rem 0;font-size:.8125rem;display:flex}@media (width<=480px){.legend-row{grid-template-columns:1.25rem minmax(0,1fr) auto}.legend-use{display:none}}.thread-key{z-index:2;width:18rem;box-shadow:0 1px 2px rgb(var(--shadow) / .1), 0 18px 40px -22px rgb(var(--shadow) / .35);background:#ffffffeb;border-radius:1rem;padding:.5rem .75rem .75rem;position:fixed;bottom:clamp(.75rem,3vh,2rem);left:clamp(1rem,3vw,2.5rem)}.thread-key .legend,.thread-key-inline .legend{margin-top:0}.thread-key .legend-rows,.thread-key-inline .legend-rows{border-top:0}.thread-key .legend-row,.thread-key-inline .legend-row{grid-template-columns:1.25rem minmax(0,1fr) auto;padding:.45rem .25rem;font-size:.8125rem}.thread-key .legend-use,.thread-key-inline .legend-use{display:none}.thread-key .legend-total,.thread-key-inline .legend-total{padding:.5rem .25rem 0}.thread-key-size{border-top:1px solid rgb(var(--shadow) / .08);gap:.1rem;margin:.5rem 0 0;padding:.5rem .25rem 0;font-size:.8125rem;display:grid}.thread-key-muted{color:var(--fg-muted);font-size:.75rem}.threads{border:0;gap:.875rem;min-width:0;margin:0;padding:0;display:grid}.threads legend{float:left;padding:0}.threads button{font:inherit;color:inherit;cursor:pointer}.threads button:focus-visible,.threads-field:focus-visible,.threads-hue:focus-visible,.threads-code:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.threads-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.5rem;display:grid}.threads-tab{border:1px solid var(--line);text-align:left;background:0 0;border-radius:.625rem;align-items:center;gap:.625rem;min-width:0;padding:.5rem .625rem;display:flex}.threads-tab[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.threads-tab-text{min-width:0;font-size:.75rem;line-height:1.35;display:grid}.threads-tab-text .mono{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);overflow:hidden}.threads-role{font-size:.8125rem;font-weight:600}.threads-chip{width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px rgb(var(--shadow) / .2);border-radius:50%;flex:none}.threads-field{touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px rgb(var(--shadow) / .15);border-radius:.625rem;position:relative;overflow:hidden}.threads-field canvas{aspect-ratio:4/3;width:100%;display:block}.threads-handle{pointer-events:none;border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000073}.threads-hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:1rem;margin:0}.threads-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 1px 4px #00000073}.threads-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 1px 4px #00000073}.threads-entry{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.threads-entry-label{color:var(--fg-muted);font-size:.8125rem}.threads-code{border:1px solid var(--line);background:var(--sheet);width:7.5rem;color:var(--fg);border-radius:.5rem;padding:.4rem .6rem;font-size:.875rem}.threads-near{flex-wrap:wrap;gap:.375rem;display:flex}.threads-near-option{border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .55rem .3rem .35rem;font-size:.75rem;display:inline-flex}.threads-near-option .threads-chip{width:1rem;height:1rem}.threads-near-option[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.threads-notes p{border-left:2px solid var(--accent);color:var(--fg);margin:0;padding:.5rem .75rem;font-size:.8125rem}@media (pointer:coarse){.threads-hue{height:1.75rem}.threads-hue::-webkit-slider-thumb{width:2rem;height:2rem}.threads-hue::-moz-range-thumb{width:1.75rem;height:1.75rem}}.toolbar-wrap{z-index:3;width:max-content;max-width:calc(100vw - 1.5rem);position:fixed;bottom:clamp(.75rem,3vh,2rem);left:50%;transform:translate(-50%)}.toolbar{--bar-pad:.5rem;--item-radius:.875rem;padding:var(--bar-pad);border-radius:calc(var(--item-radius) + var(--bar-pad));box-shadow:0 1px 2px rgb(var(--shadow) / .1), 0 18px 40px -18px rgb(var(--shadow) / .35);background:#fff;align-items:stretch;gap:.5rem;display:flex}.toolbar-items{scrollbar-width:none;gap:.125rem;margin:-6px;padding:6px;list-style:none;display:flex;overflow-x:auto}.toolbar-items::-webkit-scrollbar{display:none}.toolbar-items>li{flex:none}.toolbar-item{border-radius:var(--item-radius);min-width:5.5rem;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.05rem;padding:.55rem 1rem;transition:background-color .16s;display:grid}.toolbar-item:hover{background:var(--bg)}.toolbar-item[aria-expanded=true]{background:var(--bg);box-shadow:inset 0 0 0 1px var(--hairline)}.toolbar-item:focus-visible,.toolbar-close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.toolbar-label{font-family:var(--font-heading);white-space:nowrap;font-size:1rem;font-weight:500}.toolbar-value{max-width:9rem;font-family:var(--font-mono);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex;overflow:hidden}.toolbar-swatch{width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1px rgb(var(--shadow) / .2);border-radius:50%;flex:none}.toolbar-action{flex:none;padding-left:.25rem;display:flex}.toolbar-download{border-radius:var(--item-radius);background:var(--accent);color:#fbf4ec;font:inherit;white-space:nowrap;cursor:pointer;border:0;padding:0 1.25rem;font-weight:500;transition:background-color .16s}.toolbar-download:hover{background:var(--accent-strong)}.toolbar-download:disabled{opacity:.55;cursor:default}.toolbar-download:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.toolbar-panel{width:min(22rem,100vw - 2rem);max-height:min(70vh,40rem);box-shadow:0 1px 2px rgb(var(--shadow) / .1), 0 24px 56px -20px rgb(var(--shadow) / .4);visibility:hidden;background:#fff;border-radius:1.25rem;padding:1rem 1.25rem 1.25rem;position:absolute;bottom:calc(100% + .75rem);left:50%;overflow:auto}.toolbar-panel[data-placed]{visibility:visible;animation:.22s cubic-bezier(.2,.7,.2,1) panel-in}.toolbar-panel[data-wide]{width:min(44rem,100vw - 2rem)}@keyframes panel-in{0%{opacity:0;transform:translateY(.5rem)}}.toolbar-panel-head{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.toolbar-panel .toolbar-panel-head{z-index:1;background:#fff;margin:-1rem -1.25rem .875rem;padding:1rem 1.25rem .5rem;position:sticky;top:-1rem}.toolbar-panel-head h2{font-family:var(--font-heading);margin:0;font-size:1.125rem;font-weight:500}.toolbar-close{width:2rem;height:2rem;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.toolbar-close:after{content:"";position:absolute;inset:-6px}.toolbar-close:hover{background:var(--bg)}.toolbar-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:1rem;height:1rem}.toolbar-panel .hint{color:var(--fg-muted);margin:.75rem 0 0;font-size:.8125rem}.toolbar-wrap-compact{bottom:max(.75rem, env(safe-area-inset-bottom))}.toolbar-compact{--bar-pad:.375rem;gap:.375rem}.toolbar-adjust{border-radius:var(--item-radius);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.8rem 1.1rem .8rem .9rem;font-weight:500;display:inline-flex}.toolbar-adjust:hover,.toolbar-adjust[aria-expanded=true]{background:var(--bg)}.toolbar-adjust:focus-visible,.toolbar-tab:focus-visible,.toolbar-download-icon:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.toolbar-adjust svg,.toolbar-download-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.375rem;height:1.375rem}.toolbar-download-icon{border-radius:var(--item-radius);background:var(--accent);color:#fbf4ec;cursor:pointer;border:0;place-items:center;width:3rem;display:grid}.toolbar-download-icon:disabled{opacity:.55;cursor:default}.toolbar-scrim{z-index:4;background:rgb(var(--shadow) / .32);animation:.2s scrim-in;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}}.toolbar-sheet{z-index:5;height:72dvh;padding:.5rem 1.25rem max(1.25rem, env(safe-area-inset-bottom));box-shadow:0 -12px 40px -16px rgb(var(--shadow) / .35);background:#fff;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;animation:.26s cubic-bezier(.2,.7,.2,1) sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-up{0%{transform:translateY(100%)}}.toolbar-sheet-grip{background:var(--hairline);border-radius:999px;width:2.5rem;height:.25rem;margin:0 auto .75rem}.toolbar-tabs{border-bottom:1px solid var(--hairline);scrollbar-width:none;gap:.25rem;margin:0 -1.25rem .75rem;padding:4px 1.25rem .75rem;display:flex;overflow-x:auto}.toolbar-tabs::-webkit-scrollbar{display:none}.toolbar-tab{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex:none;justify-items:center;gap:.05rem;padding:.5rem .8rem;transition:background-color .22s,box-shadow .22s;display:grid}.toolbar-tab[aria-selected=true]{background:var(--bg);box-shadow:inset 0 0 0 1px var(--hairline)}.toolbar-sheet>:not(.toolbar-sheet-body){flex:none}.toolbar-sheet-body{flex:1;min-height:0;margin-inline:-6px;padding:6px 6px .5rem;overflow:hidden auto}.toolbar-sheet-pane{animation:.26s cubic-bezier(.2,.7,.2,1) pane-forward}.toolbar-sheet-pane[data-direction=back]{animation-name:pane-back}@keyframes pane-forward{0%{opacity:0;transform:translate(1.25rem)}}@keyframes pane-back{0%{opacity:0;transform:translate(-1.25rem)}}.toolbar-sheet .styles{grid-template-columns:repeat(2,minmax(0,1fr))}@media (prefers-reduced-motion:reduce){.toolbar-panel[data-placed],.toolbar-sheet,.toolbar-scrim,.toolbar-sheet-pane{animation:none}.toolbar-tab{transition:none}}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 0;letter-spacing:0}.field-row{justify-content:space-between;align-items:baseline;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:.6875rem;font-weight:500}.value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.width-control{gap:.5rem;display:grid}.range{--fill:25%;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fg) var(--fill), var(--line) var(--fill));height:2px}.range::-moz-range-track{background:var(--line);height:2px}.range::-moz-range-progress{background:var(--fg);height:2px}.range::-webkit-slider-thumb{appearance:none;background:var(--fg);border-radius:50%;width:1.125rem;height:1.125rem;margin-top:calc(1px - .5625rem);transition:transform .16s;box-shadow:0 0 0 4px #fff}.range::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:1.125rem;height:1.125rem;box-shadow:0 0 0 4px #fff}.range:hover::-webkit-slider-thumb{transform:scale(1.15)}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range:focus{outline:none}.range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus);outline-offset:3px}.range:focus-visible::-moz-range-thumb{outline:3px solid var(--focus);outline-offset:3px}.range-scale{color:var(--fg-muted);justify-content:space-between;margin-top:-.25rem;font-size:.6875rem;display:flex}.link-button{color:var(--fg);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration-thickness:2px}.link-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.width-auto{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-self:start;margin-top:.25rem;padding:.4rem .9rem;font-size:.875rem;transition:background-color .16s}.width-auto[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:#fff}.width-auto:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (pointer:coarse){.range{height:2.75rem}}.crashed{text-align:center;justify-items:center;gap:.75rem;max-width:24rem;margin:0 auto;padding:20vh 1rem 2rem;display:grid}.crashed h2{font-family:var(--font-heading);margin:0;font-size:1.75rem;font-weight:500}.crashed p{color:var(--fg-muted);margin:0}.crashed button{background:var(--accent);color:#fbf4ec;font:inherit;cursor:pointer;border:0;border-radius:.875rem;margin-top:.5rem;padding:.75rem 1.25rem;font-weight:500}.crashed button:hover{background:var(--accent-strong)}.crashed button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}