.demo-page.svelte-1dl04zm{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-page);color:var(--text);overflow:hidden}header.svelte-1dl04zm{padding:1rem 1.25rem .75rem;background:linear-gradient(180deg,#fffffff2,#f5f9ffd9);border-bottom:1px solid transparent;position:relative;z-index:100;box-shadow:none}.header-content.svelte-1dl04zm{position:relative;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ffffffe6,#f0f6ffe6);border:1px solid var(--border-strong);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #fffc}.title-section.svelte-1dl04zm{flex:1}header.svelte-1dl04zm h1:where(.svelte-1dl04zm){margin:0 0 .5rem;font-size:1.65rem;font-weight:700;letter-spacing:-.01em}header.svelte-1dl04zm p:where(.svelte-1dl04zm){margin:0;color:var(--muted);font-size:.97rem;line-height:1.5}.actions.svelte-1dl04zm{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.btn.svelte-1dl04zm{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:12px;font-weight:600;border:1px solid var(--border-strong);cursor:pointer;transition:all .2s;font-size:.9rem;background:linear-gradient(135deg,#ffffffe6,#f5f8ffe6);color:var(--text);box-shadow:inset 0 1px #fffc;text-decoration:none}.btn-secondary.svelte-1dl04zm{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 12px 22px #2563eb38}.btn-secondary.svelte-1dl04zm:hover{transform:translateY(-1px);box-shadow:0 16px 28px #2563eb3d}.btn-small.svelte-1dl04zm{padding:.375rem .75rem;font-size:.85rem;background:#4a9eff;color:#fff}.btn-small.svelte-1dl04zm:hover{background:#6ab0ff}.btn-close.svelte-1dl04zm{padding:.5rem 1.5rem;background:#262626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-close.svelte-1dl04zm:hover{background:#333}.share-menu.svelte-1dl04zm{position:absolute;top:calc(100% + .65rem);right:1.25rem;background:#fffffff5;border:1px solid var(--border-strong);border-radius:12px;padding:1.5rem;width:min(520px,calc(100% - 2.5rem));box-shadow:0 18px 40px #0f172a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.share-content.svelte-1dl04zm h3:where(.svelte-1dl04zm){margin-top:0;margin-bottom:1rem;font-size:1rem}.share-input-group.svelte-1dl04zm{display:flex;gap:.5rem;margin-bottom:1rem}.share-input.svelte-1dl04zm{flex:1;padding:.5rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:monospace;font-size:.85rem}.share-hint.svelte-1dl04zm{margin:0 0 1rem;color:var(--muted);font-size:.85rem;line-height:1.5}header.svelte-1dl04zm p:where(.svelte-1dl04zm) strong{color:#4a9eff}header.svelte-1dl04zm p:where(.svelte-1dl04zm) code{background:#1e1e1e;padding:.125rem .375rem;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.95em}.ide-container.svelte-1dl04zm{flex:1;min-height:0}.error-page.svelte-1dl04zm{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-page);color:var(--text)}.container.svelte-1dl04zm{max-width:600px;padding:2rem}.error-page.svelte-1dl04zm h1:where(.svelte-1dl04zm){font-size:2.5rem;font-weight:700;margin:0 0 1rem}.error-page.svelte-1dl04zm p:where(.svelte-1dl04zm){font-size:1.125rem;color:var(--muted);margin:0 0 2rem}.error-page.svelte-1dl04zm .btn:where(.svelte-1dl04zm){display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0f;color:var(--text);border-radius:10px;font-weight:600;text-decoration:none;transition:background .2s;border:1px solid var(--border)}.error-page.svelte-1dl04zm .btn:where(.svelte-1dl04zm):hover{background:#ffffff1f;border-color:var(--border-strong)}@media(max-width:768px){.header-content.svelte-1dl04zm{flex-direction:column;gap:1rem}header.svelte-1dl04zm h1:where(.svelte-1dl04zm){font-size:1.25rem}.actions.svelte-1dl04zm{width:100%}.actions.svelte-1dl04zm .btn:where(.svelte-1dl04zm){flex:1}.share-menu.svelte-1dl04zm{max-width:calc(100vw - 2.5rem);right:1rem}}