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