@layer components{:is(.docs-preview,.demo-composition){min-width:0;container-type:inline-size}:is(.docs-preview,.demo-composition) .pg-stack{gap:20px;min-width:0;display:grid}:is(.docs-preview,.demo-composition) .pg-row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}:is(.docs-preview,.demo-composition) .pg-row--between{justify-content:space-between}:is(.docs-preview,.demo-composition) .pg-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;min-width:0;display:grid}:is(.docs-preview,.demo-composition) .pg-grid--start{align-items:start}:is(.docs-preview,.demo-composition) .pg-grid>*{min-width:0}:is(.docs-preview,.demo-composition) .pg-meta,:is(.docs-preview,.demo-composition) .pg-muted{color:var(--pimolu-muted-foreground);font-size:.8125rem;line-height:1.6}:is(.docs-preview,.demo-composition) .pg-copy{max-width:65ch;line-height:1.7}:is(.docs-preview,.demo-composition) .pg-panel{border:1px solid var(--pimolu-border);border-radius:var(--pimolu-radius-lg);min-width:0;padding:24px}:is(.docs-preview,.demo-composition) .pg-demo-item{gap:12px;min-width:0;display:grid}:is(.docs-preview,.demo-composition) .pg-section{margin-block-start:32px}:is(.docs-preview,.demo-composition) .pg-section__title{margin-block-end:8px;font-size:1.125rem}:is(.docs-preview,.demo-composition) .pg-section__hint{color:var(--pimolu-muted-foreground);margin-block-end:20px}:is(.docs-preview,.demo-composition) .pg-grow{flex:1;min-width:0}:is(.docs-preview,.demo-composition) .pg-example-actions{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}:is(.docs-preview,.demo-composition) .pg-media{object-fit:contain;border-radius:var(--pimolu-radius-md);background:var(--pimolu-muted);width:100%;max-height:260px;display:block}:is(.docs-preview,.demo-composition) .pg-price{font-size:1.5rem;font-weight:500}:is(.docs-preview,.demo-composition) .pg-popover-title{margin-block-end:8px;font-weight:500}:is(.docs-preview,.demo-composition) .pg-popover-hint{color:var(--pimolu-muted-foreground);font-size:.8125rem}:is(.docs-preview,.demo-composition) .pg-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}:is(.docs-preview,.demo-composition) .pg-brand__mark{border-radius:var(--pimolu-radius-md);background:var(--pimolu-primary);width:36px;height:36px;color:var(--pimolu-primary-foreground);place-items:center;display:grid}:is(.docs-preview,.demo-composition) .pg-brand__tag{color:var(--pimolu-muted-foreground);font-size:.75rem}:is(.docs-preview,.demo-composition) .pg-separator-row{align-items:center;gap:16px;display:flex}:is(.docs-preview,.demo-composition) .pg-surface-demo{background:var(--pimolu-surface);border:1px solid var(--pimolu-border);border-radius:var(--pimolu-radius-md);padding:24px}.demo-composition{padding:32px}:is(.demo-composition--app-shell,.demo-composition--docs-layout,.demo-composition--dashboard-layout),.docs-preview:is(.docs-preview--app-shell,.docs-preview--docs-layout,.docs-preview--table-of-contents,.docs-preview--anchor,.docs-preview--tabs){padding:0}@container (max-width:480px){:is(.docs-preview,.demo-composition) .pg-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.demo-composition{padding:20px}:is(.docs-preview,.demo-composition) .pg-panel{padding:16px}}}