.demo-hero[data-astro-cid-prwxh6m4]{background:var(--color-hero-bg);color:var(--color-hero-text)}.demo-hero-inner[data-astro-cid-prwxh6m4]{max-width:var(--max-w);margin:0 auto;padding:48px 32px 40px}.demo-title[data-astro-cid-prwxh6m4]{font-family:var(--font-display);font-size:36px;font-weight:700;margin-bottom:8px}.demo-sub[data-astro-cid-prwxh6m4]{font-size:16px;color:#f0f0f58c;line-height:1.6}.configurator[data-astro-cid-prwxh6m4]{background:var(--color-bg)}.config-inner[data-astro-cid-prwxh6m4]{max-width:1400px;margin:0 auto;padding:32px;display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.config-panel[data-astro-cid-prwxh6m4]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;position:sticky;top:80px;max-height:calc(100vh - 96px);overflow-y:auto}.panel-section[data-astro-cid-prwxh6m4]{padding:20px 24px;border-bottom:1px solid var(--color-border)}.panel-section[data-astro-cid-prwxh6m4]:last-child{border-bottom:none}.panel-heading[data-astro-cid-prwxh6m4]{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:14px}.layout-options[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-opt[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s}.layout-opt[data-astro-cid-prwxh6m4]:hover{border-color:var(--color-accent);color:var(--color-text)}.layout-opt[data-astro-cid-prwxh6m4].active{border-color:var(--color-accent);background:#6c5ce70f;color:var(--color-accent)}.theme-options[data-astro-cid-prwxh6m4]{display:flex;gap:8px}.theme-opt[data-astro-cid-prwxh6m4]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .15s}.theme-opt[data-astro-cid-prwxh6m4]:hover{border-color:var(--color-accent)}.theme-opt[data-astro-cid-prwxh6m4].active{border-color:var(--color-accent);background:#6c5ce70f}.theme-swatch[data-astro-cid-prwxh6m4]{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border)}.theme-swatch-light[data-astro-cid-prwxh6m4]{background:#fff}.theme-swatch-dark[data-astro-cid-prwxh6m4]{background:#1e1e2e}.option-group[data-astro-cid-prwxh6m4]{display:flex;gap:12px;margin-bottom:16px}.option-label[data-astro-cid-prwxh6m4]{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-text);font-weight:500}.option-select[data-astro-cid-prwxh6m4]{padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:var(--font-body)}.toggle-group[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:10px}.toggle-label[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text);cursor:pointer}.toggle-label[data-astro-cid-prwxh6m4] input[data-astro-cid-prwxh6m4][type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.css-controls[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:14px}.css-label[data-astro-cid-prwxh6m4]{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--color-text);font-weight:500}.color-input[data-astro-cid-prwxh6m4]{width:32px;height:28px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:0;background:none}.range-input[data-astro-cid-prwxh6m4]{width:100px;accent-color:var(--color-accent)}.range-value[data-astro-cid-prwxh6m4]{font-size:12px;color:var(--color-text-muted);min-width:36px;text-align:right;font-family:var(--font-mono)}.custom-css-input[data-astro-cid-prwxh6m4]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:12px;line-height:1.6;resize:vertical}.custom-css-input[data-astro-cid-prwxh6m4]::placeholder{color:var(--color-text-muted);opacity:.5}.config-preview[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:var(--color-surface)}.preview-toolbar[data-astro-cid-prwxh6m4]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.preview-label[data-astro-cid-prwxh6m4]{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.copy-btn[data-astro-cid-prwxh6m4]{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s}.copy-btn[data-astro-cid-prwxh6m4]:hover{border-color:var(--color-accent);color:var(--color-accent)}.copy-btn[data-astro-cid-prwxh6m4].copied{border-color:#10b981;color:#10b981;background:#10b9810d}.preview-area[data-astro-cid-prwxh6m4]{padding:32px;min-height:300px;background:var(--color-bg);transition:background .3s}.code-output[data-astro-cid-prwxh6m4]{border-top:1px solid var(--color-border);background:#0c0a1a;padding:20px 24px;overflow-x:auto}.code-output[data-astro-cid-prwxh6m4] pre[data-astro-cid-prwxh6m4]{margin:0}.code-output[data-astro-cid-prwxh6m4] code[data-astro-cid-prwxh6m4]{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:#f0f0f5b3;white-space:pre-wrap;word-break:break-all}.control-disabled[data-astro-cid-prwxh6m4]{opacity:.35;pointer-events:none;position:relative}.control-disabled[data-astro-cid-prwxh6m4]:after{content:"Not available for this layout";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:#fafaf999;border-radius:6px;opacity:0;transition:opacity .15s}.control-disabled[data-astro-cid-prwxh6m4]:hover{pointer-events:auto;cursor:not-allowed}.control-disabled[data-astro-cid-prwxh6m4]:hover:after{opacity:1}@media(max-width:900px){.config-inner[data-astro-cid-prwxh6m4]{grid-template-columns:1fr;padding:16px}.config-panel[data-astro-cid-prwxh6m4]{position:static;max-height:none}}