@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}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.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;--accent:#5b3df5;--accent-tint:#efecfe;--accent-soft:#c8bdff;--accent-muted:#7b6af2;--accent-glow:#5b3df56b;--accent-edge:#180a6e52;--on-accent-muted:#ffffffe0;--mint:#d9f7e8;--mint-ink:#0e3d2b;--mint-line:#0b6b45;--mint-duo:#95e6c2;--pink:#fde3ef;--pink-ink:#4d0f30;--pink-line:#a8145b;--pink-duo:#f7aacb;--stage:#eaeae8;--edge:#8a8a8d;--subtle:#6e6f74;--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;--font-display:"Sora Variable", Sora, var(--font);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--gutter:16px;--page-top:var(--space-6);--control-height:48px;--action-height:56px;--radius-inner:10px;--radius-control:16px;--radius-stage:20px;--radius-card:24px;--radius-pill:999px;--shadow-card:0 1px 2px #1d1e220d, 0 8px 20px -10px #1d1e221f, 0 28px 48px -28px #1d1e2233;--shadow-lift:0 6px 12px -6px #1d1e2238, 0 14px 24px -14px #1d1e224d;--stripes-opacity:.06;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration:.15s;--duration-spring:.34s}@media (width>=768px){:root{--gutter:32px}}@media (width>=900px){:root{--page-top:var(--space-8)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--edge) transparent;scrollbar-gutter:stable;overflow-x:clip}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(--accent);color:var(--white)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select,button{font:inherit;caret-color:var(--accent);accent-color:var(--accent)}h1,h2,h3,p,dl,dd,ul{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{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.375rem;font-weight:700;line-height:1.75rem}.masthead__promise{max-width:36rem;color:var(--on-ink-muted);text-wrap:pretty;font-size:.875rem;line-height:1.25rem}@media (width>=768px){.masthead__inner{padding-block:var(--space-5)}.masthead__tile{width:48px;height:48px}.masthead__name{font-size:1.5rem;line-height:2rem}}.page{width:min(100% - 2 * var(--gutter), 1120px);padding-block:var(--page-top) var(--space-12);margin-inline:auto}@media (width>=900px){.page{padding-block-end:var(--space-16)}}.workbench{isolation:isolate;gap:var(--space-6);grid-template-areas:"content""label""style""options";display:grid;position:relative}.workbench:before{content:"";z-index:-1;top:calc(-1 * var(--page-top));bottom:calc(-1 * var(--space-6));opacity:var(--stripes-opacity);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27800%27 height=%27400%27 viewBox=%270 0 800 400%27%3E%3Cdefs%3E%3Cpath id=%27s%27 d=%27M-80 60C-67 55 -27 42 0 31C27 21 53 9 80 -3C107 -16 133 -30 160 -44C187 -58 213 -72 240 -85C267 -99 293 -111 320 -124C347 -137 373 -150 400 -164C427 -179 453 -195 480 -212C507 -228 533 -247 560 -262C587 -278 613 -294 640 -307C667 -319 693 -329 720 -340C747 -350 773 -358 800 -369C827 -379 867 -398 880 -403L880 -348C867 -344 827 -330 800 -322C773 -315 747 -310 720 -303C693 -296 667 -289 640 -278C613 -267 587 -252 560 -236C533 -221 507 -201 480 -182C453 -164 427 -145 400 -127C373 -109 347 -93 320 -77C293 -61 267 -45 240 -30C213 -15 187 0 160 14C133 27 107 41 80 52C53 62 27 70 0 78C-27 85 -67 94 -80 97ZM-80 178C-67 172 -27 157 0 145C27 134 53 121 80 107C107 92 133 74 160 57C187 41 213 22 240 6C267 -10 293 -24 320 -37C347 -50 373 -59 400 -71C427 -82 453 -92 480 -105C507 -117 533 -131 560 -145C587 -158 613 -173 640 -186C667 -199 693 -211 720 -222C747 -234 773 -243 800 -255C827 -266 867 -287 880 -293L880 -259C867 -251 827 -227 800 -214C773 -201 747 -191 720 -180C693 -169 667 -159 640 -147C613 -136 587 -123 560 -112C533 -101 507 -90 480 -79C453 -69 427 -61 400 -51C373 -41 347 -32 320 -19C293 -6 267 10 240 27C213 44 187 66 160 85C133 104 107 125 80 141C53 158 27 173 0 186C-27 199 -67 214 -80 220ZM-80 272C-67 264 -27 242 0 226C27 209 53 188 80 172C107 156 133 143 160 131C187 119 213 110 240 98C267 87 293 72 320 60C347 48 373 36 400 26C427 16 453 11 480 0C507 -11 533 -25 560 -39C587 -53 613 -72 640 -86C667 -101 693 -113 720 -128C747 -142 773 -158 800 -174C827 -191 867 -219 880 -228L880 -194C867 -184 827 -155 800 -137C773 -118 747 -100 720 -83C693 -66 667 -50 640 -33C613 -16 587 5 560 21C533 37 507 51 480 62C453 73 427 77 400 85C373 93 347 102 320 111C293 120 267 132 240 141C213 150 187 156 160 167C133 178 107 190 80 206C53 222 27 245 0 263C-27 282 -67 308 -80 317ZM-80 376C-67 368 -27 345 0 331C27 316 53 300 80 287C107 274 133 263 160 252C187 242 213 233 240 223C267 212 293 201 320 188C347 175 373 160 400 145C427 130 453 113 480 98C507 83 533 68 560 55C587 41 613 29 640 16C667 3 693 -10 720 -24C747 -39 773 -55 800 -69C827 -84 867 -105 880 -113L880 -91C867 -85 827 -66 800 -52C773 -38 747 -23 720 -8C693 6 667 20 640 35C613 50 587 63 560 79C533 94 507 111 480 128C453 145 427 164 400 180C373 196 347 212 320 224C293 237 267 246 240 256C213 265 187 271 160 280C133 289 107 298 80 309C53 320 27 334 0 348C-27 362 -67 384 -80 392Z%27/%3E%3C/defs%3E%3Cg fill=%27%231d1e22%27%3E%3Cuse href=%27%23s%27 y=%27-400%27/%3E%3Cuse href=%27%23s%27/%3E%3Cuse href=%27%23s%27 y=%27400%27/%3E%3C/g%3E%3C/svg%3E") 0 0/800px 400px;position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#000 calc(100% - 240px),#0000);mask-image:linear-gradient(#000 calc(100% - 240px),#0000)}.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}.colophon__notice .consent{align-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto}}.consent{gap:var(--space-4);color:var(--ink);font-size:1rem;line-height:1.5rem;display:grid}.consent[hidden]{display:none}.consent__body{gap:var(--space-2);max-width:44rem;display:grid}.consent__question{text-wrap:pretty;font-weight:600}.consent__text{color:var(--muted);text-wrap:pretty;font-size:.875rem;line-height:1.25rem}.consent__actions{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.consent--settings{margin-top:var(--space-3)}.panel{padding:var(--space-5);background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #1d1e220f}.panel__title{margin-bottom:var(--space-5);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.375rem;font-weight:700;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.5rem;line-height:2rem}}.row{gap:var(--space-2);display:grid}.row+.row{margin-top:var(--space-6)}.row__label{font-size:.875rem;font-weight:600;line-height:1.25rem}.row__optional{margin-left:var(--space-2);color:var(--muted);font-size:.75rem;font-weight:500;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:10px var(--space-4);font-feature-settings:"cv05", "cv08";color:var(--ink);background-color:var(--white);border:1.5px 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(--accent)}.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:600;line-height:1.25rem;display:inline-flex}.check{appearance:none;background:var(--white) no-repeat center / 14px 14px;border:1.5px solid var(--edge);cursor:pointer;width:22px;height:22px;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), transform var(--duration-spring) var(--ease-spring);border-radius:7px;flex:none;margin:0}.check-row:hover .check{border-color:var(--muted)}.check:checked{background-color:var(--accent);border-color:var(--accent);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")}.check-row:active .check{transform:scale(.88)}.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:1.5px 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:var(--radius-inner)}.color-field__swatch::-moz-color-swatch{border:1px solid var(--swatch-ring);border-radius:var(--radius-inner)}.color-field__hex{font-variant-numeric:tabular-nums;width:8.5rem}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--white);border:1.5px solid var(--edge);border-radius:var(--radius-card);flex-wrap:wrap;display:flex}.segmented__item{flex:1 1 0;min-width:max-content;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-pill);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;line-height:1.125rem;display:flex}.segmented__detail{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;font-weight:500;line-height:1rem;display:block}@media (hover:hover){.segmented__item:hover .segmented__label{background:var(--accent-tint)}}.segmented__item:has(.segmented__input:checked) .segmented__label{color:var(--white);background:var(--accent);box-shadow:0 6px 12px -6px var(--accent-glow)}.segmented__item:has(.segmented__input:checked) .segmented__detail{color:var(--on-accent-muted)}.segmented__item:has(.segmented__input:focus-visible) .segmented__label{outline:2px solid var(--accent);outline-offset:2px}@media (width<=420px){.segmented{gap:2px;padding:3px}.segmented__input{inset:-3px -1px}.segmented__item{flex:auto}.segmented__label{letter-spacing:-.01em;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:1.5px solid var(--edge);cursor:pointer;transition:transform var(--duration-spring) var(--ease-spring), background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out), box-shadow var(--duration-spring) var(--ease-out);border-radius:14px;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}@media (hover:hover){.shape:hover{border-color:var(--ink);box-shadow:var(--shadow-lift);transform:translateY(-3px)scale(1.06)}}.shape:active{transition-duration:90ms;transform:scale(.94)}.shape:has(.shape__input:checked){color:var(--white);background:var(--accent);border-color:var(--accent);box-shadow:0 8px 18px -8px var(--accent-glow), 0 2px 4px #2e1aaa2e}@media (hover:hover){.shape:has(.shape__input:checked):hover{box-shadow:0 14px 24px -10px var(--accent-glow), 0 4px 8px #2e1aaa2e}}.shape:has(.shape__input:focus-visible){outline:2px solid var(--accent);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-5);white-space:nowrap;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--duration-spring) var(--ease-spring), box-shadow var(--duration-spring) var(--ease-out), background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);font-size:1rem;font-weight:600;line-height:1.5rem;display:inline-flex;box-shadow:inset 0 -3px #1d1e221f,0 1px 2px #1d1e2214}@media (hover:hover){.button:hover:not(:disabled){transform:translateY(-4px);box-shadow:inset 0 -3px #1d1e221f,0 10px 16px -10px #1d1e2273,0 18px 32px -18px #1d1e2259}}.button:active:not(:disabled){transition-duration:80ms;transform:translateY(0);box-shadow:inset 0 -1px #1d1e221f,0 1px 1px #1d1e2214}.button:disabled{color:var(--subtle);background:var(--canvas);border-color:var(--edge);box-shadow:none;cursor:not-allowed}.button--primary{color:var(--white);background:var(--accent);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent-edge), 0 2px 4px #2e1aaa29, 0 12px 24px -12px var(--accent-glow)}@media (hover:hover){.button--primary:hover:not(:disabled){box-shadow:inset 0 -3px 0 var(--accent-edge), 0 10px 16px -8px #2e1aaa52, 0 22px 36px -16px var(--accent-glow)}}.button--primary:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--accent-edge), 0 1px 2px #2e1aaa33}.button--primary:disabled{color:var(--accent-muted);background:var(--accent-tint);border-color:var(--accent-soft)}.button--compact{padding-inline:var(--space-4);font-size:.875rem;line-height:1.25rem}.button[aria-pressed=true]{color:var(--white);background:var(--accent);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent-edge)}.stage{min-height:288px;padding:var(--space-6);background:var(--stage);border-radius:var(--radius-stage);place-items:center;display:grid;box-shadow:inset 0 1px 3px #1d1e2214}.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-3);padding:var(--space-5) var(--space-4);text-align:center;color:var(--muted);background:var(--white);grid-template-rows:minmax(0,1fr) auto;justify-items:center;font-size:.9375rem;font-weight:500;line-height:1.375rem;display:grid;position:relative}.stage__placeholder p{text-wrap:balance;grid-row:2;max-width:22ch}.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}.zebra{width:auto;max-width:100%;height:100%;color:var(--ink);grid-row:1/2;margin-inline:auto;animation:2.4s ease-in-out 2 zebra-bob;display:block;position:absolute;inset:0;overflow:visible}.zebra__ear{fill:var(--accent-soft)}.zebra__head{transform-box:fill-box;transform-origin:50% 100%;animation:zebra-tilt 4.8s var(--ease-out)}.zebra__wink,.zebra__blink{transform-box:fill-box;transform-origin:50%}.zebra__wink{animation:zebra-wink 4.8s var(--ease-out)}.stage__placeholder:hover .zebra__blink{animation:zebra-blink .7s var(--ease-out)}.zebra__spark{fill:var(--accent);transform-box:fill-box;transform-origin:50%;opacity:0;animation:zebra-spark 4.8s var(--ease-out)}@keyframes zebra-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes zebra-tilt{0%,18%,44%,to{transform:rotate(0)}24%,36%{transform:rotate(-6deg)}}@keyframes zebra-wink{0%,22%,36%,to{transform:scaleY(1)}25%,32%{transform:scaleY(0)}}@keyframes zebra-blink{0%,to{transform:scaleY(1)}30%,60%{transform:scaleY(0)}}@keyframes zebra-spark{0%,22%,46%,to{opacity:0;transform:scale(.3)rotate(0)}28%{opacity:1;transform:scale(1.15)rotate(20deg)}38%{opacity:1;transform:scale(1)rotate(30deg)}}.dock{display:none}@media not all and (width>=900px){.dock{z-index:10;background:var(--white);box-shadow:var(--shadow-card);visibility:hidden;transition:transform .26s var(--ease-out), visibility 0s linear .26s;border-bottom:1px solid #1d1e220f;display:block;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.dock[data-shown]{visibility:visible;transition:transform .26s var(--ease-out);transform:none}.dock__inner{align-items:center;gap:var(--space-4);width:min(100% - 2 * var(--gutter), 1120px);padding-block:var(--space-2);margin-inline:auto;display:flex}.dock__stage{padding:var(--space-2);background:var(--stage);border-radius:var(--radius-control);flex:none;box-shadow:inset 0 1px 3px #1d1e2214}.dock__code{aspect-ratio:1;width:clamp(56px,13vh,112px);animation:print .26s var(--ease-out)}.dock__code svg{width:100%;height:100%;display:block}.dock__body{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.dock__text{gap:var(--space-1);flex:10rem;display:grid}.dock__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.5rem}.dock__warning{align-items:flex-start;gap:var(--space-2);color:var(--warning);font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.dock__button{white-space:normal}}.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-3) var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(176px,1fr));display:grid}.actions .button{min-height:var(--action-height);font-size:1.0625rem}.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}.colophon{margin-top:var(--space-12)}.colophon__title{margin-bottom:var(--space-6);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:1.75rem;font-weight:700;line-height:2.25rem}.features{gap:var(--space-4);padding:0;list-style:none;display:grid}.feature{align-content:start;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-6);color:var(--feature-ink);background:var(--feature-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title icon""text text";display:grid}.feature__title{font-family:var(--font-display);letter-spacing:-.02em;grid-area:title;font-size:1.375rem;font-weight:700;line-height:1.75rem}.feature__icon{width:56px;height:56px;color:var(--feature-line);grid-area:icon;display:block}.feature__icon .duo{fill:var(--feature-duo)}.feature__text{max-width:38ch;color:var(--feature-text);text-wrap:pretty;grid-area:text}.feature--static{--feature-surface:var(--accent);--feature-ink:var(--white);--feature-text:var(--on-accent-muted);--feature-line:var(--white);--feature-duo:#ffffff4d}.feature--private{--feature-surface:var(--mint);--feature-ink:var(--mint-ink);--feature-text:var(--mint-ink);--feature-line:var(--mint-line);--feature-duo:var(--mint-duo)}.feature--yours{--feature-surface:var(--pink);--feature-ink:var(--pink-ink);--feature-text:var(--pink-ink);--feature-line:var(--pink-line);--feature-duo:var(--pink-duo)}.feature--scannable{--feature-surface:var(--ink);--feature-ink:var(--white);--feature-text:var(--on-ink-muted);--feature-line:var(--white);--feature-duo:var(--accent)}.colophon__credit{margin-top:var(--space-6);color:var(--muted);font-size:.875rem;line-height:1.25rem}.colophon__link,.text-link{color:var(--ink);text-decoration-line:underline;-webkit-text-decoration-color:var(--edge);text-decoration-color:var(--edge);text-underline-offset:.2em;transition:text-decoration-color var(--duration) var(--ease-out);text-decoration-thickness:1px}@media (hover:hover){.colophon__link:hover,.text-link:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}}.colophon__button{cursor:pointer;background:0 0;border:0;padding:0}.colophon__notice{margin-top:var(--space-2);color:var(--muted);font-size:.875rem;line-height:1.25rem}.colophon__legal{margin-top:var(--space-2);color:var(--muted);font-size:.75rem;font-weight:500;line-height:1rem}@media (width>=640px){.features{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.colophon{margin-top:var(--space-16)}.colophon__title{font-size:2.25rem;line-height:2.75rem}.feature{padding:var(--space-8)}}.privacy{max-width:44rem}.privacy>*+*{margin-top:var(--space-3)}.privacy>h2,.privacy>.privacy__back{margin-top:var(--space-8)}.privacy>.privacy__updated{margin-top:var(--space-2)}.privacy__title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:1.75rem;font-weight:700;line-height:2.25rem}.privacy__updated{color:var(--muted);font-size:.875rem;line-height:1.25rem}.privacy h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.375rem;font-weight:700;line-height:1.75rem}.privacy p,.privacy li{overflow-wrap:break-word;text-wrap:pretty;max-width:65ch}.privacy ul{padding-left:1.25rem}.privacy li+li{margin-top:var(--space-2)}.privacy code{font-feature-settings:"cv05", "cv08";font-family:inherit;font-weight:500}.privacy .consent--settings{background:var(--canvas);border-radius:var(--radius-stage);box-shadow:none;border:0}@media (width>=768px){.privacy__title{font-size:2.25rem;line-height:2.75rem}}.policy-dialog{overscroll-behavior:contain;width:auto;max-width:none;height:auto;max-height:none;color:var(--ink);background:var(--white);border:0;margin:0;padding:0;inset:0;overflow:auto}.policy-dialog::backdrop{background:#1d1e2280}html:has(.policy-dialog[open]){overflow:hidden}.policy-dialog__bar{z-index:1;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);background:var(--white);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;top:0}.policy-dialog__bar .button{flex:none}.policy-dialog__title{font-family:var(--font-display);letter-spacing:-.02em;flex:1 1 0;font-size:1.375rem;font-weight:700;line-height:1.75rem}.policy-dialog__body{max-width:none;padding:var(--space-5) var(--space-5) var(--space-8)}.policy-dialog__body>.privacy__updated:first-child{margin-top:0}.policy-dialog__body *{scroll-margin-top:calc(var(--policy-bar-height,0px) + var(--space-2))}@media (width>=768px) and (height>=500px){.policy-dialog{width:min(100% - 2 * var(--gutter), 44rem);height:fit-content;max-height:calc(100% - 2 * var(--space-8));border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #1d1e220f;margin:auto}.policy-dialog__bar{padding:var(--space-4) var(--space-6)}.policy-dialog__title{font-size:1.5rem;line-height:2rem}.policy-dialog__body{padding:var(--space-6)}}@media (forced-colors:active){.check{appearance:auto}.workbench:before{display:none}.shape:has(.shape__input:checked){outline-offset:2px;outline:3px solid highlight}.segmented__item:has(.segmented__input:checked) .segmented__label{outline-offset:2px;outline:3px solid highlight}}@media (prefers-reduced-motion:reduce){.stage__code,.dock__code,.zebra,.zebra__head,.zebra__wink,.zebra__spark,.stage__placeholder:hover .zebra__blink{animation:none}.input,.check,.color-field__swatch,.button,.segmented__label,.shape,.colophon__link,.text-link,.dock,.dock[data-shown]{transition:none}.shape:hover,.shape:active,.check-row:active .check,.button:hover:not(:disabled),.button:active:not(:disabled){transform:none}}
