.share-note.svelte-1y09bj1{max-width:15rem;margin:.3rem .6rem .5rem;color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.bar.svelte-1y09bj1{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:3.5rem;padding:0 .8rem 0 1rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 94%,var(--color-surface))}.bar__left.svelte-1y09bj1{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1}.bar__right.svelte-1y09bj1{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-shrink:0}.bar__right.svelte-1y09bj1 .btn--icon{background:var(--color-surface)}.bar__right.svelte-1y09bj1 .btn--icon:hover,.bar__right.svelte-1y09bj1 .btn--icon:focus-visible,.bar__right.svelte-1y09bj1 .btn--icon[aria-expanded=true]{background:color-mix(in srgb,var(--color-text) 7%,var(--color-surface))}.bar__right.svelte-1y09bj1 .btn--icon.btn--active{background:var(--color-accent-tint)}.sign-in.svelte-1y09bj1{border-radius:var(--radius-lg);background:var(--color-surface);padding-inline:.8rem .9rem}.sign-in.svelte-1y09bj1:hover,.sign-in.svelte-1y09bj1:focus-visible{background:color-mix(in srgb,var(--color-text) 7%,var(--color-surface))}.menu-sign-in.svelte-1y09bj1{justify-content:center;min-height:2.25rem;margin-top:.4rem;border:1px solid var(--color-border-strong, var(--color-border));border-radius:999px;font-weight:500}.menu-sign-in.svelte-1y09bj1 svg{color:currentColor}.bar__right.svelte-1y09bj1>:where(.svelte-1y09bj1){flex-shrink:0}.bar__share.svelte-1y09bj1{display:inline-flex}.bar__right.svelte-1y09bj1 .menu--below{top:calc(100% + .6rem)}.bar__right.svelte-1y09bj1 .menu--above{bottom:calc(100% + .6rem)}.bar__divider.svelte-1y09bj1{width:1px;height:1.15rem;margin:0 .4rem;background:var(--color-border)}.brand.svelte-1y09bj1{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius);color:var(--color-text);flex-shrink:0;transition:background-color .15s ease}.brand.svelte-1y09bj1 svg:where(.svelte-1y09bj1){width:100%;height:100%}.brand.svelte-1y09bj1:hover{background:var(--color-hover-bg)}.doc.svelte-1y09bj1{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.1rem;min-width:0;padding-block:.3rem .38rem;line-height:1.2}.doc__row.svelte-1y09bj1{position:relative;display:flex;align-items:center;gap:.25rem;min-width:0}.doc__identity.svelte-1y09bj1{position:relative;min-width:0;margin-inline-start:-.4rem}.doc__open.svelte-1y09bj1{all:unset;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;gap:.32rem;min-width:0;max-width:min(28rem,100%);min-height:1.5rem;padding:.08rem .28rem .08rem .4rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.doc__open.svelte-1y09bj1:hover,.doc__open[aria-expanded=true].svelte-1y09bj1{background:var(--color-hover-bg)}.doc__name.svelte-1y09bj1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;letter-spacing:-.005em;line-height:1.3}.doc__open--untitled.svelte-1y09bj1 .doc__name:where(.svelte-1y09bj1){font-weight:500;color:var(--color-text-muted)}.doc__caret.svelte-1y09bj1{display:inline-flex;flex-shrink:0;color:var(--color-text-faint);transition:transform .18s cubic-bezier(.2,0,0,1),color .15s ease}.doc__open.svelte-1y09bj1:hover .doc__caret:where(.svelte-1y09bj1),.doc__open[aria-expanded=true].svelte-1y09bj1 .doc__caret:where(.svelte-1y09bj1){color:var(--color-text-muted)}.doc__open[aria-expanded=true].svelte-1y09bj1 .doc__caret:where(.svelte-1y09bj1){transform:rotate(180deg)}.doc__compat.svelte-1y09bj1{display:inline-flex;flex-shrink:0}.doc__compat.svelte-1y09bj1 .compat{gap:.18rem}.doc__compat.svelte-1y09bj1 .compat--compact .compat__skip{width:1.3rem;height:1.3rem;border-radius:5px}.doc__compat.svelte-1y09bj1 .compat--compact .compat__skip svg{width:14px;height:14px}.doc__badge.svelte-1y09bj1{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:50%;color:var(--color-private);background:var(--color-private-tint);flex-shrink:0}.doc__dirty.svelte-1y09bj1{flex-shrink:0;width:0;height:.42rem;margin-inline:0;border-radius:50%;background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-tint);opacity:0;transform:scale(.25);filter:blur(4px);pointer-events:none;transition:width .18s cubic-bezier(.2,0,0,1),margin-inline .18s cubic-bezier(.2,0,0,1),opacity .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1),filter .18s cubic-bezier(.2,0,0,1)}.doc__dirty--on.svelte-1y09bj1{width:.42rem;margin-inline:.15rem .05rem;opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.doc__more.svelte-1y09bj1{all:unset;position:relative;display:inline-flex;align-items:center;gap:.35rem;margin-inline-start:.35rem;padding:.05rem .3rem;border-radius:5px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.doc__more.svelte-1y09bj1:before{content:"";position:absolute;inset:-.4rem -.3rem}.doc__more-label.svelte-1y09bj1{font-size:inherit;font-weight:500}.doc__saves.svelte-1y09bj1{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--color-text-faint)}.doc__more.svelte-1y09bj1:hover,.doc__more[aria-expanded=true].svelte-1y09bj1{background:var(--color-hover-bg);color:var(--color-text)}.doc__meta.svelte-1y09bj1{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:.72rem;font-weight:500;letter-spacing:.005em;line-height:1.35;color:var(--color-text-muted);white-space:nowrap}.doc__by.svelte-1y09bj1{display:flex;align-items:center;gap:.3rem;min-width:0}.doc__author.svelte-1y09bj1{flex-shrink:0;text-decoration:none;color:inherit;transition:color .15s ease}.doc__author.svelte-1y09bj1:hover{color:var(--color-text)}.doc__sep.svelte-1y09bj1{flex-shrink:0;color:var(--color-text-faint);opacity:.7}.doc__state.svelte-1y09bj1{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-faint)}.doc__state--past.svelte-1y09bj1{display:inline-flex;align-items:center;gap:.28rem;color:var(--color-text-muted)}.doc__state--past.svelte-1y09bj1 svg{flex-shrink:0;color:var(--color-warning)}.discard-btn.svelte-1y09bj1{height:2.1rem;padding:.22rem .65rem;gap:.35rem;font-size:.8rem;color:var(--color-text-muted)}.discard-btn.svelte-1y09bj1:hover{color:var(--color-text)}.save.svelte-1y09bj1{position:relative;align-items:stretch;height:2.1rem;margin-inline-end:.45rem;padding:.22rem .22rem .22rem .85rem;gap:.4rem;border:0;border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-bg);font-size:.8rem;font-weight:600;letter-spacing:-.014em;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 14%,transparent),0 1px 2px color-mix(in srgb,var(--color-text) 12%,transparent),inset 0 1px color-mix(in srgb,var(--color-bg) 22%,transparent);transition-property:background-color,box-shadow,opacity,scale;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.save.svelte-1y09bj1:hover{background:color-mix(in srgb,var(--color-text) 82%,var(--color-bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 18%,transparent),0 1px 3px color-mix(in srgb,var(--color-text) 16%,transparent),inset 0 1px color-mix(in srgb,var(--color-bg) 28%,transparent)}.save.svelte-1y09bj1:active{background:color-mix(in srgb,var(--color-text) 74%,var(--color-bg));translate:0;scale:.96}.save[disabled].svelte-1y09bj1{opacity:1}.save__label.svelte-1y09bj1{display:inline-grid;align-self:center;justify-items:start}.save__label.svelte-1y09bj1>span:where(.svelte-1y09bj1),.save__label.svelte-1y09bj1:after{grid-area:1 / 1}.save__label.svelte-1y09bj1:after{content:"Saving";visibility:hidden;pointer-events:none}.save__mark.svelte-1y09bj1{position:relative;display:inline-grid;place-items:center;box-sizing:border-box;min-width:1.55rem;padding:0 .38rem;border-radius:inherit;background:color-mix(in srgb,var(--color-bg) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-bg) 10%,transparent);flex-shrink:0}.save__key.svelte-1y09bj1,.save__wait.svelte-1y09bj1{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;transition-property:opacity,transform,filter;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.save__key.svelte-1y09bj1{gap:.18em;font-family:var(--font-mono);font-size:.66rem;font-weight:500;line-height:1;opacity:.82}.save__mod.svelte-1y09bj1,.save__char.svelte-1y09bj1{display:inline-flex;align-items:center;justify-content:center;line-height:1}.save__mod.svelte-1y09bj1{font-size:1.12em}.save__mod--word.svelte-1y09bj1{font-size:1em;font-weight:600;letter-spacing:.01em}.save__join.svelte-1y09bj1{font-size:.85em;font-weight:500;opacity:.7;translate:0 -.02em}.save__char.svelte-1y09bj1{font-weight:600}.save__key--off.svelte-1y09bj1{opacity:0;transform:scale(.25);filter:blur(4px)}.save__wait.svelte-1y09bj1{opacity:0;transform:scale(.25);filter:blur(4px);pointer-events:none}.save__wait--on.svelte-1y09bj1{opacity:1;transform:scale(1);filter:blur(0)}.spinner--save.svelte-1y09bj1{width:.78rem;height:.78rem;border-width:1.5px;border-color:color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor}@media(max-width:56em){.bar.svelte-1y09bj1{padding:0 .55rem 0 .7rem}.doc__more-label.svelte-1y09bj1{display:none}.bar__divider.svelte-1y09bj1{margin:0 .25rem}}@media(max-width:40em){.bar.svelte-1y09bj1{height:3.25rem;padding:0 .4rem 0 .5rem;gap:.35rem}.bar__left.svelte-1y09bj1{gap:.35rem}.doc__identity.svelte-1y09bj1{margin-inline-start:-.25rem}.doc.svelte-1y09bj1{padding-block:.18rem .2rem;gap:0}.doc__open.svelte-1y09bj1{min-width:2.5rem;min-height:1.3rem;padding-inline-start:.25rem}.doc__author.svelte-1y09bj1,.doc__sep.svelte-1y09bj1{display:none}.doc__more.svelte-1y09bj1{margin-inline-start:0}.discard-btn.svelte-1y09bj1{width:1.85rem;height:1.85rem;padding:0}.discard-btn.svelte-1y09bj1 span:where(.svelte-1y09bj1){display:none}.save.svelte-1y09bj1{height:1.85rem;margin-inline-end:.25rem;padding:.18rem .7rem;font-size:.78rem;gap:0}.save.svelte-1y09bj1:not(.save--busy) .save__mark:where(.svelte-1y09bj1){display:none}.save.svelte-1y09bj1:not(.save--busy) .save__label:where(.svelte-1y09bj1):after{display:none}.save--busy.svelte-1y09bj1{padding-right:.18rem;gap:.3rem}.bar--folding.svelte-1y09bj1 .foldable:where(.svelte-1y09bj1){display:none}.sign-in.svelte-1y09bj1,.bar__divider.svelte-1y09bj1{display:none}}@media(prefers-reduced-motion:reduce){.save__key.svelte-1y09bj1,.save__wait.svelte-1y09bj1{transition:none}}.gate.svelte-1yxffib{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.5rem;text-align:center;color:var(--loading-fg, rgba(0, 0, 0, .55));background:var(--stage, var(--color-stage-light))}.gate__title.svelte-1yxffib{margin:.35rem 0 0;font-size:.95rem;font-weight:650;letter-spacing:-.01em;color:var(--loading-strong, rgba(0, 0, 0, .75));text-wrap:balance}.gate__body.svelte-1yxffib{max-width:22rem;margin:0 0 .35rem;font-size:.85rem;line-height:1.5;text-wrap:pretty}.gate.svelte-1yxffib .btn:where(.svelte-1yxffib){background:#ffffffe6;color:#111;border-color:#00000040}.playground__header.svelte-ubuqhu,.playground__status.svelte-ubuqhu{display:contents}.mobile-modes.svelte-ubuqhu{display:none}@media(max-width:56em){.mobile-modes.svelte-ubuqhu{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.5rem;padding:.3rem .4rem .3rem .3rem;box-sizing:border-box;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mobile-modes__switch.svelte-ubuqhu{display:flex;gap:.25rem}.mobile-modes__switch.svelte-ubuqhu button:where(.svelte-ubuqhu){all:unset;padding:.3rem .85rem;border-radius:5px;cursor:pointer;font-size:.78rem;color:var(--color-text-muted)}.mobile-modes__switch.svelte-ubuqhu button[aria-pressed=true]:where(.svelte-ubuqhu){background:var(--color-hover-bg);color:var(--color-text)}.mobile-modes__switch.svelte-ubuqhu button:where(.svelte-ubuqhu):focus-visible{outline:2px solid var(--color-primary)}}@media(max-width:24em){.mobile-modes.svelte-ubuqhu{padding-inline:.2rem .3rem;gap:.25rem}.mobile-modes__switch.svelte-ubuqhu{gap:.1rem}.mobile-modes__switch.svelte-ubuqhu button:where(.svelte-ubuqhu){padding-inline:.6rem}.mobile-modes.svelte-ubuqhu .tools .tool{width:1.8rem}}.playground.svelte-ubuqhu{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--color-bg);color:var(--color-text)}.playground__body.svelte-ubuqhu{position:relative;display:flex;flex:1;min-height:0}.playground__main.svelte-ubuqhu{flex:1;min-width:0;min-height:0}.playground__boot-status.svelte-ubuqhu{flex-shrink:0;height:calc(1.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface)}.playground__boot-body.svelte-ubuqhu{--handle: 9px;display:grid;grid-template-columns:calc((100% - var(--handle)) * var(--playground-split, .5)) var(--handle) 1fr;grid-template-rows:100%;flex:1;min-height:0}.playground__boot-editor.svelte-ubuqhu,.playground__boot-preview.svelte-ubuqhu{min-width:0;min-height:0}.playground__boot-handle.svelte-ubuqhu{background:var(--color-surface);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.playground__boot-preview.svelte-ubuqhu{background:var(--color-stage-light)}.playground__boot-preview--dark.svelte-ubuqhu{background:var(--color-stage-dark)}.playground__boot-stage.svelte-ubuqhu{width:100%;height:100%}@media(pointer:coarse){.playground__boot-body.svelte-ubuqhu{--handle: 13px}}@media(max-width:40em){.playground__boot-status.svelte-ubuqhu{height:calc(2rem + env(safe-area-inset-bottom,0px))}}@media(max-width:56em){.playground__boot-body.svelte-ubuqhu{grid-template-columns:100%;grid-template-rows:calc((100% - var(--handle)) * var(--playground-split, .5)) var(--handle) 1fr}.playground__boot-handle.svelte-ubuqhu{border:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}}html:has(.playground-page),html:has(.playground-page) body{height:100%;overflow:hidden;scrollbar-gutter:auto}.playground-page{height:100dvh;--toast-bottom: 2.75rem}