.app-shell.svelte-6hrsc3{grid-template-columns:0 minmax(0,1fr) 0;grid-template-areas:"header header header""left main right""footer footer footer";min-height:100%;transition:grid-template-columns .2s;display:grid}.app-shell[data-left=true].svelte-6hrsc3{grid-template-columns:minmax(200px,280px) minmax(0,1fr) 0}.app-shell[data-right=true].svelte-6hrsc3{grid-template-columns:0 minmax(0,1fr) minmax(200px,280px)}.app-shell[data-left=true][data-right=true].svelte-6hrsc3{grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(200px,280px)}.app-shell-header.svelte-6hrsc3,.app-shell-footer.svelte-6hrsc3{background:var(--color00);border-color:var(--border-primary);border-style:solid;padding:16px}.app-shell-header.svelte-6hrsc3{border-width:0 0 1px;grid-area:header}.app-shell-footer.svelte-6hrsc3{border-width:1px 0 0;grid-area:footer}.app-shell-left.svelte-6hrsc3,.app-shell-right.svelte-6hrsc3{background:var(--color00);padding:16px;overflow:auto}.app-shell-left.svelte-6hrsc3{border-right:1px solid var(--border-primary);grid-area:left}.app-shell-right.svelte-6hrsc3{border-left:1px solid var(--border-primary);grid-area:right}.app-shell-main.svelte-6hrsc3{grid-area:main;min-width:0;padding:16px}@media (width<=720px){.app-shell.svelte-6hrsc3,.app-shell[data-left=true].svelte-6hrsc3,.app-shell[data-right=true].svelte-6hrsc3,.app-shell[data-left=true][data-right=true].svelte-6hrsc3{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""main""footer"}.app-shell-left.svelte-6hrsc3,.app-shell-right.svelte-6hrsc3{display:none}}@media (prefers-reduced-motion:reduce){.app-shell.svelte-6hrsc3{transition:none}}.block-grid.svelte-1d2pgwu{gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-base), minmax(0, 1fr));grid-template-columns:repeat(var(--grid-base), minmax(var(--grid-min,0), 1fr));transition:grid-template-columns .2s,gap .2s;display:grid}@media (width>=640px){.block-grid.svelte-1d2pgwu{grid-template-columns:repeat(var(--grid-sm), minmax(var(--grid-min,0), 1fr))}}@media (width>=960px){.block-grid.svelte-1d2pgwu{grid-template-columns:repeat(var(--grid-md), minmax(var(--grid-min,0), 1fr))}}@media (width>=1200px){.block-grid.svelte-1d2pgwu{grid-template-columns:repeat(var(--grid-lg), minmax(var(--grid-min,0), 1fr))}}@media (prefers-reduced-motion:reduce){.block-grid.svelte-1d2pgwu{transition:none}}.hero.svelte-n9h4ry{background:var(--color10);border:1px solid var(--border-tertiary);text-align:center;border-radius:6px;padding:32px;transition:grid-template-columns .2s,text-align .2s}.hero.svelte-n9h4ry p:where(.svelte-n9h4ry){color:var(--text-secondary);font-size:var(--text-lg);margin:0}.hero[data-layout=split].svelte-n9h4ry{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.hero-media.svelte-n9h4ry{min-width:0}@media (width<=720px){.hero[data-layout=split].svelte-n9h4ry{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero.svelte-n9h4ry{transition:none}}.navigation-sidebar.svelte-1hy3qy4{background:var(--color00);border:1px solid var(--border-primary);border-radius:6px;flex-direction:column;gap:16px;padding:16px;transition:width .2s,padding .2s;display:flex}.navigation-sidebar.svelte-1hy3qy4 a:where(.svelte-1hy3qy4){color:var(--text-primary);border-radius:3px;padding:8px;text-decoration:none}.navigation-sidebar.svelte-1hy3qy4 a:where(.svelte-1hy3qy4):hover{background:var(--color10)}@media (prefers-reduced-motion:reduce){.navigation-sidebar.svelte-1hy3qy4{transition:none}}.page-header.svelte-vq7yek{border-bottom:1px solid var(--border-primary);padding-bottom:16px;transition:padding .2s}.page-header.svelte-vq7yek h1:where(.svelte-vq7yek),.page-header.svelte-vq7yek p:where(.svelte-vq7yek){margin:0}.page-header.svelte-vq7yek p:where(.svelte-vq7yek),.page-header.svelte-vq7yek a:where(.svelte-vq7yek){color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.page-header.svelte-vq7yek{transition:none}}.split-layout.svelte-i8kdbg{transition:opacity .2s}@media (prefers-reduced-motion:reduce){.split-layout.svelte-i8kdbg{transition:none}}.control-row.svelte-1uky658{flex-wrap:wrap;gap:8px;display:flex}.shell-demo.svelte-1uky658{border:1px solid var(--border-primary);border-radius:3px;overflow:hidden}.shell-bar.svelte-1uky658{justify-content:space-between;display:flex}.shell-content.svelte-1uky658{background:var(--color10);min-height:180px}.inspector.svelte-1uky658{background:var(--color10);height:100%}.grid-controls.svelte-1p5hojo{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}@media (width<=720px){.grid-controls.svelte-1p5hojo{grid-template-columns:1fr}}.control-label.svelte-1p5hojo{font-size:var(--text-sm);gap:4px;display:grid}.grid-viewport.svelte-1p5hojo{max-width:100%;margin:0 auto;transition:width .16s}.grid-item.svelte-1p5hojo{background:var(--color00);border:1px solid var(--border-primary);border-radius:3px;gap:4px;min-height:88px;padding:16px;display:grid}.product-preview.svelte-1bpi07g{background:var(--color00);border:1px solid var(--border-primary);border-radius:6px;min-height:180px;padding:16px}.bars.svelte-1bpi07g{align-items:end;gap:8px;height:80px;display:flex}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g){background:var(--color20);border-radius:3px 3px 0 0;flex:1}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g):first-child{height:35%}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g):nth-child(2){height:65%}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g):nth-child(3){height:48%}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g):nth-child(4){height:90%}.bars.svelte-1bpi07g i:where(.svelte-1bpi07g):nth-child(5){height:72%}.sidebar-demo.svelte-1orw3s1{max-width:300px}.account-card.svelte-1orw3s1{background:var(--color10);border-radius:3px;gap:4px;padding:8px;display:grid}.control-row.svelte-62moqf{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.split-demo.svelte-62moqf{min-width:0;height:260px}.split-demo.vertical.svelte-62moqf{height:360px}.list-detail.svelte-62moqf{height:180px}.pane.svelte-62moqf{background:var(--color10);height:100%;padding:16px}