@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1e22;--white:#fff;--canvas:#f6f6f4;--muted:#55575c;--border:#d8d9d6;--focus:#3156b8;--stage:#eaeae8;--edge:#8a8a8d;--subtle:#6e6f74;--ink-hover:#33343a;--on-ink-muted:#ffffffc7;--swatch-ring:#1d1e2229;--warning:#6b4400;--error:#b3261e;--success:#1d6b3a;--font:"Inter Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--gutter:16px;--control-height:48px;--radius-inner:8px;--radius-control:12px;--radius-card:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.15s}@media (width>=768px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--edge) transparent}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5rem}::selection{background:var(--ink);color:var(--white)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input,textarea,select,button{font:inherit;caret-color:var(--ink);accent-color:var(--ink)}h1,h2,p,dl,dd{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.masthead{color:var(--white);background:var(--ink)}.masthead__inner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);width:min(100% - 2 * var(--gutter), 1120px);padding-block:var(--space-4);flex-wrap:wrap;margin-inline:auto;display:flex}.masthead__brand{align-items:center;gap:var(--space-3);display:flex}.masthead__tile{flex:none;width:40px;height:40px;display:block}.masthead__name{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.75rem}.masthead__promise{color:var(--on-ink-muted);text-wrap:pretty;font-size:.875rem;line-height:1.25rem}@media (width>=768px){.masthead__tile{width:48px;height:48px}}.page{width:min(100% - 2 * var(--gutter), 1120px);padding-block:var(--space-6) var(--space-12);margin-inline:auto}@media (width>=900px){.page{padding-block:var(--space-8) var(--space-16)}}.workbench{gap:var(--space-6);grid-template-areas:"content""label""style""options";display:grid}.workbench__content{grid-area:content}.workbench__style{grid-area:style}.workbench__options{grid-area:options}.workbench__label{grid-area:label}@media (width>=900px){.workbench{grid-template:"content label""style label""options label"1fr/minmax(0,3fr) minmax(360px,2fr);align-items:start}.workbench__label{top:var(--space-6);position:sticky}}.panel{padding:var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card)}.panel__title{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.75rem}.panel__note{margin-top:var(--space-4);color:var(--muted);text-wrap:pretty;font-size:.875rem;line-height:1.25rem}@media (width>=768px){.panel{padding:var(--space-6)}.panel__title{margin-bottom:var(--space-6);font-size:1.375rem;line-height:1.875rem}}.row{gap:var(--space-2);display:grid}.row+.row{margin-top:var(--space-6)}.row__label{font-size:.875rem;font-weight:500;line-height:1.25rem}.row__optional{margin-left:var(--space-2);color:var(--muted);font-size:.75rem;line-height:1rem}.row__control{min-width:0}.row__hint,.row__error{max-width:30rem;margin-top:var(--space-2);text-wrap:pretty;font-size:.875rem;line-height:1.25rem}.row__hint{color:var(--muted)}.row__error{align-items:flex-start;gap:var(--space-2);color:var(--error);font-weight:500;display:flex}.row--check{gap:0}.row--check .row__hint{padding-left:calc(22px + var(--space-3));margin-top:0}.icon{flex:none;width:20px;height:20px;display:block}.input{width:100%;min-height:var(--control-height);padding:11px var(--space-4);font-feature-settings:"cv05", "cv08";color:var(--ink);background-color:var(--white);border:1px solid var(--edge);border-radius:var(--radius-control);transition:border-color var(--duration) var(--ease-out);font-size:1rem;line-height:1.5rem;display:block}.input::placeholder{color:var(--subtle);opacity:1}.input:hover{border-color:var(--muted)}.input:focus-visible{border-color:var(--ink)}.input[aria-invalid=true]{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}textarea.input{resize:vertical;min-height:120px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27%3E%3Cpath d=%27M1 1l6 6 6-6%27 fill=%27none%27 stroke=%27%231d1e22%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer;padding-right:44px}.input-group{gap:var(--space-2);display:flex}.input-group .input{flex:auto;min-width:0}.check-row{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.check{appearance:none;background:var(--white) no-repeat center / 14px 14px;border:1px solid var(--edge);cursor:pointer;width:22px;height:22px;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);border-radius:6px;flex:none;margin:0}.check-row:hover .check{border-color:var(--muted)}.check:checked{background-color:var(--ink);border-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 14%27%3E%3Cpath d=%27M2.5 7.5l3 3 6-7%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}@media (forced-colors:active){.check{appearance:auto}}.color-field{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.color-field__swatch{width:var(--control-height);height:var(--control-height);background:var(--white);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;transition:border-color var(--duration) var(--ease-out);flex:none;padding:5px}.color-field__swatch:hover{border-color:var(--muted)}.color-field__swatch::-webkit-color-swatch-wrapper{padding:0}.color-field__swatch::-webkit-color-swatch{border:1px solid var(--swatch-ring);border-radius:7px}.color-field__swatch::-moz-color-swatch{border:1px solid var(--swatch-ring);border-radius:7px}.color-field__hex{font-variant-numeric:tabular-nums;width:8.5rem}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--white);border:1px solid var(--edge);border-radius:var(--radius-control);display:grid}.segmented__item{display:block;position:relative}.segmented__input{inset:calc(-1 * var(--space-1)) -2px;opacity:0;cursor:pointer;margin:0;position:absolute}.segmented__label{min-height:38px;padding:2px var(--space-2);text-align:center;color:var(--ink);border-radius:var(--radius-inner);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;line-height:1.125rem;display:flex}.segmented__detail{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;line-height:1rem;display:block}.segmented__item:hover .segmented__label{background:var(--canvas)}.segmented__item:has(.segmented__input:checked) .segmented__label{background:var(--ink);color:var(--white)}.segmented__item:has(.segmented__input:checked) .segmented__detail{color:var(--on-ink-muted)}.segmented__item:has(.segmented__input:focus-visible) .segmented__label{outline:2px solid var(--focus);outline-offset:2px}@media (width<=420px){.segmented__label{padding:2px 1px;font-size:.8125rem}}@media (width<=360px){.segmented__label{padding-inline:0;font-size:.75rem}}.shapes{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,56px));display:grid}.shape{aspect-ratio:1;padding:var(--space-2);color:var(--ink);background:var(--white);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);display:block;position:relative}.shape__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:-5px}.shape__art,.shape__art svg{width:100%;height:100%;display:block}.shape:hover{background:var(--canvas)}.shape:has(.shape__input:checked){color:var(--white);background:var(--ink);border-color:var(--ink)}.shape:has(.shape__input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}@media (width<=349px){.shapes{grid-template-columns:repeat(5,minmax(0,56px))}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:var(--control-height);padding:0 var(--space-4);white-space:nowrap;color:var(--ink);background:var(--white);border:1px solid var(--ink);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);font-size:1rem;font-weight:600;line-height:1.5rem;display:inline-flex}.button:hover:not(:disabled){background:var(--canvas)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{color:var(--subtle);background:var(--canvas);border-color:var(--border);cursor:not-allowed}.button--primary{color:var(--white);background:var(--ink);border-color:var(--ink)}.button--primary:hover:not(:disabled){background:var(--ink-hover);border-color:var(--ink-hover)}.button--compact{font-size:.875rem;line-height:1.25rem}.button[aria-pressed=true]{color:var(--white);background:var(--ink)}.button[aria-pressed=true]:hover{background:var(--ink-hover)}.stage{min-height:288px;padding:var(--space-6);background:var(--stage);border-radius:var(--radius-control);place-items:center;display:grid}.stage__code,.stage__placeholder{aspect-ratio:1;width:min(100%,300px)}.stage__code{animation:print .26s var(--ease-out)}.stage__code svg{width:100%;height:100%;display:block}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.stage__placeholder{gap:var(--space-4);padding:var(--space-6);text-align:center;color:var(--muted);background:var(--white);align-content:center;justify-items:center;font-size:.875rem;line-height:1.25rem;display:grid}.stage__placeholder svg{aspect-ratio:1;width:min(55%,150px);height:auto;color:var(--border)}.stage__placeholder p{text-wrap:balance;max-width:24ch}.stage__message{gap:var(--space-3);text-align:center;max-width:32ch;color:var(--error);justify-items:center;font-size:.875rem;font-weight:500;line-height:1.25rem;display:grid}.stage__message .icon{width:24px;height:24px}.notices{gap:var(--space-2);display:grid}.notices:not(:empty){margin-top:var(--space-4)}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--warning);background:var(--canvas);border-radius:var(--radius-control);text-wrap:pretty;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(176px,1fr));display:grid}.actions__primary{grid-column:1/-1}.status{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);color:var(--muted);font-size:.875rem;line-height:1.25rem;display:flex}.status:empty{margin-top:0}.status--success{color:var(--success)}.status--error{color:var(--error)}.facts{margin-top:var(--space-6);border-top:1px solid var(--border)}.facts__row{gap:var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr);padding-block:10px;font-size:.875rem;line-height:1.25rem;display:grid}.facts__row dt{color:var(--muted)}.facts__row dd{font-feature-settings:"cv05", "cv08";font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;font-weight:500}.facts--wide{margin-top:0}.facts--wide .facts__row{padding-block:var(--space-4);grid-template-columns:8rem minmax(0,34rem);font-size:1rem;line-height:1.5rem}.facts--wide .facts__row dt{color:var(--ink);font-weight:600}.facts--wide .facts__row dd{font-feature-settings:normal;text-align:left;color:var(--muted);text-wrap:pretty;font-weight:400}@media (width<=599px){.facts--wide .facts__row{gap:var(--space-1);grid-template-columns:1fr}}.colophon{margin-top:var(--space-12)}.colophon__title{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.75rem}.colophon__legal{margin-top:var(--space-6);color:var(--muted);font-size:.75rem;font-weight:500;line-height:1rem}@media (width>=768px){.colophon{margin-top:var(--space-16)}.colophon__title{font-size:1.375rem;line-height:1.875rem}}@media (prefers-reduced-motion:reduce){.stage__code{animation:none}.input,.check,.color-field__swatch,.button,.segmented__label,.shape{transition:none}}