.layout-lab.svelte-8mh9tx{grid-template-columns:minmax(13rem,.8fr) minmax(0,2.2fr);gap:1.75rem 2.5rem;display:grid}.layout-choices.svelte-8mh9tx{flex-direction:column;justify-content:center;display:flex}.layout-choice.svelte-8mh9tx{border-bottom:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);text-align:left;width:100%;color:var(--color-fg-dim);cursor:pointer;align-items:baseline;gap:.9rem;padding:1.4rem .25rem;transition:color .2s;display:flex}.layout-choice.svelte-8mh9tx:first-child{border-top:1px solid color-mix(in srgb, var(--color-border) 65%, transparent)}.layout-choice.svelte-8mh9tx:hover,.layout-choice.selected.svelte-8mh9tx{color:var(--color-fg)}.choice-number.svelte-8mh9tx{font-family:var(--font-mono);opacity:.7;font-size:.7rem}.selected.svelte-8mh9tx .choice-number:where(.svelte-8mh9tx){color:var(--color-accent-2);opacity:1}.choice-copy.svelte-8mh9tx{flex:1}.choice-name.svelte-8mh9tx{letter-spacing:-.03em;width:fit-content;font-size:1.15rem;font-weight:600;display:block;position:relative}.choice-name.svelte-8mh9tx:after{content:"";background:var(--color-accent-2);transform-origin:0;height:1px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(0)}.selected.svelte-8mh9tx .choice-name:where(.svelte-8mh9tx):after{transform:scaleX(1)}.choice-hint.svelte-8mh9tx{color:var(--color-fg-dim);margin-top:.25rem;font-size:.75rem;display:block}.choice-arrow.svelte-8mh9tx{color:var(--color-accent-2);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}.selected.svelte-8mh9tx .choice-arrow:where(.svelte-8mh9tx){opacity:1;transform:none}.layout-preview.svelte-8mh9tx{min-width:0}.desktop.svelte-8mh9tx{border:1px solid color-mix(in srgb, var(--color-accent-3) 30%, var(--color-border));background:var(--color-void-deep);box-shadow:0 22px 65px -30px #000000a6, 0 0 50px -35px var(--color-accent-3);border-radius:.8rem;display:block;overflow:hidden;container-type:inline-size}.desktop-bar.svelte-8mh9tx{border-bottom:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);height:2.6rem;font-family:var(--font-mono);color:var(--color-fg-dim);justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem;font-size:.65rem;display:flex}.desktop-brand.svelte-8mh9tx{color:var(--color-fg);align-items:center;gap:.5rem;display:flex}.desktop-moon.svelte-8mh9tx{width:.7rem;height:.7rem;box-shadow:inset .22rem -.1rem 0 0 var(--color-accent-3);border-radius:50%;display:inline-block;transform:rotate(-25deg)}.workspace-indicator.svelte-8mh9tx{align-items:center;gap:.5rem;display:inline-flex}.workspace-dot.svelte-8mh9tx{background:var(--color-accent-2);border-radius:50%;width:.3rem;height:.3rem}.desktop-indicators.svelte-8mh9tx{gap:.7rem;display:flex}.desktop-workspace.svelte-8mh9tx{aspect-ratio:16/9;background:radial-gradient(ellipse at 75% 80%, color-mix(in srgb, var(--color-accent-3) 9%, transparent), transparent 65%), radial-gradient(ellipse at 20% 0%, color-mix(in srgb, var(--color-accent-2) 5%, transparent), transparent 70%);position:relative;overflow:hidden}.workspace-watermark.svelte-8mh9tx{color:color-mix(in srgb, var(--color-fg-dim) 24%, transparent);letter-spacing:-.05em;font-size:5cqw;font-weight:500;line-height:1.15;display:grid;position:absolute;bottom:11%;right:7%}.demo-window.svelte-8mh9tx{--window-tone:var(--color-accent-2);border:1px solid color-mix(in srgb, var(--window-tone) 25%, var(--color-border));background:color-mix(in srgb, var(--color-void) 97%, var(--window-tone));border-radius:.45rem;flex-direction:column;min-width:0;transition:left .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s,opacity .35s,transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 5px 15px #0000002b}.demo-window.gold.svelte-8mh9tx{--window-tone:var(--color-accent)}.demo-window.lavender.svelte-8mh9tx{--window-tone:var(--color-accent-3)}.demo-window.focused.svelte-8mh9tx{border-color:color-mix(in srgb, var(--window-tone) 85%, var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--window-tone) 10%, transparent), 0 7px 25px #00000038}.window-title.svelte-8mh9tx{border-bottom:1px solid color-mix(in srgb, var(--window-tone) 13%, transparent);background:color-mix(in srgb, var(--window-tone) 5%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;gap:.2rem;height:clamp(1.25rem,4.7cqw,2.15rem);padding:0 3.5%;font-size:clamp(.45rem,1.5cqw,.72rem);display:flex}.window-app.svelte-8mh9tx{white-space:nowrap;align-items:center;gap:.35rem;min-width:0;display:inline-flex}.window-app.svelte-8mh9tx i:where(.svelte-8mh9tx){color:var(--window-tone);font-size:1.15em}.window-actions.svelte-8mh9tx{gap:.3rem;display:flex}.window-actions.svelte-8mh9tx span:where(.svelte-8mh9tx){background:var(--window-tone);opacity:.35;border-radius:50%;width:.25rem;height:.25rem}.window-content.svelte-8mh9tx{flex:1;padding:6%;overflow:hidden}.browser-address.svelte-8mh9tx{background:color-mix(in srgb, var(--color-fg-dim) 10%, transparent);border-radius:.2rem;width:100%;height:1.8cqw;padding:.65cqw}.browser-address.svelte-8mh9tx span:where(.svelte-8mh9tx){background:color-mix(in srgb, var(--color-fg-dim) 35%, transparent);width:45%;height:.35cqw;display:block}.browser-headline.svelte-8mh9tx{background:color-mix(in srgb, var(--window-tone) 55%, transparent);border-radius:.15rem;width:68%;height:2.5cqw;margin-top:9%}.browser-subtitle.svelte-8mh9tx{background:color-mix(in srgb, var(--color-fg-dim) 35%, transparent);width:44%;height:.7cqw;margin-top:4%}.browser-grid.svelte-8mh9tx{gap:5%;margin:10% 0;display:flex}.browser-grid.svelte-8mh9tx span:where(.svelte-8mh9tx){aspect-ratio:1.25;border:1px solid color-mix(in srgb, var(--window-tone) 15%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--window-tone) 15%, transparent), color-mix(in srgb, var(--color-accent-3) 8%, transparent));border-radius:.2rem;width:30%}.browser-grid.svelte-8mh9tx span:where(.svelte-8mh9tx):nth-child(2){opacity:.7}.browser-grid.svelte-8mh9tx span:where(.svelte-8mh9tx):nth-child(3){opacity:.4}.content-line.svelte-8mh9tx{background:color-mix(in srgb, var(--color-fg-dim) 25%, transparent);border-radius:1rem;width:86%;height:.6cqw;margin-top:5%}.content-line.short.svelte-8mh9tx{width:61%}.editor-content.svelte-8mh9tx{gap:1.4cqw;padding-top:2%;display:grid}.editor-line.svelte-8mh9tx{align-items:center;gap:8%;display:flex}.line-number.svelte-8mh9tx{width:1em;font-family:var(--font-mono);color:var(--color-fg-dim);opacity:.55;font-size:clamp(.4rem,1.2cqw,.65rem)}.editor-line.svelte-8mh9tx>span:where(.svelte-8mh9tx):last-child{background:color-mix(in srgb, var(--window-tone) 47%, transparent);border-radius:1rem;height:.7cqw;display:block}.editor-line.svelte-8mh9tx:nth-child(3n)>span:where(.svelte-8mh9tx):last-child{background:color-mix(in srgb, var(--color-accent-3) 50%, transparent)}.editor-line.svelte-8mh9tx:nth-child(3n+2)>span:where(.svelte-8mh9tx):last-child{background:color-mix(in srgb, var(--color-accent-2) 37%, transparent);margin-left:9%}.file-path.svelte-8mh9tx{border-bottom:1px solid color-mix(in srgb, var(--window-tone) 12%, transparent);gap:8%;padding-bottom:9%;display:flex}.file-path.svelte-8mh9tx span:where(.svelte-8mh9tx){background:color-mix(in srgb, var(--window-tone) 30%, transparent);border-radius:1rem;width:30%;height:.7cqw}.file-grid.svelte-8mh9tx{grid-template-columns:repeat(3,1fr);gap:1.7cqw 12%;margin-top:10%;display:grid}.file-grid.svelte-8mh9tx>span:where(.svelte-8mh9tx){flex-direction:column;align-items:center;gap:.6cqw;display:flex}.file-grid.svelte-8mh9tx i:where(.svelte-8mh9tx){color:color-mix(in srgb, var(--window-tone) 60%, transparent);font-size:3cqw}.file-grid.svelte-8mh9tx span:where(.svelte-8mh9tx) span:where(.svelte-8mh9tx){background:color-mix(in srgb, var(--color-fg-dim) 30%, transparent);border-radius:1rem;width:80%;height:.4cqw;display:block}.terminal-line.svelte-8mh9tx{font-family:var(--font-mono);color:var(--color-accent-3);align-items:center;gap:.8cqw;font-size:clamp(.5rem,1.5cqw,.8rem);display:flex}.terminal-line.svelte-8mh9tx+.terminal-line:where(.svelte-8mh9tx),.content-line.svelte-8mh9tx+.terminal-line:where(.svelte-8mh9tx){margin-top:11%}.terminal-prompt.svelte-8mh9tx{color:var(--window-tone)}.terminal-command.svelte-8mh9tx{background:color-mix(in srgb, var(--color-fg) 35%, transparent);border-radius:1rem;width:50%;height:.7cqw;display:block}.terminal-cursor.svelte-8mh9tx{background:var(--window-tone);opacity:.7;width:.7cqw;height:1.3cqw}.notes-heading.svelte-8mh9tx{background:color-mix(in srgb, var(--window-tone) 50%, transparent);border-radius:1rem;width:65%;height:1cqw;margin-bottom:12%}.preview-caption.svelte-8mh9tx{min-height:2.75rem;color:var(--color-fg-dim);justify-content:space-between;align-items:center;gap:.7rem;font-size:.7rem;display:flex}.sequence-caption.svelte-8mh9tx{align-items:center;gap:.7rem;display:flex}.sequence-dots.svelte-8mh9tx{flex-shrink:0;gap:.25rem;display:flex}.sequence-dots.svelte-8mh9tx span:where(.svelte-8mh9tx){background:var(--color-fg-dim);opacity:.35;border-radius:50%;width:.3rem;height:.3rem}.sequence-dots.svelte-8mh9tx span.current:where(.svelte-8mh9tx){background:var(--color-accent-2);opacity:1}.motion-toggle.svelte-8mh9tx{cursor:pointer;color:var(--color-fg-dim);flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .25rem;display:flex}.motion-toggle.svelte-8mh9tx:hover{color:var(--color-accent-2)}.motion-note.svelte-8mh9tx{flex-shrink:0;font-size:.65rem}.layout-description.svelte-8mh9tx{border-top:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);grid-column:1/-1;grid-template-columns:minmax(13rem,.8fr) minmax(0,2.2fr);column-gap:2.5rem;padding-top:1.5rem;display:grid}.description-name.svelte-8mh9tx{font-family:var(--font-mono);color:var(--color-accent-2);font-size:.8rem}.description-name.svelte-8mh9tx span:where(.svelte-8mh9tx){color:var(--color-fg-dim);margin-left:.4rem}.layout-description.svelte-8mh9tx>p:where(.svelte-8mh9tx):last-child{max-width:42rem;color:var(--color-fg-dim);font-size:.9rem;line-height:1.8}.demo-note.svelte-8mh9tx{color:var(--color-fg-dim);opacity:.8;grid-column:2;margin-top:-.75rem;font-size:.7rem}.layout-lab.compact.svelte-8mh9tx{grid-template-columns:1fr;gap:.8rem}.compact.svelte-8mh9tx .layout-choices:where(.svelte-8mh9tx){border-top:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.compact.svelte-8mh9tx .layout-choice:where(.svelte-8mh9tx){justify-content:center;gap:.4rem;padding:.85rem .2rem}.compact.svelte-8mh9tx .layout-choice:where(.svelte-8mh9tx):first-child{border-top:0}.compact.svelte-8mh9tx .choice-number:where(.svelte-8mh9tx){font-size:.6rem}.compact.svelte-8mh9tx .choice-name:where(.svelte-8mh9tx){font-size:.85rem}.compact.svelte-8mh9tx .choice-copy:where(.svelte-8mh9tx){flex:initial}.compact.svelte-8mh9tx .choice-hint:where(.svelte-8mh9tx),.compact.svelte-8mh9tx .choice-arrow:where(.svelte-8mh9tx){display:none}.compact.svelte-8mh9tx .desktop-bar:where(.svelte-8mh9tx){height:2.2rem;padding:0 .8rem;font-size:.6rem}.compact.svelte-8mh9tx .preview-caption:where(.svelte-8mh9tx){min-height:2.4rem;font-size:.65rem}.layout-lab.presentation.svelte-8mh9tx{width:100%;height:100%;display:block}.presentation.svelte-8mh9tx .layout-preview:where(.svelte-8mh9tx){height:100%}.presentation.svelte-8mh9tx .desktop:where(.svelte-8mh9tx){height:100%;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex}.presentation.svelte-8mh9tx .desktop-bar:where(.svelte-8mh9tx){flex-shrink:0}.presentation.svelte-8mh9tx .desktop-workspace:where(.svelte-8mh9tx){aspect-ratio:auto;flex:1;min-height:0}@media (width<=800px){.layout-lab.svelte-8mh9tx{grid-template-columns:1fr;gap:1rem}.layout-choices.svelte-8mh9tx{border-top:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.layout-choice.svelte-8mh9tx{gap:.35rem;padding:1rem .25rem}.layout-choice.svelte-8mh9tx:first-child{border-top:0}.choice-number.svelte-8mh9tx{font-size:.6rem}.choice-name.svelte-8mh9tx{font-size:.85rem}.choice-hint.svelte-8mh9tx,.choice-arrow.svelte-8mh9tx{display:none}.layout-description.svelte-8mh9tx{grid-column:1;grid-template-columns:1fr;gap:.55rem;padding-top:1rem}.demo-note.svelte-8mh9tx{grid-column:1;margin-top:0}}@media (width<=420px){.choice-number.svelte-8mh9tx{display:none}.layout-choice.svelte-8mh9tx{text-align:center;justify-content:center}.choice-name.svelte-8mh9tx{font-size:.78rem}.desktop-bar.svelte-8mh9tx{height:2.2rem;padding:0 .65rem;font-size:.55rem}.desktop-indicators.svelte-8mh9tx{gap:.4rem}.preview-caption.svelte-8mh9tx{font-size:.62rem}.sequence-caption.svelte-8mh9tx{gap:.4rem}.sequence-dots.svelte-8mh9tx{display:none}}@media (prefers-reduced-motion:reduce){.layout-choice.svelte-8mh9tx,.choice-name.svelte-8mh9tx:after,.choice-arrow.svelte-8mh9tx,.demo-window.svelte-8mh9tx{transition:none}}