.demo-note.svelte-1du1zi4{border-radius:var(--radius);background:var(--gold-pale);border:1px solid #b8935a66;align-items:flex-start;gap:16px;max-width:820px;margin:0 auto 26px;padding:22px 26px;display:flex}.demo-note-icon.svelte-1du1zi4{font-size:26px;line-height:1.2}.demo-note.svelte-1du1zi4 strong:where(.svelte-1du1zi4){color:var(--wine);font-size:16px}.demo-note.svelte-1du1zi4 p:where(.svelte-1du1zi4){color:var(--text-light);margin-top:5px;font-size:14px;line-height:1.65}.demo-actions.svelte-1du1zi4{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px;display:flex}.browser.svelte-1du1zi4{border:1px solid var(--border);background:#fff;border-radius:16px;max-width:1100px;margin:0 auto;overflow:hidden;box-shadow:0 42px 100px #1a1f1629}.browser-bar.svelte-1du1zi4{background:var(--cream);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:11px 16px;display:flex}.dots.svelte-1du1zi4{flex:none;gap:7px;display:inline-flex}.dots.svelte-1du1zi4 i:where(.svelte-1du1zi4){background:var(--border);border-radius:50%;width:11px;height:11px}.dots.svelte-1du1zi4 i:where(.svelte-1du1zi4):first-child{background:#e06c5a}.dots.svelte-1du1zi4 i:where(.svelte-1du1zi4):nth-child(2){background:var(--gold-light)}.dots.svelte-1du1zi4 i:where(.svelte-1du1zi4):nth-child(3){background:var(--sage)}.url.svelte-1du1zi4{border:1px solid var(--border);max-width:360px;color:var(--text-light);white-space:nowrap;background:#fff;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:6px 14px;font-size:13px;display:inline-flex}.url.svelte-1du1zi4:hover{color:var(--wine)}.expand.svelte-1du1zi4{width:30px;height:30px;color:var(--text-light);border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.expand.svelte-1du1zi4:hover{background:var(--gold-pale);color:var(--wine)}.browser-viewport.svelte-1du1zi4{background:#10140e;height:70vh;min-height:520px;max-height:820px}.browser-viewport.svelte-1du1zi4 iframe:where(.svelte-1du1zi4){border:0;width:100%;height:100%;display:block}.demo-hint.svelte-1du1zi4{text-align:center;max-width:1100px;color:var(--text-light);margin:16px auto 0;font-size:13px}.demo-hint.svelte-1du1zi4 a:where(.svelte-1du1zi4){color:var(--wine);text-underline-offset:2px;text-decoration:underline}@media (width<=560px){.browser-viewport.svelte-1du1zi4{height:75vh;min-height:420px}.url.svelte-1du1zi4{font-size:12px}}