body{margin:0;padding:0}.sandbox-container.svelte-1d7dszo{flex-direction:column;height:100vh;display:flex}.sandbox-header.svelte-1d7dszo{justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.sandbox-nav.svelte-1d7dszo{gap:1.5rem;display:flex}.nav-link.svelte-1d7dszo{color:#fff9;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link.active.svelte-1d7dszo{color:#fff}.sandbox-main.svelte-1d7dszo{flex:1;display:flex;overflow:hidden}.sandbox-controls.svelte-1d7dszo{border-right:1px solid #0000001a;border-radius:0;flex-direction:column;gap:2rem;width:300px;padding:1.5rem;display:flex;overflow-y:auto}.sandbox-content.svelte-1d7dszo{flex:1;padding:2rem;overflow-y:auto}.feedback-overlay.svelte-1d7dszo{z-index:100;position:fixed;inset:0}.feedback-drawer.svelte-1d7dszo{z-index:101;border-radius:0;flex-direction:column;width:450px;padding:2rem;display:flex;position:fixed;top:0;bottom:0;right:0}.design-foundations.svelte-191qdir{padding-bottom:5rem}