.page.svelte-12h4yy9{padding:1rem;max-width:600px;margin:0 auto;min-height:100vh}.back-nav.svelte-12h4yy9{margin-bottom:1rem}.back-btn.svelte-12h4yy9{background:none;border:none;color:var(--color-brand-primary);font-size:.9rem;cursor:pointer;padding:.5rem 0}.page-header.svelte-12h4yy9{margin-bottom:1.5rem}.page-header.svelte-12h4yy9 h1:where(.svelte-12h4yy9){font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.subtitle.svelte-12h4yy9{color:var(--color-text-muted);font-size:.9rem;margin:0}.settings-sections.svelte-12h4yy9{display:flex;flex-direction:column;gap:1.25rem}.settings-section.svelte-12h4yy9{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:12px;padding:1rem}.settings-section.disabled.svelte-12h4yy9{opacity:.5;pointer-events:none}.section-title.svelte-12h4yy9{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.section-desc.svelte-12h4yy9{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 1rem}.master-toggle.svelte-12h4yy9{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-info.svelte-12h4yy9{display:flex;align-items:center;gap:.75rem}.toggle-icon.svelte-12h4yy9{font-size:1.5rem}.toggle-text.svelte-12h4yy9{display:flex;flex-direction:column}.toggle-label.svelte-12h4yy9{font-weight:600;color:var(--color-text-primary)}.toggle-status.svelte-12h4yy9{font-size:.8rem;color:var(--color-text-muted)}.toggle-btn.svelte-12h4yy9{background:none;border:none;padding:0;cursor:pointer}.toggle-track.svelte-12h4yy9{display:block;width:52px;height:28px;background:var(--color-bg-surface);border:2px solid var(--color-border-default);border-radius:14px;position:relative;transition:all .2s ease}.toggle-btn.active.svelte-12h4yy9 .toggle-track:where(.svelte-12h4yy9){background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.toggle-thumb.svelte-12h4yy9{display:block;width:20px;height:20px;background:var(--color-text-primary);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.toggle-btn.active.svelte-12h4yy9 .toggle-thumb:where(.svelte-12h4yy9){transform:translate(24px)}.toggle-btn.small.svelte-12h4yy9 .toggle-track:where(.svelte-12h4yy9){width:44px;height:24px;border-radius:12px}.toggle-btn.small.svelte-12h4yy9 .toggle-thumb:where(.svelte-12h4yy9){width:16px;height:16px;top:2px;left:2px}.toggle-btn.small.active.svelte-12h4yy9 .toggle-thumb:where(.svelte-12h4yy9){transform:translate(20px)}.pack-grid.svelte-12h4yy9{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pack-option.svelte-12h4yy9{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:var(--color-bg-surface);border:2px solid var(--color-border-default);border-radius:10px;cursor:pointer;transition:all .15s ease;position:relative;min-height:100px}.pack-option.svelte-12h4yy9:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-bg-surface-hover)}.pack-option.selected.svelte-12h4yy9{border-color:var(--color-brand-primary);background:var(--color-brand-primary-faint)}.pack-option.svelte-12h4yy9:disabled{cursor:not-allowed}.pack-icon.svelte-12h4yy9{font-size:1.75rem}.pack-name.svelte-12h4yy9{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.pack-desc.svelte-12h4yy9{font-size:.75rem;color:var(--color-text-muted);text-align:center}.pack-check.svelte-12h4yy9{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--color-brand-primary);color:var(--color-text-on-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.volume-control.svelte-12h4yy9{display:flex;align-items:center;gap:.75rem}.volume-icon.svelte-12h4yy9{font-size:1.25rem}.volume-slider.svelte-12h4yy9{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-bg-surface);border-radius:3px;outline:none}.volume-slider.svelte-12h4yy9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-brand-primary);border-radius:50%;cursor:pointer}.volume-slider.svelte-12h4yy9::-moz-range-thumb{width:18px;height:18px;background:var(--color-brand-primary);border-radius:50%;cursor:pointer;border:none}.volume-value.svelte-12h4yy9{min-width:45px;text-align:right;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.category-list.svelte-12h4yy9{display:flex;flex-direction:column}.category-item.svelte-12h4yy9{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;gap:.75rem}.category-item.svelte-12h4yy9+.category-item:where(.svelte-12h4yy9){border-top:1px solid var(--color-border-subtle)}.category-info.svelte-12h4yy9{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.category-icon.svelte-12h4yy9{font-size:1.25rem;width:32px;text-align:center;flex-shrink:0}.category-text.svelte-12h4yy9{display:flex;flex-direction:column;gap:2px;min-width:0}.category-label.svelte-12h4yy9{font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.category-desc.svelte-12h4yy9{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-actions.svelte-12h4yy9{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.preview-btn.svelte-12h4yy9{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-size:.9rem}.preview-btn.svelte-12h4yy9:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.preview-btn.svelte-12h4yy9:disabled{cursor:not-allowed;opacity:.5}.reset-btn.svelte-12h4yy9{width:100%;padding:.75rem;background:transparent;border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s ease}.reset-btn.svelte-12h4yy9:hover{background:var(--color-bg-surface);border-color:var(--color-error);color:var(--color-error)}@media(max-width:480px){.pack-grid.svelte-12h4yy9{grid-template-columns:repeat(2,1fr)}.category-desc.svelte-12h4yy9{display:none}}