.theme-generator-layout[data-astro-cid-bfvwmfnq]{flex-direction:column;min-height:100vh;display:flex}.theme-generator-main[data-astro-cid-bfvwmfnq]{padding:var(--s-space-6);flex:1;width:100%;max-width:1600px;margin:0 auto}.theme-generator-header[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-6)}.theme-generator-header[data-astro-cid-bfvwmfnq] h1[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-3xl);font-weight:var(--s-font-bold);margin:0 0 var(--s-space-2)}.theme-generator-header[data-astro-cid-bfvwmfnq] p[data-astro-cid-bfvwmfnq]{color:var(--s-text-secondary);margin:0}.theme-generator-grid[data-astro-cid-bfvwmfnq]{gap:var(--s-space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.theme-generator-grid[data-astro-cid-bfvwmfnq]{grid-template-columns:320px 1fr}}.control-panel[data-astro-cid-bfvwmfnq]{background:var(--s-surface-subtle);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);padding:var(--s-space-5);height:fit-content}@media (width>=1024px){.control-panel[data-astro-cid-bfvwmfnq]{top:calc(var(--docs-header-height) + var(--s-space-6));max-height:calc(100vh - var(--docs-header-height) - var(--s-space-12));position:sticky;overflow-y:auto}}.panel-section[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-6)}.panel-section[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.panel-title[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);font-weight:var(--s-font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--s-text-muted);margin:0 0 var(--s-space-3)}.preset-buttons[data-astro-cid-bfvwmfnq]{gap:var(--s-space-2);flex-wrap:wrap;display:flex}.preset-btn[data-astro-cid-bfvwmfnq]{padding:var(--s-space-2) var(--s-space-3);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);background:var(--s-surface-base);border:1px solid var(--s-border-default);border-radius:var(--s-radius-md);color:var(--s-text-primary);cursor:pointer;transition:all .15s}.preset-btn[data-astro-cid-bfvwmfnq]:hover{border-color:var(--s-interactive-primary);background:var(--s-surface-hover)}.preset-btn[data-astro-cid-bfvwmfnq].active{background:var(--s-interactive-primary);border-color:var(--s-interactive-primary);color:var(--s-text-on-primary)}.hue-control[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-4)}.hue-control[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.hue-label[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);font-weight:var(--s-font-medium);margin-bottom:var(--s-space-2);justify-content:space-between;display:flex}.hue-value[data-astro-cid-bfvwmfnq]{font-family:var(--s-font-mono);color:var(--s-text-secondary)}.hue-slider[data-astro-cid-bfvwmfnq]{border-radius:var(--s-radius-full);appearance:none;cursor:pointer;background:linear-gradient(90deg,oklch(65% .15 0),oklch(65% .15 60),oklch(65% .15 120),oklch(65% .15 180),oklch(65% .15 240),oklch(65% .15 300),oklch(65% .15 360));width:100%;height:6px}.hue-slider[data-astro-cid-bfvwmfnq]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--s-border-default);cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.hue-slider[data-astro-cid-bfvwmfnq]::-moz-range-thumb{border:2px solid var(--s-border-default);cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.hue-preview[data-astro-cid-bfvwmfnq]{width:100%;height:8px;margin-top:var(--s-space-2);border-radius:var(--s-radius-sm);background:var(--s-primary-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=primary]{background:var(--s-primary-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=secondary]{background:var(--s-secondary-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=accent]{background:var(--s-accent-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=success]{background:var(--s-success-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=warning]{background:var(--s-warning-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=danger]{background:var(--s-danger-500)}.hue-preview[data-astro-cid-bfvwmfnq][data-hue-preview=neutral]{background:var(--s-neutral-500)}.advanced-toggle[data-astro-cid-bfvwmfnq]{width:100%;padding:var(--s-space-3);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);background:var(--s-surface-base);border:1px solid var(--s-border-default);border-radius:var(--s-radius-md);color:var(--s-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;transition:all .15s;display:flex}.advanced-toggle[data-astro-cid-bfvwmfnq]:hover{border-color:var(--s-border-hover);color:var(--s-text-primary)}.advanced-toggle[data-astro-cid-bfvwmfnq][aria-expanded=true]{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.advanced-toggle[data-astro-cid-bfvwmfnq] .toggle-icon[data-astro-cid-bfvwmfnq]{transition:transform .2s}.advanced-toggle[data-astro-cid-bfvwmfnq][aria-expanded=true] .toggle-icon[data-astro-cid-bfvwmfnq]{transform:rotate(180deg)}.advanced-content[data-astro-cid-bfvwmfnq]{background:var(--s-surface-base);border:1px solid var(--s-border-default);border-radius:0 0 var(--s-radius-md) var(--s-radius-md);padding:var(--s-space-4);border-top:none}.advanced-content[data-astro-cid-bfvwmfnq][hidden]{display:none}.advanced-hint[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-xs);color:var(--s-text-muted);margin:0 0 var(--s-space-4);line-height:1.5}.auto-toggle[data-astro-cid-bfvwmfnq]{align-items:center;gap:var(--s-space-2);font-size:var(--s-text-sm);color:var(--s-text-secondary);cursor:pointer;margin-bottom:var(--s-space-4);padding:var(--s-space-2) var(--s-space-3);background:var(--s-surface-subtle);border-radius:var(--s-radius-sm);display:flex}.auto-toggle[data-astro-cid-bfvwmfnq] input[data-astro-cid-bfvwmfnq]{accent-color:var(--s-interactive-primary)}.hue-control[data-astro-cid-bfvwmfnq][data-advanced-control]{opacity:1;transition:opacity .15s}.hue-control[data-astro-cid-bfvwmfnq][data-advanced-control].disabled{opacity:.5}.hue-slider[data-astro-cid-bfvwmfnq]:disabled{cursor:not-allowed}.reset-btn[data-astro-cid-bfvwmfnq]{width:100%;padding:var(--s-space-3);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);border:1px solid var(--s-border-default);border-radius:var(--s-radius-md);color:var(--s-text-secondary);cursor:pointer;background:0 0;transition:all .15s}.reset-btn[data-astro-cid-bfvwmfnq]:hover{border-color:var(--s-danger-500);color:var(--s-danger-500)}.preview-area[data-astro-cid-bfvwmfnq]{gap:var(--s-space-6);flex-direction:column;display:flex}.preview-controls[data-astro-cid-bfvwmfnq]{align-items:center;gap:var(--s-space-4);padding:var(--s-space-3) var(--s-space-4);background:var(--s-surface-subtle);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);display:flex}.preview-label[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);font-weight:var(--s-font-medium);color:var(--s-text-secondary)}.theme-toggle-group[data-astro-cid-bfvwmfnq]{gap:var(--s-space-1);background:var(--s-surface-base);border-radius:var(--s-radius-md);padding:var(--s-space-1);display:flex}.theme-toggle-btn[data-astro-cid-bfvwmfnq]{align-items:center;gap:var(--s-space-2);padding:var(--s-space-2) var(--s-space-3);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);border-radius:var(--s-radius-sm);color:var(--s-text-secondary);cursor:pointer;background:0 0;border:none;transition:all .15s;display:flex}.theme-toggle-btn[data-astro-cid-bfvwmfnq]:hover{color:var(--s-text-primary)}.theme-toggle-btn[data-astro-cid-bfvwmfnq].active{background:var(--s-interactive-primary);color:var(--s-text-on-primary)}.preview-container[data-astro-cid-bfvwmfnq]{background:var(--s-surface-base);color:var(--s-text-primary);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);padding:var(--s-space-6)}.preview-container[data-astro-cid-bfvwmfnq][data-theme=light]{color-scheme:light only;--s-surface-base:var(--s-neutral-50);--s-surface-raised:var(--s-neutral-100);--s-surface-sunken:var(--s-neutral-200);--s-surface-subtle:var(--s-neutral-100);--s-surface-hover:var(--s-neutral-100);--s-text-primary:var(--s-neutral-900);--s-text-secondary:var(--s-neutral-700);--s-text-muted:var(--s-neutral-500);--s-border-default:var(--s-neutral-200);--s-border-muted:var(--s-neutral-100);--s-interactive-primary:var(--s-primary-700);--s-interactive-primary-hover:var(--s-primary-800);--s-state-success:var(--s-success-700);--s-state-success-bg:var(--s-success-100);--s-state-warning:var(--s-warning-700);--s-state-warning-bg:var(--s-warning-100);--s-state-danger:var(--s-danger-700);--s-state-danger-bg:var(--s-danger-100)}.preview-container[data-astro-cid-bfvwmfnq][data-theme=dark]{color-scheme:dark only;--s-surface-base:var(--s-neutral-950);--s-surface-raised:var(--s-neutral-900);--s-surface-sunken:var(--s-neutral-800);--s-surface-subtle:var(--s-neutral-900);--s-surface-hover:var(--s-neutral-800);--s-text-primary:var(--s-neutral-50);--s-text-secondary:var(--s-neutral-300);--s-text-muted:var(--s-neutral-500);--s-border-default:var(--s-neutral-800);--s-border-muted:var(--s-neutral-900);--s-interactive-primary:var(--s-primary-300);--s-interactive-primary-hover:var(--s-primary-200);--s-state-success:var(--s-success-300);--s-state-success-bg:var(--s-success-900);--s-state-warning:var(--s-warning-300);--s-state-warning-bg:var(--s-warning-900);--s-state-danger:var(--s-danger-300);--s-state-danger-bg:var(--s-danger-900)}.preview-section[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-8)}.preview-section[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.preview-section[data-astro-cid-bfvwmfnq] h3[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-lg);font-weight:var(--s-font-semibold);color:var(--s-text-primary);margin:0 0 var(--s-space-4);padding-bottom:var(--s-space-2);border-bottom:1px solid var(--s-border-default)}.color-scale-group[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-3)}.scale-label[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);font-weight:var(--s-font-medium);color:var(--s-text-secondary);margin-bottom:var(--s-space-2);display:block}.color-scale[data-astro-cid-bfvwmfnq]{border-radius:var(--s-radius-md);display:flex;overflow:hidden}.color-swatch[data-astro-cid-bfvwmfnq]{flex:1;min-width:0;height:40px}.component-group[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-6)}.component-group[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.component-group[data-astro-cid-bfvwmfnq] h4[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);font-weight:var(--s-font-semibold);color:var(--s-text-secondary);margin:0 0 var(--s-space-3)}.component-row[data-astro-cid-bfvwmfnq]{gap:var(--s-space-3);margin-bottom:var(--s-space-3);flex-wrap:wrap;display:flex}.component-row[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.surface-grid[data-astro-cid-bfvwmfnq],.status-grid[data-astro-cid-bfvwmfnq]{gap:var(--s-space-3);margin-bottom:var(--s-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.surface-grid[data-astro-cid-bfvwmfnq]:last-child,.status-grid[data-astro-cid-bfvwmfnq]:last-child{margin-bottom:0}.surface-grid[data-astro-cid-bfvwmfnq] [data-astro-cid-bfvwmfnq][s-surface],.status-grid[data-astro-cid-bfvwmfnq] [data-astro-cid-bfvwmfnq][s-surface]{padding:var(--s-space-4)}.surface-grid[data-astro-cid-bfvwmfnq] strong[data-astro-cid-bfvwmfnq],.status-grid[data-astro-cid-bfvwmfnq] strong[data-astro-cid-bfvwmfnq]{margin-bottom:var(--s-space-1);display:block}.surface-grid[data-astro-cid-bfvwmfnq] p[data-astro-cid-bfvwmfnq],.status-grid[data-astro-cid-bfvwmfnq] p[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);opacity:.8;margin:0}.card-grid[data-astro-cid-bfvwmfnq]{gap:var(--s-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.card-grid[data-astro-cid-bfvwmfnq] [data-astro-cid-bfvwmfnq][s-card-body]{gap:var(--s-space-2);flex-direction:column;display:flex}.card-grid[data-astro-cid-bfvwmfnq] [data-astro-cid-bfvwmfnq][s-card-body] p[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-sm);color:var(--s-text-secondary);margin:0}.card-grid[data-astro-cid-bfvwmfnq] h5[data-astro-cid-bfvwmfnq]{margin:0}.input-grid[data-astro-cid-bfvwmfnq]{gap:var(--s-space-4);margin-bottom:var(--s-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-controls-row[data-astro-cid-bfvwmfnq]{gap:var(--s-space-6);flex-wrap:wrap;display:flex}.export-section[data-astro-cid-bfvwmfnq]{background:var(--s-surface-subtle);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);padding:var(--s-space-5)}.export-section[data-astro-cid-bfvwmfnq] h3[data-astro-cid-bfvwmfnq]{font-size:var(--s-text-base);font-weight:var(--s-font-semibold);margin:0 0 var(--s-space-4)}.export-controls[data-astro-cid-bfvwmfnq]{justify-content:space-between;align-items:center;gap:var(--s-space-3);margin-bottom:var(--s-space-4);flex-wrap:wrap;display:flex}.export-format-toggle[data-astro-cid-bfvwmfnq]{background:var(--s-surface-base);border-radius:var(--s-radius-md);padding:var(--s-space-1);display:flex}.format-btn[data-astro-cid-bfvwmfnq]{padding:var(--s-space-2) var(--s-space-4);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);border-radius:var(--s-radius-sm);color:var(--s-text-secondary);cursor:pointer;background:0 0;border:none;transition:all .15s}.format-btn[data-astro-cid-bfvwmfnq]:hover{color:var(--s-text-primary)}.format-btn[data-astro-cid-bfvwmfnq].active{background:var(--s-interactive-primary);color:var(--s-text-on-primary)}.export-actions[data-astro-cid-bfvwmfnq]{gap:var(--s-space-2);display:flex}.action-btn[data-astro-cid-bfvwmfnq]{align-items:center;gap:var(--s-space-2);padding:var(--s-space-2) var(--s-space-3);font-size:var(--s-text-sm);font-weight:var(--s-font-medium);background:var(--s-surface-base);border:1px solid var(--s-border-default);border-radius:var(--s-radius-md);color:var(--s-text-primary);cursor:pointer;transition:all .15s;display:flex}.action-btn[data-astro-cid-bfvwmfnq]:hover{border-color:var(--s-interactive-primary);background:var(--s-surface-hover)}.export-preview[data-astro-cid-bfvwmfnq]{background:var(--s-surface-base);border:1px solid var(--s-border-default);border-radius:var(--s-radius-md);overflow:hidden}.export-preview[data-astro-cid-bfvwmfnq] pre[data-astro-cid-bfvwmfnq]{padding:var(--s-space-4);font-size:var(--s-text-sm);margin:0;line-height:1.6;overflow-x:auto}.export-preview[data-astro-cid-bfvwmfnq] code[data-astro-cid-bfvwmfnq]{font-family:var(--s-font-mono);color:var(--s-text-primary)}