.layout-container.svelte-ype8bb{display:flex;height:100vh;overflow:hidden}.sidebar.svelte-ype8bb{width:80px;background:#fafafa;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem 0;gap:.5rem;overflow-y:auto;flex-shrink:0}.variant-toggle.svelte-ype8bb{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin:0 .5rem .5rem;border-radius:8px;background:#fff;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.variant-toggle.svelte-ype8bb:hover{background:#f0f0f0;box-shadow:0 2px 4px #0000000d}.variant-toggle-icon.svelte-ype8bb{font-size:1.2rem;margin-bottom:.25rem}.variant-toggle-label.svelte-ype8bb{font-size:.6rem;text-align:center;line-height:1.2}.sidebar-divider.svelte-ype8bb{height:1px;background:var(--border);margin:.5rem 1rem}.sidebar-item.svelte-ype8bb{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;text-decoration:none;color:var(--fg);border-radius:8px;margin:0 .5rem;transition:all .2s ease;min-height:60px;position:relative}.sidebar-item.svelte-ype8bb:hover{background:#f0f0f0;transform:translate(2px)}.sidebar-item.active.svelte-ype8bb{background:#fff;box-shadow:0 2px 8px #0000001a}.sidebar-item.active.svelte-ype8bb:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-color, #000);border-radius:0 2px 2px 0}.sidebar-item.coming-soon.svelte-ype8bb{opacity:.6;cursor:not-allowed}.sidebar-item.coming-soon.svelte-ype8bb:hover{opacity:.8;transform:none}.sidebar-item.coming-soon.svelte-ype8bb .sidebar-logo:where(.svelte-ype8bb),.sidebar-item.coming-soon.svelte-ype8bb .sidebar-icon:where(.svelte-ype8bb){filter:grayscale(30%)}.coming-soon-tooltip.svelte-ype8bb{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.65rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.sidebar-item.coming-soon.svelte-ype8bb:hover .coming-soon-tooltip:where(.svelte-ype8bb){opacity:1}.sidebar-icon.svelte-ype8bb{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.sidebar-logo.svelte-ype8bb{width:24px;height:24px;object-fit:contain;margin-bottom:.25rem}.sidebar-label.svelte-ype8bb{font-size:.65rem;text-align:center;opacity:.7}.main-content.svelte-ype8bb{flex:1;overflow-y:auto;display:flex;flex-direction:column}header.svelte-ype8bb{padding:1rem 2rem;border-bottom:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;align-items:center}.progress.svelte-ype8bb{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--progress-color, #111) 0%,transparent 70%);background-size:200% 100%;animation:svelte-ype8bb-progress 1.2s linear infinite;opacity:.9;z-index:1000}@keyframes svelte-ype8bb-progress{0%{background-position:200% 0}to{background-position:-200% 0}}.content-area.svelte-ype8bb{flex:1;max-width:2000px;width:100%;margin:0 auto;padding:1.25rem}footer.svelte-ype8bb{padding:1rem 2rem;border-top:1px solid var(--border);background:#fafafa;text-align:center;color:var(--muted);font-size:.85rem}.provider-badge.svelte-ype8bb{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#f0f0f0;border-radius:999px;font-size:.85rem}.active-page.svelte-ype8bb{font-weight:600;color:var(--text);text-decoration:underline}@media (max-width: 768px){.sidebar.svelte-ype8bb{width:60px}.sidebar-label.svelte-ype8bb{display:none}}.backend-pill.svelte-ype8bb{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:#fafafa;font-size:.8rem;color:#333}.inspector.svelte-ype8bb{position:fixed;right:16px;bottom:16px;width:min(420px,90vw);background:#111;color:#fff;border-radius:10px;box-shadow:0 10px 30px #00000059;z-index:1001;border:1px solid #333;overflow:hidden}.inspector.svelte-ype8bb header:where(.svelte-ype8bb){display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#171717;border-bottom:1px solid #2a2a2a}.inspector.svelte-ype8bb pre:where(.svelte-ype8bb){margin:0;padding:10px 12px;white-space:pre-wrap;font-size:12px;line-height:1.4}.kbd.svelte-ype8bb{background:#222;border:1px solid #444;padding:1px 6px;border-radius:6px;font-size:11px}
