.drawing.svelte-qkpwnh{justify-items:center;gap:16px;width:min(90%,460px);min-width:0;padding-block:36px 24px;display:grid}.window.svelte-qkpwnh{background:var(--color-bg);border-radius:12px;width:100%;min-width:0;box-shadow:0 30px 50px -28px #3e5f7899}.bar.svelte-qkpwnh{box-shadow:inset 0 -1px 0 var(--color-line);font:400 .8125rem / 1 var(--font-display);align-items:center;gap:10px;padding:10px 14px;display:flex}.bar.svelte-qkpwnh b:where(.svelte-qkpwnh){font-weight:600}.controls.svelte-qkpwnh{color:var(--color-muted);align-items:center;gap:10px;margin-left:auto;display:flex}.controls.svelte-qkpwnh i:where(.svelte-qkpwnh){background:currentColor;width:9px;height:1.5px}.controls.svelte-qkpwnh i:where(.svelte-qkpwnh)+i:where(.svelte-qkpwnh){background:0 0;height:9px;box-shadow:inset 0 0 0 1.5px}.paste.svelte-qkpwnh{box-shadow:inset 0 0 0 1px var(--color-line-strong);border-radius:9px;align-items:center;gap:10px;margin:16px 16px 12px;padding:6px 6px 6px 12px;display:flex}.link.svelte-qkpwnh{color:var(--color-muted);display:grid}.typed.svelte-qkpwnh{min-width:0;color:var(--color-ink);font:400 .75rem / 1.2 var(--font-mono);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.caret.svelte-qkpwnh{vertical-align:-.15em;background:var(--color-accent);width:1.5px;height:1em;margin-left:1px;animation:1s step-end infinite svelte-qkpwnh-blink;display:inline-block}.caret.hidden.svelte-qkpwnh{visibility:hidden}@keyframes svelte-qkpwnh-blink{50%{opacity:0}}.go.svelte-qkpwnh{background:var(--color-ink);color:var(--color-bg);font:500 .6875rem / 1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:7px 12px}.row.svelte-qkpwnh{background:color-mix(in srgb, var(--color-bg-alt) 55%, var(--color-bg));opacity:0;transition:opacity .35s var(--ease), translate .45s var(--ease-expo);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin:0 16px;padding:12px;display:grid;translate:0 -6px}.row.listed.svelte-qkpwnh{opacity:1;translate:0}.kind.svelte-qkpwnh{background:color-mix(in srgb, var(--tint) 14%, var(--color-bg));width:32px;height:32px;color:var(--tint);border-radius:8px;place-items:center;display:grid}.text.svelte-qkpwnh{gap:3px;min-width:0;display:grid}.text.svelte-qkpwnh strong:where(.svelte-qkpwnh){font:500 .8125rem / 1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta.svelte-qkpwnh,.pct.svelte-qkpwnh{color:var(--color-muted);font:400 .625rem / 1.2 var(--font-mono)}.state.svelte-qkpwnh{gap:6px;display:flex}.button.svelte-qkpwnh{box-shadow:inset 0 0 0 1px var(--color-line-strong);font:500 .6875rem / 1 var(--font-display);animation:svelte-qkpwnh-pop .4s var(--ease-expo);border-radius:6px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.convert.svelte-qkpwnh{background:var(--color-accent);box-shadow:none;color:#fff}@keyframes svelte-qkpwnh-pop{0%{opacity:0;scale:.8}}.blocks.svelte-qkpwnh{grid-column:1/-1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.blocks.svelte-qkpwnh i:where(.svelte-qkpwnh){background:var(--color-line);height:7px;transition:background-color .2s var(--ease);border-radius:2px}.blocks.svelte-qkpwnh i.on:where(.svelte-qkpwnh){background:var(--color-accent)}.saved.svelte-qkpwnh{color:var(--color-muted);opacity:0;transition:opacity .35s var(--ease);align-items:center;gap:8px;margin:0;padding:12px 16px 16px;font-size:.8125rem;display:flex}.saved.shown.svelte-qkpwnh{opacity:1}.tick.svelte-qkpwnh{background:var(--color-accent);color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.kinds.svelte-qkpwnh{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.kinds.svelte-qkpwnh button:where(.svelte-qkpwnh){background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-muted);cursor:pointer;font:400 .6875rem / 1.2 var(--font-mono);border:0;border-radius:6px;padding:5px 10px}.kinds.svelte-qkpwnh button:where(.svelte-qkpwnh):hover{color:var(--color-ink)}.kinds.svelte-qkpwnh button[aria-pressed=true]:where(.svelte-qkpwnh){background:var(--color-accent);color:#fff}.kinds.svelte-qkpwnh button:where(.svelte-qkpwnh):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.caret.svelte-qkpwnh,.button.svelte-qkpwnh{animation:none}}.browser.svelte-r3cpw7{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.copy.svelte-r3cpw7{gap:32px;display:grid}.steps.svelte-r3cpw7{gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps.svelte-r3cpw7 li:where(.svelte-r3cpw7){grid-template-columns:auto 1fr;gap:18px;display:grid}.n.svelte-r3cpw7{background:var(--color-accent);color:#fff;width:32px;height:32px;font:500 .8125rem / 1 var(--font-mono);border-radius:8px;place-items:center;display:grid}.steps.svelte-r3cpw7 strong:where(.svelte-r3cpw7){font:500 var(--text-h3) / 1.15 var(--font-display);letter-spacing:var(--track-h3)}.steps.svelte-r3cpw7 p:where(.svelte-r3cpw7){max-width:46ch;color:var(--color-muted);margin:8px 0 0;line-height:1.5}.notes.svelte-r3cpw7{border-top:1px solid var(--color-line-strong);color:var(--color-ink-soft);gap:10px;margin:0;padding:20px 0 0;font-size:.9375rem;list-style:none;display:grid}.notes.svelte-r3cpw7 li:where(.svelte-r3cpw7){align-items:baseline;gap:12px;display:flex}.tick.svelte-r3cpw7{background:var(--color-accent);border-radius:2px;flex:none;width:8px;height:8px}.scene.svelte-r3cpw7{--grid-size:28px;border-radius:var(--radius-lg);background:linear-gradient(to right, var(--color-grid) 1px, transparent 1px) 0 0 / var(--grid-size) var(--grid-size), linear-gradient(to bottom, var(--color-grid) 1px, transparent 1px) 0 0 / var(--grid-size) var(--grid-size), radial-gradient(ellipse at 50% 30%, var(--color-sky), var(--color-bg-alt) 80%);justify-items:center;gap:4px;padding:clamp(24px,4vw,48px);display:grid}.window.svelte-r3cpw7{background:var(--color-bg);border-radius:12px;overflow:hidden;box-shadow:0 26px 44px -26px #3e5f7899}.page.svelte-r3cpw7{justify-self:start;width:min(94%,440px)}.app.svelte-r3cpw7{justify-self:end;width:min(90%,400px)}.bar.svelte-r3cpw7{box-shadow:inset 0 -1px 0 var(--color-line);font:400 .8125rem / 1 var(--font-display);align-items:center;gap:8px;padding:9px 12px;display:flex}.bar.svelte-r3cpw7 img:where(.svelte-r3cpw7){width:18px;height:18px}.bar.svelte-r3cpw7 b:where(.svelte-r3cpw7){font-weight:600}.dots.svelte-r3cpw7{gap:5px;display:flex}.dots.svelte-r3cpw7 i:where(.svelte-r3cpw7){background:var(--color-line-strong);border-radius:50%;width:8px;height:8px}.address.svelte-r3cpw7{background:color-mix(in srgb, var(--color-bg-alt) 60%, var(--color-bg));color:var(--color-muted);font:400 .6875rem / 1 var(--font-mono);border-radius:999px;flex:1;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.player.svelte-r3cpw7{aspect-ratio:16/8;color:#fff;background:linear-gradient(135deg,#1b2230,#0b0f18);border-radius:8px;place-items:center;margin:12px;display:grid;position:relative}.play.svelte-r3cpw7{background:#ffffff26;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.button.svelte-r3cpw7{background:var(--brand-iris);font:500 .75rem / 1 var(--font-display);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 0 #5a46e080}.progress.svelte-r3cpw7{background:#fff3;border-radius:2px;height:3px;position:absolute;bottom:12px;left:12px;right:12px}.progress.svelte-r3cpw7 i:where(.svelte-r3cpw7){border-radius:inherit;background:#fff;width:38%;height:100%;display:block}.lane.svelte-r3cpw7{grid-template-rows:repeat(4,8px);grid-template-columns:repeat(3,8px);margin:14px 0;display:grid}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7){background:var(--color-accent)}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):first-child{grid-area:1/2}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(2){grid-area:2/3}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(3){grid-area:3/2}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(4){grid-area:4/1}.box.svelte-r3cpw7{box-shadow:inset 0 0 0 1px var(--color-accent);border-radius:8px;align-items:center;gap:8px;margin:14px 14px 10px;padding:5px 5px 5px 10px;display:flex}.link.svelte-r3cpw7{color:var(--color-ink);font:400 .6875rem / 1 var(--font-mono);flex:1;align-items:center;gap:6px;display:inline-flex}.go.svelte-r3cpw7{background:var(--color-ink);color:var(--color-bg);font:500 .6875rem / 1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:6px 10px}.qualities.svelte-r3cpw7{flex-wrap:wrap;gap:4px;padding:0 14px 14px;display:flex}.qualities.svelte-r3cpw7 span:where(.svelte-r3cpw7){background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-muted);font:500 .625rem / 1 var(--font-display);border-radius:5px;padding:4px 7px}.qualities.svelte-r3cpw7 .on:where(.svelte-r3cpw7){background:var(--color-accent);color:#fff}@media (prefers-reduced-motion:no-preference){.button.svelte-r3cpw7{animation:svelte-r3cpw7-press 5s var(--ease-expo) infinite}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7){animation:svelte-r3cpw7-step 5s var(--ease-expo) infinite}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(2){animation-delay:80ms}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(3){animation-delay:.16s}.lane.svelte-r3cpw7 i:where(.svelte-r3cpw7):nth-child(4){animation-delay:.24s}.box.svelte-r3cpw7{animation:svelte-r3cpw7-fill 5s var(--ease-expo) infinite}}@keyframes svelte-r3cpw7-press{6%{scale:.9;box-shadow:0 0 0 6px #5a46e040}14%,to{scale:1;box-shadow:0 0 #5a46e000}}@keyframes svelte-r3cpw7-step{0%,14%{opacity:.2;translate:0 -10px}26%,90%{opacity:1;translate:0}to{opacity:.2}}@keyframes svelte-r3cpw7-fill{0%,28%{box-shadow:inset 0 0 0 1px var(--color-line-strong)}36%,92%{box-shadow:inset 0 0 0 1px var(--color-accent), 0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}}@media (width<=900px){.browser.svelte-r3cpw7{grid-template-columns:1fr}}.drawing-plate.svelte-rz9ebg figure.plate{aspect-ratio:auto}a.svelte-rz9ebg:focus-visible,button.svelte-rz9ebg:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.samples.svelte-rz9ebg{flex-wrap:wrap;gap:8px;margin-top:calc(clamp(36px,5vw,64px)/-2);display:flex}.samples.svelte-rz9ebg button:where(.svelte-rz9ebg){--fold-size:10px;border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-ink);cursor:pointer;font:500 .9375rem / 1 var(--font-display);clip-path:polygon(0 0, calc(100% - var(--fold-size)) 0, 100% var(--fold-size), 100% 100%, 0 100%);transition:--fold-size .35s var(--ease-expo), background-color .25s var(--ease);border:0;align-items:center;gap:10px;padding:12px 18px 12px 14px;display:inline-flex;position:relative}.samples.svelte-rz9ebg button:where(.svelte-rz9ebg):after{content:"";width:var(--fold-size);height:var(--fold-size);background:linear-gradient(225deg, transparent 50%, var(--color-accent) 50%);border-bottom-left-radius:2px;position:absolute;top:0;right:0}.samples.svelte-rz9ebg button:where(.svelte-rz9ebg):hover{--fold-size:15px;background:color-mix(in srgb, var(--color-ink) 11%, transparent)}.stage.svelte-rz9ebg{--grid-size:32px;border-radius:var(--radius-lg);background:linear-gradient(to right, var(--color-grid) 1px, transparent 1px) 0 0 / var(--grid-size) var(--grid-size), linear-gradient(to bottom, var(--color-grid) 1px, transparent 1px) 0 0 / var(--grid-size) var(--grid-size), radial-gradient(ellipse at 50% 30%, var(--color-sky), var(--color-bg-alt) 75%);padding:clamp(12px,3.4vw,56px)}.after-demo.svelte-rz9ebg{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;display:flex}.after-demo.svelte-rz9ebg p:where(.svelte-rz9ebg){color:var(--color-muted);margin:0;font-size:.75rem}.stories.svelte-rz9ebg{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin:0;padding:0;list-style:none;display:grid}.stories.svelte-rz9ebg>li:where(.svelte-rz9ebg){display:grid}.tile.svelte-rz9ebg{--fold-size:18px;border-radius:var(--radius-md);background:var(--color-bg);clip-path:polygon(0 0, calc(100% - var(--fold-size)) 0, 100% var(--fold-size), 100% 100%, 0 100%);transition:--fold-size .4s var(--ease-expo);grid-template-rows:auto auto auto 1fr auto;gap:14px;padding:clamp(22px,2.4vw,32px);display:grid;position:relative}.tile.svelte-rz9ebg:after{content:"";width:var(--fold-size);height:var(--fold-size);background:linear-gradient(225deg, transparent 50%, var(--color-accent) 50%);border-bottom-left-radius:4px;position:absolute;top:0;right:0}.tile.svelte-rz9ebg:hover{--fold-size:30px}.top.svelte-rz9ebg{justify-content:space-between;align-items:start;margin-bottom:10px;display:flex}.seal.svelte-rz9ebg{background:color-mix(in srgb, var(--tint) 13%, var(--color-bg));width:48px;height:48px;color:var(--tint);border-radius:12px;place-items:center;display:grid}.mark.svelte-rz9ebg{grid-template-rows:repeat(4,5px);grid-template-columns:repeat(3,5px);margin-right:14px;display:grid}.mark.svelte-rz9ebg i:where(.svelte-rz9ebg){background:var(--color-line-strong);transition:background-color .3s var(--ease)}.mark.svelte-rz9ebg i:where(.svelte-rz9ebg):first-child{grid-area:1/2}.mark.svelte-rz9ebg i:where(.svelte-rz9ebg):nth-child(2){grid-area:2/3}.mark.svelte-rz9ebg i:where(.svelte-rz9ebg):nth-child(3){grid-area:3/2}.mark.svelte-rz9ebg i:where(.svelte-rz9ebg):nth-child(4){grid-area:4/1}.tile.svelte-rz9ebg:hover .mark:where(.svelte-rz9ebg) i:where(.svelte-rz9ebg){background:var(--color-accent);animation:svelte-rz9ebg-climb .5s var(--ease-expo) backwards}.tile.svelte-rz9ebg:hover .mark:where(.svelte-rz9ebg) i:where(.svelte-rz9ebg):nth-child(3){animation-delay:60ms}.tile.svelte-rz9ebg:hover .mark:where(.svelte-rz9ebg) i:where(.svelte-rz9ebg):nth-child(2){animation-delay:.12s}.tile.svelte-rz9ebg:hover .mark:where(.svelte-rz9ebg) i:where(.svelte-rz9ebg):first-child{animation-delay:.18s}@keyframes svelte-rz9ebg-climb{40%{translate:0 -4px}}h3.svelte-rz9ebg{font:500 var(--text-h3) / 1.15 var(--font-display);letter-spacing:var(--track-h3);margin:0}.tile.svelte-rz9ebg>p:where(.svelte-rz9ebg){color:var(--color-muted);margin:0;line-height:1.5}.facts-list.svelte-rz9ebg{border-top:1px solid var(--color-line);align-content:start;gap:10px;margin:6px 0 0;padding:16px 0 0;list-style:none;display:grid}.facts-list.svelte-rz9ebg li:where(.svelte-rz9ebg){align-items:start;gap:10px;font-size:.9375rem;line-height:1.4;display:flex}.tick.svelte-rz9ebg{background:var(--color-accent);color:#fff;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.guides.svelte-rz9ebg{border-top:1px solid var(--color-line);gap:2px;margin:0;padding:12px 0 0;list-style:none;display:grid}.guides.svelte-rz9ebg a:where(.svelte-rz9ebg){color:var(--color-ink);padding-block:4px;font-size:.9375rem;display:block}.guides.svelte-rz9ebg a:where(.svelte-rz9ebg):hover{color:var(--color-accent)}.fair.svelte-rz9ebg{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 70%, transparent);max-width:90ch;box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-ink-soft);align-items:start;gap:14px;margin:0;padding:18px 20px;font-size:.9375rem;line-height:1.55;display:flex}.fair.svelte-rz9ebg strong:where(.svelte-rz9ebg){color:var(--color-ink);font:inherit;font-weight:600}.shield.svelte-rz9ebg{background:var(--color-accent);color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}@media (width<=1000px){.stories.svelte-rz9ebg{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tile.svelte-rz9ebg:hover .mark:where(.svelte-rz9ebg) i:where(.svelte-rz9ebg){animation:none}}