.peek.svelte-zbrcql{position:fixed;z-index:80;width:7.5rem;padding:.28rem;border-radius:11px;border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-pop);pointer-events:none;animation:menu-in .12s ease-out}.peek--large.svelte-zbrcql{width:11.25rem}.peek.svelte-zbrcql:before{content:"";position:absolute;width:7px;height:7px;background:var(--color-surface-raised);transform:rotate(45deg)}.peek--right.svelte-zbrcql:before{left:-4px;top:calc(50% - 4px);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.peek--left.svelte-zbrcql:before{right:-4px;top:calc(50% - 4px);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border)}.peek--below.svelte-zbrcql:before{top:-4px;left:calc(50% - 4px);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.peek__stage.svelte-zbrcql{position:relative;height:6rem;border-radius:8px;overflow:hidden;contain:content}.peek--large.svelte-zbrcql .peek__stage:where(.svelte-zbrcql){height:9.25rem}.peek__stage.svelte-zbrcql css-doodle{display:block}@media(prefers-reduced-motion:reduce){.peek.svelte-zbrcql{animation:none}}.drafts.svelte-cu8oki{position:absolute;top:calc(100% + .5rem);left:0;z-index:70;display:flex;flex-direction:column;width:min(21rem,calc(100vw - 1.5rem));max-height:min(32rem,72vh);padding:.6rem .5rem .5rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-pop);white-space:normal;animation:menu-in .12s ease-out}.drafts.svelte-cu8oki:focus{outline:none}.drafts__head.svelte-cu8oki{display:flex;align-items:baseline;gap:.38rem;padding:.12rem .5rem .5rem;flex-shrink:0}.drafts__title.svelte-cu8oki{font-size:.875rem;font-weight:650;letter-spacing:-.005em;color:var(--color-text)}.drafts__count.svelte-cu8oki{font-size:.72rem;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.drafts__empty.svelte-cu8oki{margin:0;padding:.2rem .5rem .4rem;font-size:.875rem;font-weight:400;line-height:1.45;color:var(--color-text-muted);text-wrap:pretty}.drafts__list.svelte-cu8oki{flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin}.draft.svelte-cu8oki{position:relative;display:flex;align-items:center;border-radius:8px;transition:background-color .12s ease}.draft.svelte-cu8oki:hover,.draft.svelte-cu8oki:has(.draft__open:where(.svelte-cu8oki):focus-visible){background:var(--color-hover-bg)}.draft__open.svelte-cu8oki{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0;padding:.45rem .25rem .45rem .5rem;border-radius:8px;cursor:pointer}.draft__open.svelte-cu8oki:disabled{cursor:progress}.draft__open[aria-disabled=true].svelte-cu8oki{cursor:default}.draft__open.svelte-cu8oki:focus-visible,.draft__discard.svelte-cu8oki:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.draft__row.svelte-cu8oki,.draft__meta.svelte-cu8oki{display:flex;align-items:baseline;gap:.5rem;min-width:0}.draft__name.svelte-cu8oki{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:550;line-height:1.35;color:var(--color-text)}.draft__name--untitled.svelte-cu8oki{font-weight:450;color:var(--color-text-muted)}.draft__when.svelte-cu8oki,.draft__kind.svelte-cu8oki{flex-shrink:0;font-size:.72rem;font-weight:500;color:var(--color-text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.draft__kind.svelte-cu8oki{color:var(--color-text-muted)}.draft__code.svelte-cu8oki{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-faint);background:none;padding:0}.draft__discard.svelte-cu8oki{all:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;margin-inline-end:.2rem;border-radius:6px;color:var(--color-text-faint);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background-color .12s ease}.draft.svelte-cu8oki:hover .draft__discard:where(.svelte-cu8oki),.draft.svelte-cu8oki:has(:where(.svelte-cu8oki):focus-visible) .draft__discard:where(.svelte-cu8oki){opacity:1}.draft__discard.svelte-cu8oki:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.drafts__foot.svelte-cu8oki{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin:.45rem .15rem 0;padding:.55rem .35rem .1rem;border-top:1px solid var(--color-border)}.drafts__foot.svelte-cu8oki p:where(.svelte-cu8oki){margin:0;font-size:.875rem;font-weight:400;line-height:1.45;color:var(--color-text-muted);text-wrap:pretty}.drafts__clear.svelte-cu8oki{margin-inline-start:-.5rem;color:var(--color-text-muted)}@media(hover:none){.draft__discard.svelte-cu8oki{opacity:1}}@media(max-width:32rem){.drafts.svelte-cu8oki{position:fixed;top:3.5rem;right:.5rem;left:.5rem;width:auto;max-height:calc(100dvh - 4rem)}}@media(prefers-reduced-motion:reduce){.drafts.svelte-cu8oki{animation:none}}.share-note.svelte-47ttqv{max-width:15rem;margin:.3rem .6rem .5rem;color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.bar.svelte-47ttqv{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-47ttqv{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1}.bar__right.svelte-47ttqv{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-shrink:0}.bar__right.svelte-47ttqv .btn--icon{background:var(--color-surface)}.bar__right.svelte-47ttqv .btn--icon:hover,.bar__right.svelte-47ttqv .btn--icon:focus-visible,.bar__right.svelte-47ttqv .btn--icon[aria-expanded=true]{background:color-mix(in srgb,var(--color-text) 7%,var(--color-surface))}.bar__right.svelte-47ttqv .btn--icon.btn--active{background:var(--color-accent-tint)}.sign-in.svelte-47ttqv{border-radius:var(--radius-lg);background:var(--color-surface);padding-inline:.8rem .9rem}.sign-in.svelte-47ttqv:hover,.sign-in.svelte-47ttqv:focus-visible{background:color-mix(in srgb,var(--color-text) 7%,var(--color-surface))}.menu-sign-in.svelte-47ttqv{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-47ttqv svg{color:currentColor}.bar__right.svelte-47ttqv>:where(.svelte-47ttqv){flex-shrink:0}.bar__share.svelte-47ttqv{display:inline-flex}.bar__right.svelte-47ttqv .menu--below{top:calc(100% + .6rem)}.bar__right.svelte-47ttqv .menu--above{bottom:calc(100% + .6rem)}.bar__divider.svelte-47ttqv{width:1px;height:1.15rem;margin:0 .4rem;background:var(--color-border)}.brand.svelte-47ttqv{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-47ttqv svg:where(.svelte-47ttqv){width:100%;height:100%}.brand.svelte-47ttqv:hover{background:var(--color-hover-bg)}.doc.svelte-47ttqv{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-47ttqv{position:relative;display:flex;align-items:center;gap:.25rem;min-width:0}.doc__identity.svelte-47ttqv{position:relative;min-width:0;margin-inline-start:-.4rem}.doc__open.svelte-47ttqv{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-47ttqv:hover,.doc__open[aria-expanded=true].svelte-47ttqv{background:var(--color-hover-bg)}.doc__name.svelte-47ttqv{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-47ttqv .doc__name:where(.svelte-47ttqv){font-weight:500;color:var(--color-text-muted)}.doc__caret.svelte-47ttqv{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-47ttqv:hover .doc__caret:where(.svelte-47ttqv),.doc__open[aria-expanded=true].svelte-47ttqv .doc__caret:where(.svelte-47ttqv){color:var(--color-text-muted)}.doc__open[aria-expanded=true].svelte-47ttqv .doc__caret:where(.svelte-47ttqv){transform:rotate(180deg)}.doc__compat.svelte-47ttqv{display:inline-flex;flex-shrink:0}.doc__compat.svelte-47ttqv .compat{gap:.18rem}.doc__compat.svelte-47ttqv .compat--compact .compat__skip{width:1.3rem;height:1.3rem;border-radius:5px}.doc__compat.svelte-47ttqv .compat--compact .compat__skip svg{width:14px;height:14px}.doc__badge.svelte-47ttqv{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-47ttqv{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-47ttqv{width:.42rem;margin-inline:.15rem .05rem;opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.doc__more.svelte-47ttqv{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-47ttqv:before{content:"";position:absolute;inset:-.4rem -.3rem}.doc__more-label.svelte-47ttqv{font-size:inherit;font-weight:500}.doc__saves.svelte-47ttqv{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--color-text-faint)}.doc__more.svelte-47ttqv:hover,.doc__more[aria-expanded=true].svelte-47ttqv{background:var(--color-hover-bg);color:var(--color-text)}.doc__meta.svelte-47ttqv{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-47ttqv{display:flex;align-items:center;gap:.3rem;min-width:0}.doc__author.svelte-47ttqv{flex-shrink:0;text-decoration:none;color:inherit;transition:color .15s ease}.doc__author.svelte-47ttqv:hover{color:var(--color-text)}.doc__sep.svelte-47ttqv{flex-shrink:0;color:var(--color-text-faint);opacity:.7}.doc__state.svelte-47ttqv{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-faint)}.doc__state--past.svelte-47ttqv{display:inline-flex;align-items:center;gap:.28rem;color:var(--color-text-muted)}.doc__state--past.svelte-47ttqv svg{flex-shrink:0;color:var(--color-warning)}.discard-btn.svelte-47ttqv{height:2.1rem;padding:.22rem .65rem;gap:.35rem;font-size:.8rem;color:var(--color-text-muted)}.discard-btn.svelte-47ttqv:hover{color:var(--color-text)}.save.svelte-47ttqv{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-47ttqv: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-47ttqv:active{background:color-mix(in srgb,var(--color-text) 74%,var(--color-bg));translate:0;scale:.96}.save[disabled].svelte-47ttqv{opacity:1}.save__label.svelte-47ttqv{display:inline-grid;align-self:center;justify-items:start}.save__label.svelte-47ttqv>span:where(.svelte-47ttqv),.save__label.svelte-47ttqv:after{grid-area:1 / 1}.save__label.svelte-47ttqv:after{content:"Saving";visibility:hidden;pointer-events:none}.save__mark.svelte-47ttqv{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-47ttqv,.save__wait.svelte-47ttqv{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-47ttqv{gap:.18em;font-family:var(--font-mono);font-size:.66rem;font-weight:500;line-height:1;opacity:.82}.save__mod.svelte-47ttqv,.save__char.svelte-47ttqv{display:inline-flex;align-items:center;justify-content:center;line-height:1}.save__mod.svelte-47ttqv{font-size:1.12em}.save__mod--word.svelte-47ttqv{font-size:1em;font-weight:600;letter-spacing:.01em}.save__join.svelte-47ttqv{font-size:.85em;font-weight:500;opacity:.7;translate:0 -.02em}.save__char.svelte-47ttqv{font-weight:600}.save__key--off.svelte-47ttqv{opacity:0;transform:scale(.25);filter:blur(4px)}.save__wait.svelte-47ttqv{opacity:0;transform:scale(.25);filter:blur(4px);pointer-events:none}.save__wait--on.svelte-47ttqv{opacity:1;transform:scale(1);filter:blur(0)}.spinner--save.svelte-47ttqv{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-47ttqv{padding:0 .55rem 0 .7rem}.doc__more-label.svelte-47ttqv{display:none}.bar__divider.svelte-47ttqv{margin:0 .25rem}}@media(max-width:40em){.bar.svelte-47ttqv{height:3.25rem;padding:0 .4rem 0 .5rem;gap:.35rem}.bar__left.svelte-47ttqv{gap:.35rem}.doc__identity.svelte-47ttqv{margin-inline-start:-.25rem}.doc.svelte-47ttqv{padding-block:.18rem .2rem;gap:0}.doc__open.svelte-47ttqv{min-width:2.5rem;min-height:1.3rem;padding-inline-start:.25rem}.doc__author.svelte-47ttqv,.doc__sep.svelte-47ttqv{display:none}.doc__more.svelte-47ttqv{margin-inline-start:0}.discard-btn.svelte-47ttqv{width:1.85rem;height:1.85rem;padding:0}.discard-btn.svelte-47ttqv span:where(.svelte-47ttqv){display:none}.save.svelte-47ttqv{height:1.85rem;margin-inline-end:.25rem;padding:.18rem .7rem;font-size:.78rem;gap:0}.save.svelte-47ttqv:not(.save--busy) .save__mark:where(.svelte-47ttqv){display:none}.save.svelte-47ttqv:not(.save--busy) .save__label:where(.svelte-47ttqv):after{display:none}.save--busy.svelte-47ttqv{padding-right:.18rem;gap:.3rem}.bar--folding.svelte-47ttqv .foldable:where(.svelte-47ttqv),.new-doodle.svelte-47ttqv{display:none}.sign-in.svelte-47ttqv,.bar__divider.svelte-47ttqv{display:none}}@media(prefers-reduced-motion:reduce){.save__key.svelte-47ttqv,.save__wait.svelte-47ttqv{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}.overlay.svelte-ruc2a1{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.5rem;background:var(--color-scrim);animation:svelte-ruc2a1-overlay-in .14s ease-out}.panel.svelte-ruc2a1{display:flex;flex-direction:column;width:min(54rem,100%);max-height:100%;min-height:0;overflow:hidden;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-pop);animation:svelte-ruc2a1-panel-in .16s ease-out}@keyframes svelte-ruc2a1-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-ruc2a1-panel-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}.panel__head.svelte-ruc2a1{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem .8rem .75rem 1.1rem;border-bottom:1px solid var(--color-border)}.panel__headings.svelte-ruc2a1{min-width:0}.panel__title.svelte-ruc2a1{font-size:.95rem;font-weight:600;line-height:1.2}.panel__hint.svelte-ruc2a1{margin-block-start:.25rem;font-size:.78rem;line-height:1.4;color:var(--color-text-muted)}.grid.svelte-ruc2a1{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.25rem;min-height:0;overflow-y:auto;padding:.6rem .6rem .9rem;scrollbar-width:thin}.sample.svelte-ruc2a1{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.45rem;border-radius:10px;cursor:pointer;transition:background-color .12s ease}.sample.svelte-ruc2a1:hover,.sample.svelte-ruc2a1:focus-visible{background:var(--color-hover-bg)}.sample.svelte-ruc2a1:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sample__thumb.svelte-ruc2a1{position:relative;display:block;aspect-ratio:4 / 3;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-border);contain:content;pointer-events:none}.sample__thumb--svg.svelte-ruc2a1 svg{display:block;width:100%;height:100%}.sample__thumb.svelte-ruc2a1 css-doodle{display:block}.sample__text.svelte-ruc2a1{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding-inline:.15rem}.sample__text.svelte-ruc2a1 strong:where(.svelte-ruc2a1){font-size:.85rem;font-weight:600}.sample__text.svelte-ruc2a1 span:where(.svelte-ruc2a1){font-size:.75rem;line-height:1.4;color:var(--color-text-muted)}@media(max-width:40em){.overlay.svelte-ruc2a1{padding:.75rem}.grid.svelte-ruc2a1{grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr))}.sample__text.svelte-ruc2a1 span:where(.svelte-ruc2a1){display:none}}@media(prefers-reduced-motion:reduce){.overlay.svelte-ruc2a1,.panel.svelte-ruc2a1{animation:none}}.playground__header.svelte-18vcfr1,.playground__status.svelte-18vcfr1{display:contents}.mobile-modes.svelte-18vcfr1{display:none}@media(max-width:56em){.mobile-modes.svelte-18vcfr1{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-18vcfr1{display:flex}.mobile-modes__switch.svelte-18vcfr1 button:where(.svelte-18vcfr1){all:unset;padding:.3rem .55rem;border-radius:5px;cursor:pointer;font-size:.78rem;color:var(--color-text-muted)}.mobile-modes__switch.svelte-18vcfr1 button[aria-pressed=true]:where(.svelte-18vcfr1){background:var(--color-hover-bg);color:var(--color-text)}.mobile-modes__switch.svelte-18vcfr1 button:where(.svelte-18vcfr1):focus-visible{outline:2px solid var(--color-primary)}.mobile-modes.svelte-18vcfr1 .tools .tool:not(.tool--zoom){width:2rem}}@media(max-width:24em){.mobile-modes.svelte-18vcfr1{padding-inline:.2rem .3rem;gap:.25rem}.mobile-modes.svelte-18vcfr1 .tools .tool:not(.tool--zoom){width:1.8rem}}.playground.svelte-18vcfr1{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--color-bg);color:var(--color-text)}.playground__body.svelte-18vcfr1{position:relative;display:flex;flex:1;min-height:0}.playground__main.svelte-18vcfr1{flex:1;min-width:0;min-height:0}.code-pane.svelte-18vcfr1{display:flex;flex-direction:column;height:100%;min-height:0}.code-pane__editor.svelte-18vcfr1{position:relative;flex:1;min-height:3rem}.code-pane__ai.svelte-18vcfr1{position:relative;flex:0 0 calc(var(--ai-share) * 100%);min-height:10rem}.code-pane--chat.svelte-18vcfr1,.code-pane--code.svelte-18vcfr1{position:relative}.code-pane--chat.svelte-18vcfr1 .code-pane__editor:where(.svelte-18vcfr1),.code-pane--code.svelte-18vcfr1 .code-pane__ai:where(.svelte-18vcfr1){position:absolute;inset:0;visibility:hidden}.code-pane--chat.svelte-18vcfr1 .code-pane__ai:where(.svelte-18vcfr1){flex:1}.code-pane--chat.svelte-18vcfr1 .code-pane__grip:where(.svelte-18vcfr1){display:none}.code-pane--resizing.svelte-18vcfr1{cursor:row-resize;user-select:none}.code-pane--resizing.svelte-18vcfr1>:where(.svelte-18vcfr1){pointer-events:none}.code-pane__grip.svelte-18vcfr1{position:absolute;inset:-3px 0 auto;z-index:2;height:7px;cursor:row-resize;touch-action:none;pointer-events:auto}.code-pane__grip.svelte-18vcfr1:after{content:"";position:absolute;inset:3px 0 auto;height:1px;background:var(--color-primary);opacity:0;transition:opacity .15s ease}.code-pane__grip.svelte-18vcfr1:hover:after,.code-pane__grip.svelte-18vcfr1:focus-visible:after,.code-pane--resizing.svelte-18vcfr1 .code-pane__grip:where(.svelte-18vcfr1):after{opacity:1}.code-pane__grip.svelte-18vcfr1:focus-visible{outline:none}@media(pointer:coarse){.code-pane__grip.svelte-18vcfr1{inset-block-start:-10px;height:21px}.code-pane__grip.svelte-18vcfr1:after{inset-block-start:10px}}.ask-ai.svelte-18vcfr1{all:unset;position:absolute;right:.75rem;bottom:.75rem;z-index:5;display:inline-flex;align-items:center;gap:.45rem;height:2rem;padding:0 .4rem 0 .35rem;border:1px solid var(--color-border);border-radius:100px;background:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:blur(8px);box-shadow:0 2px 10px #00000014;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition-property:color,border-color,translate,scale;transition-duration:.15s;animation:svelte-18vcfr1-ask-ai-in .4s cubic-bezier(.3,1.4,.6,1)}.ask-ai.svelte-18vcfr1:hover{color:var(--color-text);border-color:var(--color-border-strong);translate:0 -1px}.ask-ai.svelte-18vcfr1:active{scale:.96}.ask-ai.svelte-18vcfr1:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ask-ai__key.svelte-18vcfr1{padding:.05rem .35rem;border-radius:100px;background:var(--color-hover-bg);font-family:var(--font-mono);font-size:.66rem;color:var(--color-text-muted)}@keyframes svelte-18vcfr1-ask-ai-in{0%{opacity:0;translate:0 .4rem;scale:.9}}@media(prefers-reduced-motion:reduce){.ask-ai.svelte-18vcfr1{animation:none}}@media(pointer:coarse){.ask-ai.svelte-18vcfr1{height:2.5rem;padding-inline:.4rem .9rem}}@media(pointer:coarse),(max-width:40em){.ask-ai__key.svelte-18vcfr1{display:none}.ask-ai.svelte-18vcfr1{padding-inline-end:.8rem}}.playground__boot-status.svelte-18vcfr1{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-18vcfr1{--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-18vcfr1,.playground__boot-preview.svelte-18vcfr1{min-width:0;min-height:0}.playground__boot-handle.svelte-18vcfr1{background:var(--color-surface);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.playground__boot-preview.svelte-18vcfr1{background:var(--color-stage-light)}.playground__boot-preview--dark.svelte-18vcfr1{background:var(--color-stage-dark)}.playground__boot-stage.svelte-18vcfr1{width:100%;height:100%}@media(pointer:coarse){.playground__boot-body.svelte-18vcfr1{--handle: 13px}}@media(max-width:40em){.playground__boot-status.svelte-18vcfr1{height:calc(2rem + env(safe-area-inset-bottom,0px))}}@media(max-width:56em){.playground__boot-body.svelte-18vcfr1{grid-template-columns:100%;grid-template-rows:calc((100% - var(--handle)) * var(--playground-split, .5)) var(--handle) 1fr}.playground__boot-handle.svelte-18vcfr1{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}