code.svelte-wcowrz{font-family:var(--font-mono);font-size:.9em}.shapes-tool.svelte-wcowrz{flex:1;min-height:0;display:grid;grid-template-columns:15.5rem minmax(0,1fr) minmax(0,1fr)}.side.svelte-wcowrz{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-border)}.pane__bar.side__bar.svelte-wcowrz{padding-inline:1.1rem}.side__bar.svelte-wcowrz h1:where(.svelte-wcowrz),.doc__title.svelte-wcowrz{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1}.side__label.svelte-wcowrz{display:flex;align-items:baseline;gap:.4rem;padding:.9rem 1.1rem .5rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.side__label.svelte-wcowrz span:where(.svelte-wcowrz){letter-spacing:0;font-variant-numeric:tabular-nums}.side__list.svelte-wcowrz{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.4rem;padding:.1rem 1.1rem 1.1rem;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.side__links.svelte-wcowrz{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1.1rem 1.1rem;border-top:1px solid var(--color-border);font-size:.8rem}.side__links.svelte-wcowrz a:where(.svelte-wcowrz){display:inline-flex;align-items:center;gap:.2rem;color:var(--color-text-muted);text-decoration:none}.side__links.svelte-wcowrz a:where(.svelte-wcowrz):hover{color:var(--color-primary)}.thumb.svelte-wcowrz{display:grid;width:100%;aspect-ratio:1;padding:14%;border-radius:8px;background:var(--color-surface);color:color-mix(in srgb,var(--color-text) 82%,transparent);cursor:pointer;transition:color .15s ease,box-shadow .15s ease,background .15s ease}.thumb.svelte-wcowrz span:where(.svelte-wcowrz){background:currentColor}.thumb.svelte-wcowrz:hover{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.thumb.svelte-wcowrz:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.thumb--active.svelte-wcowrz,.thumb--active.svelte-wcowrz:hover{color:var(--color-primary);background:var(--color-accent-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}.pane.svelte-wcowrz{display:flex;flex-direction:column;min-width:0;min-height:0}.pane--code.svelte-wcowrz{border-right:1px solid var(--color-border)}.pane__bar.svelte-wcowrz{display:flex;align-items:center;gap:.4rem;height:2.9rem;padding:0 .6rem 0 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.pane__bar.svelte-wcowrz svg{width:.9rem;height:.9rem}.pane__body.svelte-wcowrz{position:relative;flex:1;min-height:0}.doc.svelte-wcowrz{display:flex;align-items:baseline;gap:.5rem;flex:1;min-width:0}.doc__name.svelte-wcowrz{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc__edited.svelte-wcowrz{font-size:.75rem;color:var(--color-text-faint)}.doc__title.svelte-wcowrz{display:none;align-self:center}.doc__select.svelte-wcowrz{display:none;max-width:11rem;height:1.9rem;padding:0 .5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:.85rem}.code.svelte-wcowrz{container-type:inline-size;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.code__editor.svelte-wcowrz{--editor-gutter-pad: .5rem;--editor-line-gutter: 2.4em;--editor-line-gutter-gap: .25rem;--editor-pad-y: .75rem;--editor-pad-left: .5rem;--editor-pad-right: 1rem;flex:1 0 auto;display:flex;flex-direction:column;min-height:9rem}.code__editor.svelte-wcowrz .cm-editor{flex:1}.code__editor.svelte-wcowrz>pre:where(.svelte-wcowrz){margin:0;padding:.75rem 1rem .75rem calc(2.4em + .75rem);font-family:var(--font-mono);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.guide.svelte-wcowrz{display:flex;flex-direction:column;gap:1.1rem;padding:1rem 1rem 1.2rem;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 55%,var(--color-bg))}.guide__label.svelte-wcowrz{margin-bottom:.45rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.guide__list.svelte-wcowrz{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);gap:.3rem .75rem;font-size:.875rem;line-height:1.45}.guide__list.svelte-wcowrz div:where(.svelte-wcowrz){display:contents}.guide__list.svelte-wcowrz dt:where(.svelte-wcowrz) code:where(.svelte-wcowrz){font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text)}.guide__list.svelte-wcowrz dd:where(.svelte-wcowrz){color:var(--color-text-muted)}.guide__list.svelte-wcowrz dd:where(.svelte-wcowrz) code{font-size:.8125rem;color:var(--color-text)}@container (max-width: 30rem){.guide__list.svelte-wcowrz{grid-template-columns:max-content minmax(0,1fr)}}.tabs.svelte-wcowrz{display:inline-flex;padding:2px;margin-inline-end:auto;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border)}.tab.svelte-wcowrz{height:1.55rem;padding:0 .8rem;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.tab.svelte-wcowrz:hover{color:var(--color-text)}.tab[aria-selected=true].svelte-wcowrz{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 2px var(--shadow-color-near)}.tab.svelte-wcowrz:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.picker.svelte-wcowrz{position:relative;display:inline-flex;align-items:center;gap:.45rem;height:1.75rem;padding:0 .55rem 0 .3rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);cursor:pointer}.picker.svelte-wcowrz:hover,.picker.svelte-wcowrz:focus-within{border-color:var(--color-text-muted)}.picker.svelte-wcowrz:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.picker__chip.svelte-wcowrz{width:1.05rem;height:1.05rem;border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-border)}.picker.svelte-wcowrz input:where(.svelte-wcowrz){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.result.svelte-wcowrz{background:var(--color-canvas)}.canvas.svelte-wcowrz{position:absolute;inset:0;display:grid;place-items:center;container-type:size}.canvas--hidden.svelte-wcowrz{visibility:hidden}.canvas__box.svelte-wcowrz{position:relative;display:grid;width:min(100cqw - 3rem,100cqh - 3rem,34rem);aspect-ratio:1;padding:1.5rem}.shape.svelte-wcowrz{transition:clip-path .2s ease}.frame.svelte-wcowrz{position:absolute;inset:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);fill:none;stroke:var(--color-canvas-border);stroke-width:1.5;pointer-events:none}.result__code.svelte-wcowrz{position:absolute;inset:0;margin:0;padding:1rem 1.2rem 2rem;overflow:auto;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}@media(max-width:67.5em){.shapes-tool.svelte-wcowrz{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.side.svelte-wcowrz{display:none}.doc__select.svelte-wcowrz{display:block}.doc__title.svelte-wcowrz{display:block;margin-inline-end:.35rem}.doc__name.svelte-wcowrz,.doc__edited.svelte-wcowrz{display:none}}@media(max-width:51.25em){.shapes-tool.svelte-wcowrz{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.pane--code.svelte-wcowrz{border-right:0;border-bottom:1px solid var(--color-border)}.picker__value.svelte-wcowrz{display:none}}html:has(.shapes-page),html:has(.shapes-page) body{height:100%;overflow:hidden;scrollbar-gutter:auto}.shapes-page{height:100dvh;display:flex;flex-direction:column}