.wheel-container.svelte-1mixcr1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:0;margin:0 auto}.wheel-wrapper.svelte-1mixcr1{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;aspect-ratio:1}canvas.svelte-1mixcr1{width:100%;height:100%;max-width:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));pointer-events:none;border-radius:32px}.spin-button.svelte-1mixcr1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;font-size:var(--font-size-lg);font-weight:700;color:#fff;border:4px solid white;box-shadow:0 8px 24px #0000004d,0 0 0 8px #ff6b6b1a;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.spin-button.svelte-1mixcr1:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.08);box-shadow:0 12px 32px #0006,0 0 0 12px #ff6b6b26}.spin-button.svelte-1mixcr1:active:not(:disabled){transform:translate(-50%,-50%) scale(1.02)}.spin-button.svelte-1mixcr1:disabled{opacity:.6;cursor:not-allowed}.spin-button.svelte-1mixcr1:disabled:not(:has(.spin-text:contains("Spinning"))){animation:none}@keyframes svelte-1mixcr1-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.spin-text.svelte-1mixcr1{text-align:center;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.instruction.svelte-1mixcr1{color:var(--text-muted);font-size:var(--font-size-lg);text-align:center;margin:0}@media (max-width: 1024px){.wheel-wrapper.svelte-1mixcr1{max-width:700px}}@media (max-width: 768px){.wheel-wrapper.svelte-1mixcr1{max-width:600px}canvas.svelte-1mixcr1{filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}.spin-button.svelte-1mixcr1{width:90px;height:90px;font-size:var(--font-size-base);border:3px solid white;box-shadow:0 6px 20px #0000004d,0 0 0 6px #ff6b6b1a}.spin-button.svelte-1mixcr1:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 24px #00000059,0 0 0 8px #ff6b6b26}.instruction.svelte-1mixcr1{font-size:var(--font-size-base);padding:0 var(--spacing-md)}}@media (max-width: 480px){.wheel-wrapper.svelte-1mixcr1{max-width:400px}.spin-button.svelte-1mixcr1{width:75px;height:75px;font-size:var(--font-size-sm);border:3px solid white}.instruction.svelte-1mixcr1{font-size:var(--font-size-sm)}}@media (max-width: 375px){.wheel-wrapper.svelte-1mixcr1{max-width:350px}.spin-button.svelte-1mixcr1{width:70px;height:70px;font-size:var(--font-size-sm)}}.help-content.svelte-2c7c88.svelte-2c7c88{display:flex;flex-direction:column;gap:var(--spacing-xl)}.help-section.svelte-2c7c88.svelte-2c7c88{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.help-section.svelte-2c7c88.svelte-2c7c88:last-child{border-bottom:none;padding-bottom:0}.section-icon.svelte-2c7c88.svelte-2c7c88{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.help-section.svelte-2c7c88 h3.svelte-2c7c88{font-size:var(--font-size-lg);font-weight:700;color:var(--text-color);margin:0 0 var(--spacing-sm)}.help-section.svelte-2c7c88 p.svelte-2c7c88{color:var(--text-muted);line-height:1.6;margin:0}.help-section.svelte-2c7c88 ul.svelte-2c7c88{list-style:none;padding:0;margin:var(--spacing-sm) 0 0}.help-section.svelte-2c7c88 li.svelte-2c7c88{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-muted);line-height:1.6;display:flex;align-items:center;gap:var(--spacing-xs)}.help-section.svelte-2c7c88 li.svelte-2c7c88:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.help-section.svelte-2c7c88 li strong.svelte-2c7c88{color:var(--text-color)}.inline-icon{display:inline-block;vertical-align:middle}.example.svelte-2c7c88.svelte-2c7c88{background:var(--bg-color);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color);margin-top:var(--spacing-md);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.8}.example.svelte-2c7c88 strong.svelte-2c7c88{color:var(--text-color)}.tips.svelte-2c7c88.svelte-2c7c88{background:linear-gradient(135deg,#f0f9ff,#f8f9ff);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2)}.tips.svelte-2c7c88 h3.svelte-2c7c88{color:var(--primary-color)}.tips.svelte-2c7c88 li.svelte-2c7c88:before{content:"💡";font-size:var(--font-size-base)}.primary-button.svelte-2c7c88.svelte-2c7c88{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button.svelte-2c7c88.svelte-2c7c88:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@media (max-width: 768px){.help-content.svelte-2c7c88.svelte-2c7c88{gap:var(--spacing-lg)}.section-icon.svelte-2c7c88.svelte-2c7c88{width:40px;height:40px}.help-section.svelte-2c7c88 h3.svelte-2c7c88{font-size:var(--font-size-base)}.help-section.svelte-2c7c88 p.svelte-2c7c88,.help-section.svelte-2c7c88 li.svelte-2c7c88{font-size:var(--font-size-sm)}}.settings-content.svelte-e7fyz1.svelte-e7fyz1{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section.svelte-e7fyz1.svelte-e7fyz1{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings-section.svelte-e7fyz1.svelte-e7fyz1:last-of-type{border-bottom:none;padding-bottom:0}.section-header.svelte-e7fyz1.svelte-e7fyz1{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--primary-color)}.section-header.svelte-e7fyz1 h3.svelte-e7fyz1{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color)}.setting-item.svelte-e7fyz1.svelte-e7fyz1{margin-bottom:var(--spacing-lg)}.setting-item.svelte-e7fyz1.svelte-e7fyz1:last-child{margin-bottom:0}.setting-item.svelte-e7fyz1 label.svelte-e7fyz1{display:block;font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.input-with-label.svelte-e7fyz1.svelte-e7fyz1{display:flex;align-items:center;gap:var(--spacing-md)}input[type=range].svelte-e7fyz1.svelte-e7fyz1{flex:1;height:6px;border-radius:3px;background:var(--bg-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range].svelte-e7fyz1.svelte-e7fyz1::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 2px 6px #0003}input[type=range].svelte-e7fyz1.svelte-e7fyz1::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 2px 6px #0003}.value-label.svelte-e7fyz1.svelte-e7fyz1{font-weight:700;color:var(--primary-color);min-width:80px;text-align:right;font-size:var(--font-size-sm)}.help-text.svelte-e7fyz1.svelte-e7fyz1{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.checkbox-item.svelte-e7fyz1.svelte-e7fyz1{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-item.svelte-e7fyz1 input[type=checkbox].svelte-e7fyz1{width:20px;height:20px;cursor:pointer}.checkbox-item.svelte-e7fyz1 label.svelte-e7fyz1{margin:0;cursor:pointer;font-size:var(--font-size-base);font-weight:500}.radio-group.svelte-e7fyz1.svelte-e7fyz1{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.radio-label.svelte-e7fyz1.svelte-e7fyz1{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-weight:500}.radio-label.svelte-e7fyz1.svelte-e7fyz1:hover{border-color:var(--primary-color)}.radio-label.svelte-e7fyz1 input[type=radio].svelte-e7fyz1{cursor:pointer}.radio-label.svelte-e7fyz1.svelte-e7fyz1:has(input:checked){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preview-info.svelte-e7fyz1.svelte-e7fyz1{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.preview-info.svelte-e7fyz1 p.svelte-e7fyz1{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.primary-button.svelte-e7fyz1.svelte-e7fyz1{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button.svelte-e7fyz1.svelte-e7fyz1:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-button.svelte-e7fyz1.svelte-e7fyz1{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-button.svelte-e7fyz1.svelte-e7fyz1:hover{border-color:var(--primary-color);color:var(--primary-color)}.info-banner.svelte-e7fyz1.svelte-e7fyz1{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);margin-top:var(--spacing-md);color:var(--primary-color);font-size:var(--font-size-xs)}.action-buttons.svelte-e7fyz1.svelte-e7fyz1{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.action-button.svelte-e7fyz1.svelte-e7fyz1{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.action-button.svelte-e7fyz1.svelte-e7fyz1:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.radio-group.svelte-e7fyz1.svelte-e7fyz1{flex-direction:column}.radio-label.svelte-e7fyz1.svelte-e7fyz1{width:100%;justify-content:center}.action-buttons.svelte-e7fyz1.svelte-e7fyz1{grid-template-columns:1fr}}.color-content.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;flex-direction:column;gap:var(--spacing-xl)}.color-section.svelte-1mfwp8z.svelte-1mfwp8z{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.color-section.svelte-1mfwp8z.svelte-1mfwp8z:last-child{border-bottom:none;padding-bottom:0}.section-header.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--primary-color)}.section-header.svelte-1mfwp8z h3.svelte-1mfwp8z{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color)}.schemes-grid.svelte-1mfwp8z.svelte-1mfwp8z{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.scheme-card.svelte-1mfwp8z.svelte-1mfwp8z{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:0;cursor:pointer;transition:all .2s ease;overflow:hidden}.scheme-card.svelte-1mfwp8z.svelte-1mfwp8z:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.scheme-card.active.svelte-1mfwp8z.svelte-1mfwp8z{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.scheme-preview.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;height:60px}.color-block.svelte-1mfwp8z.svelte-1mfwp8z{flex:1}.empty-preview.svelte-1mfwp8z.svelte-1mfwp8z{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--spacing-xs);text-align:center}.scheme-info.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color)}.scheme-name-wrapper.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;align-items:center;gap:var(--spacing-xs)}.scheme-name.svelte-1mfwp8z.svelte-1mfwp8z{font-weight:600;font-size:var(--font-size-sm);color:var(--text-color)}.default-badge.svelte-1mfwp8z.svelte-1mfwp8z{display:inline-block;padding:2px 6px;background:var(--primary-color);color:#fff;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-colors-editor.svelte-1mfwp8z.svelte-1mfwp8z{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.custom-colors-list.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.custom-color-item.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;gap:var(--spacing-sm);align-items:center}.custom-color-item.svelte-1mfwp8z input[type=color].svelte-1mfwp8z{width:50px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.custom-color-item.svelte-1mfwp8z input[type=text].svelte-1mfwp8z{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm)}.custom-color-item.svelte-1mfwp8z input[type=text].svelte-1mfwp8z:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.remove-color-button.svelte-1mfwp8z.svelte-1mfwp8z{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.remove-color-button.svelte-1mfwp8z.svelte-1mfwp8z:hover{border-color:var(--error-color);color:var(--error-color)}.add-color-button.svelte-1mfwp8z.svelte-1mfwp8z{width:100%;padding:var(--spacing-sm);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.add-color-button.svelte-1mfwp8z.svelte-1mfwp8z:hover{background:var(--secondary-color)}.button-color-picker.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-picker-label.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer}.color-picker-label.svelte-1mfwp8z span.svelte-1mfwp8z{font-weight:600;font-size:var(--font-size-base);color:var(--text-color)}.color-picker-label.svelte-1mfwp8z input[type=color].svelte-1mfwp8z{width:60px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.reset-color-button.svelte-1mfwp8z.svelte-1mfwp8z{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.reset-color-button.svelte-1mfwp8z.svelte-1mfwp8z:hover{border-color:var(--primary-color);color:var(--primary-color)}.checkbox-item.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-item.svelte-1mfwp8z input[type=checkbox].svelte-1mfwp8z{width:20px;height:20px;cursor:pointer}.checkbox-item.svelte-1mfwp8z label.svelte-1mfwp8z{margin:0;cursor:pointer;font-size:var(--font-size-base);font-weight:600;color:var(--text-color)}.help-text.svelte-1mfwp8z.svelte-1mfwp8z{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.footer-container.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-actions.svelte-1mfwp8z.svelte-1mfwp8z{display:flex;gap:var(--spacing-sm)}.primary-button.svelte-1mfwp8z.svelte-1mfwp8z{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button.svelte-1mfwp8z.svelte-1mfwp8z:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-button.svelte-1mfwp8z.svelte-1mfwp8z{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-button.svelte-1mfwp8z.svelte-1mfwp8z:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.schemes-grid.svelte-1mfwp8z.svelte-1mfwp8z{grid-template-columns:repeat(2,1fr)}.custom-color-item.svelte-1mfwp8z.svelte-1mfwp8z{flex-wrap:wrap}.custom-color-item.svelte-1mfwp8z input[type=color].svelte-1mfwp8z{width:40px;height:40px}.remove-color-button.svelte-1mfwp8z.svelte-1mfwp8z{width:100%}}.sound-content.svelte-pjamuf.svelte-pjamuf{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sound-section.svelte-pjamuf.svelte-pjamuf{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.sound-section.svelte-pjamuf.svelte-pjamuf:last-of-type{border-bottom:none;padding-bottom:0}.toggle-container.svelte-pjamuf.svelte-pjamuf{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.toggle-header.svelte-pjamuf.svelte-pjamuf{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color)}.toggle-header.svelte-pjamuf h3.svelte-pjamuf{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color)}.toggle-switch.svelte-pjamuf.svelte-pjamuf{position:relative;display:inline-block;width:56px;height:28px}.toggle-switch.svelte-pjamuf input.svelte-pjamuf{opacity:0;width:0;height:0}.toggle-slider.svelte-pjamuf.svelte-pjamuf{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.toggle-slider.svelte-pjamuf.svelte-pjamuf:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input.svelte-pjamuf:checked+.toggle-slider.svelte-pjamuf{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}input.svelte-pjamuf:checked+.toggle-slider.svelte-pjamuf:before{transform:translate(28px)}.section-description.svelte-pjamuf.svelte-pjamuf{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.section-header.svelte-pjamuf.svelte-pjamuf{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--primary-color)}.section-header.svelte-pjamuf h3.svelte-pjamuf{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color)}.volume-control.svelte-pjamuf.svelte-pjamuf{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.volume-control.svelte-pjamuf input[type=range].svelte-pjamuf{flex:1;height:6px;border-radius:3px;background:var(--bg-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-control.svelte-pjamuf input[type=range].svelte-pjamuf::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 2px 6px #0003}.volume-control.svelte-pjamuf input[type=range].svelte-pjamuf::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;box-shadow:0 2px 6px #0003}.volume-label.svelte-pjamuf.svelte-pjamuf{font-weight:700;color:var(--primary-color);min-width:50px;text-align:right;font-size:var(--font-size-sm)}.test-sound-button.svelte-pjamuf.svelte-pjamuf{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.test-sound-button.svelte-pjamuf.svelte-pjamuf:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.sound-packs.svelte-pjamuf.svelte-pjamuf{display:grid;gap:var(--spacing-md)}.sound-pack-card.svelte-pjamuf.svelte-pjamuf{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all .2s ease;text-align:left}.sound-pack-card.svelte-pjamuf.svelte-pjamuf:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sound-pack-card.active.svelte-pjamuf.svelte-pjamuf{border-color:var(--primary-color);background:#6366f10d;box-shadow:0 0 0 3px #6366f11a}.pack-header.svelte-pjamuf.svelte-pjamuf{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.pack-name.svelte-pjamuf.svelte-pjamuf{font-weight:700;font-size:var(--font-size-base);color:var(--text-color)}.check-icon{color:var(--primary-color)}.pack-description.svelte-pjamuf.svelte-pjamuf{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.info-box.svelte-pjamuf.svelte-pjamuf{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.info-box.svelte-pjamuf p.svelte-pjamuf{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.primary-button.svelte-pjamuf.svelte-pjamuf{padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button.svelte-pjamuf.svelte-pjamuf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-button.svelte-pjamuf.svelte-pjamuf{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-button.svelte-pjamuf.svelte-pjamuf:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.volume-control.svelte-pjamuf.svelte-pjamuf{flex-wrap:wrap}.volume-label.svelte-pjamuf.svelte-pjamuf{width:100%;text-align:center;margin-top:var(--spacing-xs)}}