.input-wrapper.svelte-gfdzo9{margin-bottom:1rem}.input-label.svelte-gfdzo9{color:#1e293b;margin-bottom:.25rem;font-weight:500;display:block}.dark .input-label.svelte-gfdzo9{color:#e2e8f0}.input-field.svelte-gfdzo9{color:#1e293b;box-sizing:border-box;background:#fff;border:2px solid #cbd5e1;border-radius:6px;width:100%;padding:.625rem .875rem;font-size:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.input-field.svelte-gfdzo9:focus{border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f61f,0 1px 2px #0000000d}.input-field.error.svelte-gfdzo9{border-color:#ef4444}.input-field.error.svelte-gfdzo9:focus{box-shadow:0 0 0 3px #ef44441a}.error-message.svelte-gfdzo9{color:#ef4444;margin-top:.25rem;font-size:.875rem;display:block}.checkbox-wrapper.svelte-18fph02{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0000;border-radius:6px;align-items:center;min-height:32px;padding:.5rem .5rem .5rem 32px;transition:all .2s;display:inline-flex;position:relative}.checkbox-wrapper.svelte-18fph02:hover:not(.disabled){background:#f8fafc;border-color:#e2e8f0}.checkbox-wrapper.disabled.svelte-18fph02{cursor:not-allowed;opacity:.6}.checkbox-input.svelte-18fph02{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-mark.svelte-18fph02{background-color:#fff;border:2px solid #94a3b8;border-radius:4px;width:20px;height:20px;transition:all .2s;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 1px 2px #0000000d}.checkbox-wrapper.svelte-18fph02:hover:not(.disabled) .checkbox-mark:where(.svelte-18fph02){border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.checkbox-input.svelte-18fph02:checked~.checkbox-mark:where(.svelte-18fph02){background-color:#22c55e;border-color:#22c55e}.checkbox-mark.svelte-18fph02:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-input.svelte-18fph02:checked~.checkbox-mark:where(.svelte-18fph02):after{display:block}.checkbox-label.svelte-18fph02{color:#1e293b;margin-left:8px;font-weight:500}.checkbox-wrapper.disabled.svelte-18fph02 .checkbox-label:where(.svelte-18fph02){color:var(--sp-color-text-3)}.demo-container.svelte-1ozobuo{box-sizing:border-box;background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #00000014;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.dark .demo-container.svelte-1ozobuo{background:linear-gradient(#1e293b,#0f172a);border:1px solid #ffffff1a;box-shadow:0 1px 3px #0000004d}h3.svelte-1ozobuo{color:#1e293b;margin:0 0 1.5rem}.dark h3.svelte-1ozobuo{color:#e2e8f0}.form-section.svelte-1ozobuo{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;overflow:hidden;box-shadow:0 1px 2px #00000008}.dark .form-section.svelte-1ozobuo{background:#0f172a;border:1px solid #ffffff1a}.form-section.svelte-1ozobuo h4:where(.svelte-1ozobuo){color:#475569;margin:0 0 1rem;font-size:.95rem;font-weight:600}.dark .form-section.svelte-1ozobuo h4:where(.svelte-1ozobuo){color:#e2e8f0}.checkbox-group.svelte-1ozobuo{background:#fafbfc;border:1px solid #0000000d;border-radius:6px;flex-direction:column;gap:.875rem;padding:.75rem;display:flex}.dark .checkbox-group.svelte-1ozobuo{background:#1e293b;border:1px solid #ffffff1a}.form-actions.svelte-1ozobuo{gap:.75rem;margin-top:1.5rem;display:flex}.submit-btn.svelte-1ozobuo,.reset-btn.svelte-1ozobuo{cursor:pointer;border:none;border-radius:4px;padding:.625rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s}.submit-btn.svelte-1ozobuo{color:#fff;background:#22c55e}.submit-btn.svelte-1ozobuo:hover:not(:disabled){background:#16a34a}.submit-btn.svelte-1ozobuo:disabled{background:var(--sp-color-gray-400);cursor:not-allowed;opacity:.6}.reset-btn.svelte-1ozobuo{background:var(--sp-color-gray-500);color:#fff}.reset-btn.svelte-1ozobuo:hover{background:var(--sp-color-gray-600)}.status-panel.svelte-1ozobuo{background:#fff;border:2px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.dark .status-panel.svelte-1ozobuo{background:#0f172a;border:2px solid #ffffff1a}.status-panel.svelte-1ozobuo h4:where(.svelte-1ozobuo){color:#475569;margin:0 0 .75rem;font-size:.95rem}.dark .status-panel.svelte-1ozobuo h4:where(.svelte-1ozobuo){color:#e2e8f0}.status-panel.svelte-1ozobuo ul:where(.svelte-1ozobuo){margin:0;padding-left:1.5rem}.status-panel.svelte-1ozobuo li:where(.svelte-1ozobuo){color:#64748b;margin:.5rem 0;font-size:.875rem}.dark .status-panel.svelte-1ozobuo li:where(.svelte-1ozobuo){color:#cbd5e1}.status-panel.svelte-1ozobuo strong:where(.svelte-1ozobuo){color:#1e293b}.dark .status-panel.svelte-1ozobuo strong:where(.svelte-1ozobuo){color:#f8fafc}.slider-wrapper.svelte-16h6qzu{margin-bottom:1.5rem}.slider-label.svelte-16h6qzu{color:#1e293b;margin-bottom:.5rem;font-weight:500;display:block}.dark .slider-label.svelte-16h6qzu{color:#e2e8f0}.slider-container.svelte-16h6qzu{align-items:center;width:100%;height:24px;display:flex;position:relative}.slider-track.svelte-16h6qzu{background:var(--sp-color-gray-300);pointer-events:none;border-radius:3px;width:100%;height:6px;position:absolute}.slider-fill.svelte-16h6qzu{pointer-events:none;background:#3b82f6;border-radius:3px;height:6px;transition:width .1s;position:absolute}.slider.svelte-16h6qzu{appearance:none;z-index:1;background:0 0;border-radius:3px;outline:none;width:100%;height:6px;position:relative}.slider.svelte-16h6qzu::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:3px solid #3b82f6;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 2px 8px #0003}.slider.svelte-16h6qzu::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider.svelte-16h6qzu::-moz-range-thumb{cursor:pointer;background:#fff;border:3px solid #3b82f6;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 2px 8px #0003}.slider.svelte-16h6qzu::-moz-range-thumb:hover{transform:scale(1.1)}.slider-marks.svelte-16h6qzu{color:#64748b;justify-content:space-between;margin-top:.5rem;padding:0 2px;font-size:.75rem;font-weight:500;display:flex}.dark .slider-marks.svelte-16h6qzu{color:#cbd5e1}.slider-marks.svelte-16h6qzu span:where(.svelte-16h6qzu){position:relative}.slider-marks.svelte-16h6qzu span:where(.svelte-16h6qzu):before{content:"";background:var(--sp-color-gray-400);width:1px;height:10px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.counter-wrapper.svelte-1fpea5{text-align:center;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.dark .counter-wrapper.svelte-1fpea5{background:#1e293b;box-shadow:0 2px 4px #0000004d}.counter-label.svelte-1fpea5{color:#475569;margin:0 0 .5rem;font-size:.9rem;font-weight:500}.dark .counter-label.svelte-1fpea5{color:#e2e8f0}.counter-display.svelte-1fpea5{color:#3b82f6;text-shadow:1px 1px 2px #0000001a;margin:.5rem 0;font-size:2.5rem;font-weight:700}.counter-controls.svelte-1fpea5{justify-content:center;gap:.5rem;display:flex}.counter-btn.svelte-1fpea5{cursor:pointer;background:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex}.counter-btn.plus.svelte-1fpea5{color:#22c55e;border-color:#22c55e}.counter-btn.plus.svelte-1fpea5:hover:not(:disabled){color:#fff;background:#22c55e}.counter-btn.minus.svelte-1fpea5{color:#ef4444;border-color:#ef4444}.counter-btn.minus.svelte-1fpea5:hover:not(:disabled){color:#fff;background:#ef4444}.counter-btn.svelte-1fpea5:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #00000026}.counter-btn.svelte-1fpea5:disabled{opacity:.3;cursor:not-allowed;color:#9ca3af;border-color:#d1d5db}.demo-container.svelte-483y30{background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #00000014;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000a}.dark .demo-container.svelte-483y30{background:linear-gradient(#1e293b,#0f172a);border:1px solid #ffffff1a;box-shadow:0 2px 4px #0000004d}h3.svelte-483y30{color:#1e293b;margin:0 0 1.5rem}.dark h3.svelte-483y30{color:#e2e8f0}.demo-section.svelte-483y30{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.dark .demo-section.svelte-483y30{background:#0f172a;border:1px solid #ffffff1a}.demo-section.svelte-483y30:last-child{margin-bottom:0}h4.svelte-483y30{color:#475569;margin:0 0 1rem;font-size:1.1rem}.dark h4.svelte-483y30{color:#e2e8f0}.counter-grid.svelte-483y30{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.total-section.svelte-483y30{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.dark .total-section.svelte-483y30{background:#1e293b}.total-label.svelte-483y30{color:#475569;font-size:1.25rem}.dark .total-label.svelte-483y30{color:#e2e8f0}.total-value.svelte-483y30{color:#3b82f6;text-shadow:1px 1px 2px #0000001a;font-size:2rem;font-weight:700}.checkbox-group.svelte-483y30{background:#fafbfc;border:1px solid #0000000a;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.dark .checkbox-group.svelte-483y30{background:#1e293b;border:1px solid #ffffff1a}hr.svelte-483y30{border:none;border-top:2px solid #e2e8f0;margin:.75rem 0}.status.svelte-483y30{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.dark .status.svelte-483y30{background:#1e293b;border:1px solid #ffffff1a}.status.svelte-483y30 h5:where(.svelte-483y30){color:#475569;margin:0 0 .5rem}.dark .status.svelte-483y30 h5:where(.svelte-483y30){color:#e2e8f0}.status.svelte-483y30 ul:where(.svelte-483y30){margin:0;padding-left:1.5rem}.status.svelte-483y30 li:where(.svelte-483y30){color:#64748b;margin:.25rem 0;font-size:.9rem}.dark .status.svelte-483y30 li:where(.svelte-483y30){color:#cbd5e1}.preview.svelte-483y30{background:#fff;border-radius:4px;margin:1.5rem 0;padding:1rem;transition:filter .3s}.dark .preview.svelte-483y30{background:#0f172a}.preview-box.svelte-483y30{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;padding:2rem;position:relative}.preview-text.svelte-483y30{color:#fff;z-index:2;font-size:1.25rem;font-weight:700;position:relative}.volume-indicator.svelte-483y30{background:#fffc;border-radius:0 0 0 4px;height:4px;transition:width .3s;position:absolute;bottom:0;left:0}.reset-btn.svelte-483y30{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:background .2s}.reset-btn.svelte-483y30:hover{background:#334155}