canvas.svelte-1j4dy0x{display:block;width:100%;height:100%;object-fit:fill}.process-container.svelte-1jmqt3c.svelte-1jmqt3c{padding:80px 20px 40px;background:transparent;border-bottom:1px solid rgba(216,210,200,.1);margin-bottom:20px;position:relative;z-index:1;animation:svelte-1jmqt3c-slideDown .3s ease-out;min-height:50vh;display:flex;align-items:center}@media (max-width: 480px){.process-container.svelte-1jmqt3c.svelte-1jmqt3c{padding:70px 15px 20px;min-height:auto;max-height:none;overflow-y:auto}}@keyframes svelte-1jmqt3c-slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.process-inner.svelte-1jmqt3c.svelte-1jmqt3c{max-width:1400px;margin:0 auto;width:100%}.process-header.svelte-1jmqt3c.svelte-1jmqt3c{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}@media (max-width: 480px){.process-header.svelte-1jmqt3c.svelte-1jmqt3c{margin-bottom:15px}}.process-header-text.svelte-1jmqt3c.svelte-1jmqt3c{flex:1;text-align:center}.process-title.svelte-1jmqt3c.svelte-1jmqt3c{font-family:"Instrument Serif",serif;font-size:2.5rem;font-weight:400;color:#d8d2c8;margin:0;letter-spacing:-.02em}.process-sub.svelte-1jmqt3c.svelte-1jmqt3c{margin-top:12px;display:flex;justify-content:center;gap:24px;align-items:flex-end}.process-sub.svelte-1jmqt3c p.svelte-1jmqt3c{font-size:13px;font-weight:300;color:#d8d2c88c}.process-sub.svelte-1jmqt3c em.svelte-1jmqt3c{font-family:"Instrument Serif",serif;font-style:italic;color:#d8d2c8a6;font-size:14px}@media (max-width: 480px){.process-title.svelte-1jmqt3c.svelte-1jmqt3c{font-size:1.5rem;line-height:1.2;letter-spacing:-.3px}.process-sub.svelte-1jmqt3c.svelte-1jmqt3c{flex-direction:column;gap:4px;align-items:center}}.close-btn.svelte-1jmqt3c.svelte-1jmqt3c{background:none;border:none;color:#d8d2c866;font-size:1.8rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;position:absolute;right:0;top:0}.close-btn.svelte-1jmqt3c.svelte-1jmqt3c:hover{background:rgba(216,210,200,.08);color:#d8d2c8e6}.steps-wrapper.svelte-1jmqt3c.svelte-1jmqt3c{display:flex;flex-direction:column;gap:40px;align-items:center}@media (max-width: 480px){.steps-wrapper.svelte-1jmqt3c.svelte-1jmqt3c{gap:15px}}.steps-container.svelte-1jmqt3c.svelte-1jmqt3c{display:flex;justify-content:center;align-items:center;gap:30px;padding:30px;background:rgba(0,0,0,.15);border-radius:16px;flex-wrap:wrap;max-width:1200px}@media (max-width: 480px){.steps-container.svelte-1jmqt3c.svelte-1jmqt3c{gap:6px;padding:12px;border-radius:10px}}.step.svelte-1jmqt3c.svelte-1jmqt3c{display:flex;flex-direction:column;align-items:center;padding:25px 20px;border-radius:12px;background:rgba(216,210,200,.03);border:1px solid rgba(216,210,200,.08);transition:all .2s ease;position:relative;min-width:140px;min-height:160px}@media (max-width: 480px){.step.svelte-1jmqt3c.svelte-1jmqt3c{width:100%;flex-direction:row;padding:10px 12px;gap:12px;min-height:auto;align-items:center;border-radius:6px}}.step.svelte-1jmqt3c.svelte-1jmqt3c:hover{background:rgba(216,210,200,.07);border-color:#d8d2c833;transform:translateY(-1px)}.step-icon.svelte-1jmqt3c.svelte-1jmqt3c{margin-bottom:16px}.step-content.svelte-1jmqt3c.svelte-1jmqt3c{text-align:center;position:relative}.step-number.svelte-1jmqt3c.svelte-1jmqt3c{position:absolute;top:-35px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:rgba(216,210,200,.1);border:1px solid rgba(216,210,200,.3);display:flex;align-items:center;justify-content:center;font-weight:400;color:#d8d2c8;font-size:.85rem}.step-title.svelte-1jmqt3c.svelte-1jmqt3c{font-size:1rem;font-weight:500;color:#d8d2c8;margin:0 0 6px}.step-description.svelte-1jmqt3c.svelte-1jmqt3c{font-size:.85rem;color:#d8d2c873;margin:0;line-height:1.3}.arrow.svelte-1jmqt3c.svelte-1jmqt3c{color:#d8d2c84d;font-size:1.5rem;display:flex;align-items:center;font-weight:300}.cta-button.svelte-1jmqt3c.svelte-1jmqt3c{align-self:center;padding:16px 48px;background:#D8D2C8;color:#2a2725;border:none;border-radius:999px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;letter-spacing:.06em;cursor:pointer;transition:all .35s}.cta-button.svelte-1jmqt3c.svelte-1jmqt3c:hover{background:#7B6FD4;color:#fff;transform:translateY(-2px)}.cta-button.svelte-1jmqt3c.svelte-1jmqt3c:active{transform:translateY(0)}@media (max-width: 768px){.process-container.svelte-1jmqt3c.svelte-1jmqt3c{padding:20px 15px;min-height:40vh}.process-title.svelte-1jmqt3c.svelte-1jmqt3c{font-size:1.8rem}.steps-container.svelte-1jmqt3c.svelte-1jmqt3c{flex-direction:column;gap:15px;padding:20px}.arrow.svelte-1jmqt3c.svelte-1jmqt3c{transform:rotate(90deg);margin:-10px 0}.step.svelte-1jmqt3c.svelte-1jmqt3c{width:100%;flex-direction:row;padding:15px;gap:20px;min-height:auto}.step-icon.svelte-1jmqt3c.svelte-1jmqt3c{margin-bottom:0}.step-icon.svelte-1jmqt3c svg.svelte-1jmqt3c{width:60px;height:60px}.step-content.svelte-1jmqt3c.svelte-1jmqt3c{text-align:left;flex:1}.step-number.svelte-1jmqt3c.svelte-1jmqt3c{position:static;transform:none;margin-bottom:5px;display:inline-flex;width:24px;height:24px;font-size:.8rem}.cta-button.svelte-1jmqt3c.svelte-1jmqt3c{padding:14px 36px;font-size:1.1rem}}@media (max-width: 480px){.step-icon.svelte-1jmqt3c.svelte-1jmqt3c{margin-bottom:0;flex-shrink:0}.step-icon.svelte-1jmqt3c svg.svelte-1jmqt3c{width:45px;height:45px}.step-content.svelte-1jmqt3c.svelte-1jmqt3c{text-align:left;flex:1}.step-number.svelte-1jmqt3c.svelte-1jmqt3c{position:static;transform:none;margin-bottom:3px;display:inline-flex;width:20px;height:20px;font-size:.75rem;border-width:1px}.step-title.svelte-1jmqt3c.svelte-1jmqt3c{font-size:.95rem;margin:0 0 2px}.step-description.svelte-1jmqt3c.svelte-1jmqt3c{font-size:.8rem;line-height:1.2}.arrow.svelte-1jmqt3c.svelte-1jmqt3c{transform:rotate(90deg);margin:-8px 0;font-size:1rem;opacity:.4}.cta-button.svelte-1jmqt3c.svelte-1jmqt3c{padding:10px 20px;font-size:.95rem;border-radius:20px;margin-top:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:#2A2725;color:#d8d2c8;min-height:100vh;overflow-x:hidden}.app.svelte-r96qxl.svelte-r96qxl{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.gradient-motifs.svelte-r96qxl.svelte-r96qxl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.motif.svelte-r96qxl.svelte-r96qxl{position:absolute;filter:blur(80px);opacity:.35;animation:svelte-r96qxl-motifFloat 20s ease-in-out infinite alternate}.motif-1.svelte-r96qxl.svelte-r96qxl{width:600px;height:400px;border-radius:60% 40% 50% 50%;background:radial-gradient(ellipse at 40% 50%,#5548A0 0%,#3A3870 45%,transparent 80%);top:10%;right:-10%;animation-delay:0s}.motif-2.svelte-r96qxl.svelte-r96qxl{width:500px;height:700px;border-radius:40% 60% 45% 55%;background:radial-gradient(ellipse at 55% 40%,#E85030 0%,#C44020 35%,#5548A0 65%,transparent 90%);top:35%;left:-10%;animation-delay:-6s}.motif-3.svelte-r96qxl.svelte-r96qxl{width:450px;height:350px;border-radius:50% 50% 35% 65%;background:radial-gradient(ellipse at 50% 60%,#3A3870 0%,#5548A0 45%,transparent 80%);bottom:15%;right:5%;animation-delay:-12s}.motif-4.svelte-r96qxl.svelte-r96qxl{width:380px;height:500px;border-radius:45% 55% 60% 40%;background:radial-gradient(ellipse at 45% 55%,#C44020 0%,#E85030 30%,#3A3870 60%,transparent 85%);bottom:-8%;left:25%;animation-delay:-18s}@keyframes svelte-r96qxl-motifFloat{0%{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(15px,-20px) rotate(2deg) scale(1.03)}66%{transform:translate(-10px,10px) rotate(-1deg) scale(.98)}to{transform:translate(20px,-15px) rotate(3deg) scale(1.05)}}.header.svelte-r96qxl.svelte-r96qxl{padding:22px 36px;background:rgba(42,39,37,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,210,200,.06);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}@media (max-width: 768px){.header.svelte-r96qxl.svelte-r96qxl{padding:20px 24px}}@media (max-width: 480px){.header.svelte-r96qxl.svelte-r96qxl{padding:16px 20px}.nav.svelte-r96qxl.svelte-r96qxl{display:none}}.logo.svelte-r96qxl.svelte-r96qxl{font-size:13px;font-weight:500;letter-spacing:.22em;color:#d8d2c8;background:none;border:none;cursor:pointer;padding:0;font-family:DM Sans,sans-serif}.logo.svelte-r96qxl.svelte-r96qxl:hover{opacity:.7}.nav.svelte-r96qxl.svelte-r96qxl{display:flex;gap:28px;align-items:center}.nav-link.svelte-r96qxl.svelte-r96qxl{text-decoration:none;color:#d8d2c8;font-size:12px;font-weight:400;letter-spacing:.06em;opacity:.65;transition:opacity .3s}.nav-link.svelte-r96qxl.svelte-r96qxl:hover{opacity:1}.header-right.svelte-r96qxl.svelte-r96qxl{display:flex;align-items:center;gap:28px}.cart-btn.svelte-r96qxl.svelte-r96qxl{position:relative;padding:0;background:none;border:none;color:#d8d2c8;opacity:.65;cursor:pointer;transition:opacity .3s ease}.cart-btn.svelte-r96qxl.svelte-r96qxl:hover{opacity:1}.cart-count.svelte-r96qxl.svelte-r96qxl{position:absolute;top:-8px;right:-8px;background:#7B6FD4;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.status-section.svelte-r96qxl.svelte-r96qxl{text-align:center;padding:15px 20px;position:relative;z-index:1}.status-message.svelte-r96qxl.svelte-r96qxl{font-size:16px;color:#d8d2c8;margin-bottom:8px;font-weight:500;letter-spacing:.5px}.error-message.svelte-r96qxl.svelte-r96qxl{font-size:14px;color:#ff5252;font-weight:500;background:rgba(255,82,82,.1);padding:8px 16px;border-radius:4px;border:1px solid rgba(255,82,82,.2)}.main-content.svelte-r96qxl.svelte-r96qxl{padding:0 12px 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:24px;width:100%;position:relative;z-index:1;align-items:start;min-height:fit-content}.main-content.svelte-r96qxl.svelte-r96qxl:has(.design-section){grid-template-columns:1fr}.design-section.svelte-r96qxl.svelte-r96qxl{background:transparent;border-radius:8px;padding:2rem;border:1px solid rgba(216,210,200,.1);display:flex;flex-direction:column;gap:2rem;height:auto;min-height:fit-content}@media (max-width: 768px){.design-section.svelte-r96qxl.svelte-r96qxl{padding:1.5rem;gap:1.5rem}}@media (max-width: 480px){.design-section.svelte-r96qxl.svelte-r96qxl{padding:1rem;gap:1rem}}.waveform-section.svelte-r96qxl.svelte-r96qxl{background:transparent;border-radius:8px;border:1px solid rgba(216,210,200,.1);padding:1.5rem}.waveform-header.svelte-r96qxl.svelte-r96qxl{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.waveform-header.svelte-r96qxl h3.svelte-r96qxl{margin:0;font-size:1.25rem;color:#d8d2c8;font-weight:300;letter-spacing:.1em;text-align:center}@media (max-width: 480px){.waveform-header.svelte-r96qxl h3.svelte-r96qxl{font-size:1.125rem;line-height:1.3}}.recording-instruction.svelte-r96qxl.svelte-r96qxl{text-align:center;margin-bottom:1.5rem}.instruction-text.svelte-r96qxl.svelte-r96qxl{font-size:1.1rem;color:#d8d2c8;margin:0 0 .5rem;font-weight:300}.instruction-subtext.svelte-r96qxl.svelte-r96qxl{font-size:.875rem;color:#f0f0f099;margin:0}.divider-or.svelte-r96qxl.svelte-r96qxl{display:flex;align-items:center;justify-content:center;position:relative;width:auto}.divider-or.svelte-r96qxl span.svelte-r96qxl{color:#f0f0f066;font-size:.75rem;letter-spacing:.1em;padding:0 .5rem;background:rgba(26,26,26,.9);position:relative;z-index:1}.divider-or.svelte-r96qxl.svelte-r96qxl:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(240,240,240,.1)}.upload-btn.svelte-r96qxl.svelte-r96qxl{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;background:transparent;border:1px solid rgba(216,210,200,.25);border-radius:4px;color:#d8d2c8;cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.05em}.upload-btn.svelte-r96qxl.svelte-r96qxl:hover{border-color:#d8d2c8}.upload-btn.svelte-r96qxl svg.svelte-r96qxl{opacity:.7}.compact-btn.svelte-r96qxl.svelte-r96qxl{padding:6px 12px;font-size:12px;border-radius:4px}.slice-preview-compact.svelte-r96qxl.svelte-r96qxl{margin-top:12px;padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:6px}.slice-preview-header.svelte-r96qxl.svelte-r96qxl{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slice-label.svelte-r96qxl.svelte-r96qxl{color:#d8d2c8;font-size:.75rem;font-weight:300;letter-spacing:.05em}.preview-canvas-compact.svelte-r96qxl.svelte-r96qxl{width:100%;height:60px;border-radius:4px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1)}.waveform-container.svelte-r96qxl.svelte-r96qxl{position:relative;width:100%;min-height:200px;background:radial-gradient(ellipse at center,rgba(239,68,68,.03) 0%,transparent 70%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.waveform-overlay.svelte-r96qxl.svelte-r96qxl{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10;pointer-events:none}.waveform-overlay.svelte-r96qxl>.svelte-r96qxl{pointer-events:auto}.overlay-record-button.svelte-r96qxl.svelte-r96qxl{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 20px #ef444466;min-height:44px;min-width:44px}@media (max-width: 480px){.overlay-record-button.svelte-r96qxl.svelte-r96qxl{width:64px;height:64px;min-height:48px;min-width:48px}.overlay-record-button.compact.svelte-r96qxl.svelte-r96qxl{width:44px;height:44px;min-height:44px;min-width:44px;top:16px;right:16px}}.overlay-record-button.svelte-r96qxl.svelte-r96qxl:hover:not(.disabled){transform:scale(1.1);box-shadow:0 6px 30px #ef444499}.overlay-record-button.pulse.svelte-r96qxl.svelte-r96qxl:not(.recording){animation:recordPulse 2s infinite}.overlay-record-button.compact.svelte-r96qxl.svelte-r96qxl{width:48px;height:48px;position:absolute;top:20px;right:20px;box-shadow:0 2px 10px #ef44444d}.overlay-record-button.recording.svelte-r96qxl.svelte-r96qxl{animation:recordingActive 2s infinite}.overlay-record-button.disabled.svelte-r96qxl.svelte-r96qxl{background:linear-gradient(135deg,#666 0%,#555 100%);cursor:not-allowed;opacity:.5}.stop-icon.svelte-r96qxl.svelte-r96qxl{width:16px;height:16px;background:white;border-radius:2px}.overlay-record-button.compact.svelte-r96qxl .stop-icon.svelte-r96qxl{width:12px;height:12px}.overlay-record-button.compact.svelte-r96qxl .record-icon.svelte-r96qxl{width:14px;height:14px}.upload-overlay.svelte-r96qxl.svelte-r96qxl{display:flex;flex-direction:column;align-items:center;gap:1rem}.audio-controls-overlay.svelte-r96qxl.svelte-r96qxl{position:absolute;top:20px;left:20px;display:flex;gap:12px;align-items:center}.waveform-display.svelte-r96qxl.svelte-r96qxl{background:rgba(0,0,0,.3);border-radius:8px;padding:8px;display:flex;justify-content:center;align-items:center;width:100%;height:140px;position:relative}.full-width-waveform-canvas.svelte-r96qxl.svelte-r96qxl{width:100%;height:140px;border-radius:4px;background:transparent;border:1px solid rgba(255,255,255,.1);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.design-workspace.svelte-r96qxl.svelte-r96qxl{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch;min-height:fit-content}@media (max-width: 768px){.design-workspace.svelte-r96qxl.svelte-r96qxl{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.design-workspace.svelte-r96qxl.svelte-r96qxl{gap:1rem}}@media (min-width: 1200px){.main-content.svelte-r96qxl.svelte-r96qxl{padding:0 20px 40px;gap:32px}.design-workspace.svelte-r96qxl.svelte-r96qxl{gap:32px}.full-width-waveform-canvas.svelte-r96qxl.svelte-r96qxl{height:160px}.ring-3d-container.svelte-r96qxl.svelte-r96qxl{min-height:500px}}@media (min-width: 1600px){.main-content.svelte-r96qxl.svelte-r96qxl{padding:0 24px 40px;gap:40px}.design-workspace.svelte-r96qxl.svelte-r96qxl{gap:40px}.full-width-waveform-canvas.svelte-r96qxl.svelte-r96qxl{height:180px}.ring-3d-container.svelte-r96qxl.svelte-r96qxl{min-height:600px}}.ring-viz-area.svelte-r96qxl.svelte-r96qxl{background:transparent;border-radius:8px;border:1px solid rgba(216,210,200,.1);padding:1.5rem;height:100%;display:flex;flex-direction:column}.ring-viz-header.svelte-r96qxl.svelte-r96qxl{margin-bottom:16px}.ring-viz-header.svelte-r96qxl h3.svelte-r96qxl{margin:0;font-size:1.125rem;color:#d8d2c8;font-weight:300;letter-spacing:.1em}@media (max-width: 480px){.ring-viz-header.svelte-r96qxl h3.svelte-r96qxl{font-size:1rem;line-height:1.3}}.ring-3d-container.svelte-r96qxl.svelte-r96qxl{display:flex;justify-content:center;align-items:center;min-height:400px;flex:1;position:relative;background:radial-gradient(ellipse at center,rgba(166,166,166,.1) 0%,transparent 70%);border-radius:8px;width:100%}.hidden-export-btn.svelte-r96qxl.svelte-r96qxl{position:absolute;top:12px;right:12px;width:28px;height:28px;background:rgba(0,0,0,.15);border:1px solid rgba(216,210,200,.1);border-radius:4px;color:#f0f0f066;font-size:14px;cursor:pointer;transition:all .2s ease;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.3}@media (min-width: 481px){.hidden-export-btn.svelte-r96qxl.svelte-r96qxl{display:flex}}.hidden-export-btn.svelte-r96qxl.svelte-r96qxl:hover{opacity:1;background:rgba(0,0,0,.3);border-color:#f0f0f04d;color:#f0f0f0e6;transform:scale(1.05)}.view-controls-overlay.svelte-r96qxl.svelte-r96qxl{position:absolute;top:12px;right:12px;z-index:10}@media (max-width: 480px){.view-controls-overlay.svelte-r96qxl.svelte-r96qxl{display:none}}.view-controls-panel.svelte-r96qxl.svelte-r96qxl{background:rgba(30,27,25,.97);border-radius:4px;padding:1rem;border:1px solid rgba(216,210,200,.1);display:flex;flex-direction:column;gap:.75rem;min-width:180px}.view-controls-header.svelte-r96qxl.svelte-r96qxl{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.view-controls-header.svelte-r96qxl h4.svelte-r96qxl{margin:0;font-size:.875rem;color:#f0f0f0cc;font-weight:300;letter-spacing:.1em;text-align:center}.view-control-compact.svelte-r96qxl.svelte-r96qxl{display:flex;align-items:center;gap:8px}.compact-label.svelte-r96qxl.svelte-r96qxl{color:#d8d2c8;font-size:.75rem;font-weight:300;min-width:40px;text-align:right}.compact-slider.svelte-r96qxl.svelte-r96qxl{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.compact-slider.svelte-r96qxl.svelte-r96qxl::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:rgba(166,166,166,.9);cursor:pointer;border:2px solid #ffffff}.compact-slider.svelte-r96qxl.svelte-r96qxl::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgba(166,166,166,.9);cursor:pointer;border:2px solid #ffffff}.compact-value.svelte-r96qxl.svelte-r96qxl{color:#ffffffe6;font-size:10px;font-weight:600;min-width:32px;text-align:right}.sliders-panel.svelte-r96qxl.svelte-r96qxl{background:transparent;border-radius:8px;border:1px solid rgba(216,210,200,.1);padding:1.5rem;height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.sliders-panel.svelte-r96qxl.svelte-r96qxl{padding:1.25rem;height:auto}}@media (max-width: 480px){.sliders-panel.svelte-r96qxl.svelte-r96qxl{padding:1rem}}.sliders-header.svelte-r96qxl.svelte-r96qxl{margin-bottom:16px}.sliders-header.svelte-r96qxl h3.svelte-r96qxl{margin:0;font-size:1.125rem;color:#d8d2c8;font-weight:300;letter-spacing:.1em}@media (max-width: 480px){.sliders-header.svelte-r96qxl h3.svelte-r96qxl{font-size:1rem;line-height:1.3}}.controls-container.svelte-r96qxl.svelte-r96qxl{display:flex;flex-direction:column;gap:16px;flex:1}@media (max-width: 768px){.controls-container.svelte-r96qxl.svelte-r96qxl{gap:14px}}@media (max-width: 480px){.controls-container.svelte-r96qxl.svelte-r96qxl{gap:12px}}.section-header.svelte-r96qxl.svelte-r96qxl{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-title.svelte-r96qxl.svelte-r96qxl{font-family:"Instrument Serif",serif;font-size:2rem;font-weight:400;letter-spacing:-.01em;color:#d8d2c8}.btn-secondary.svelte-r96qxl.svelte-r96qxl{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(216,210,200,.25);border-radius:4px;color:#d8d2c8;cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.05em;font-size:.875rem}.btn-secondary.svelte-r96qxl.svelte-r96qxl:hover{border-color:#d8d2c8}.waveform-container.svelte-r96qxl.svelte-r96qxl{background:rgba(0,0,0,.3);border-radius:8px;padding:15px;height:160px;position:relative;overflow:hidden;margin-bottom:20px}@keyframes svelte-r96qxl-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}.record-icon.svelte-r96qxl.svelte-r96qxl{width:24px;height:24px;background:white;border-radius:50%}.context-play-btn.svelte-r96qxl.svelte-r96qxl{padding:6px 10px;background:rgba(232,80,48,.15);border:1px solid rgba(232,80,48,.3);border-radius:4px;color:#d8d2c8;cursor:pointer;transition:all .2s}.context-play-btn.svelte-r96qxl.svelte-r96qxl:hover{background:rgba(232,80,48,.25)}@keyframes svelte-r96qxl-compactPulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.custom-card.svelte-r96qxl.svelte-r96qxl{background:transparent;border-radius:8px;padding:1.5rem;border:1px solid rgba(216,210,200,.1)}.custom-card.svelte-r96qxl h3.svelte-r96qxl{font-size:1rem;margin-bottom:1.25rem;color:#d8d2c8;font-weight:300;letter-spacing:.1em}.subsection.svelte-r96qxl.svelte-r96qxl{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.subsection.svelte-r96qxl.svelte-r96qxl:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.subsection-title.svelte-r96qxl.svelte-r96qxl{font-size:.875rem;margin-bottom:.75rem;color:#d8d2c8b3;font-weight:300;letter-spacing:.05em}.control-group.svelte-r96qxl.svelte-r96qxl{margin-bottom:20px}.slider-label.svelte-r96qxl.svelte-r96qxl{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#ffffffe6;font-weight:500}.slider.svelte-r96qxl.svelte-r96qxl{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:none;-webkit-appearance:none;cursor:pointer;transition:background .3s}.slider.svelte-r96qxl.svelte-r96qxl:hover{background:rgba(255,255,255,.15)}.slider.svelte-r96qxl.svelte-r96qxl::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:rgba(166,166,166,.9);cursor:pointer;box-shadow:0 2px 10px #a6a6a64d;transition:transform .2s,box-shadow .2s}.slider.svelte-r96qxl.svelte-r96qxl::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #a6a6a680}.slider.svelte-r96qxl.svelte-r96qxl::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:rgba(166,166,166,.9);cursor:pointer;box-shadow:0 2px 10px #a6a6a64d;border:none}.material-options.svelte-r96qxl.svelte-r96qxl{display:flex;gap:12px}.material-btn.svelte-r96qxl.svelte-r96qxl{flex:1;padding:12px;background:rgba(216,210,200,.04);border:1px solid rgba(216,210,200,.12);border-radius:8px;color:#d8d2c8bf;cursor:pointer;transition:all .3s;text-align:center;font-weight:400;font-family:DM Sans,sans-serif;font-size:.875rem}.material-btn.svelte-r96qxl.svelte-r96qxl:hover{background:rgba(216,210,200,.08);border-color:#d8d2c84d;color:#d8d2c8}.material-btn.selected.svelte-r96qxl.svelte-r96qxl{background:rgba(216,210,200,.1);border-color:#d8d2c88c;color:#d8d2c8}.export-section.svelte-r96qxl.svelte-r96qxl{grid-column:1 / -1;background:rgba(216,210,200,.03);border-radius:12px;padding:20px;border:1px solid rgba(216,210,200,.1);display:flex;align-items:center;justify-content:space-between;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-info.svelte-r96qxl.svelte-r96qxl{flex:1}.export-title.svelte-r96qxl.svelte-r96qxl{font-family:"Instrument Serif",serif;font-size:24px;font-weight:400;margin-bottom:8px;letter-spacing:-.01em;color:#d8d2c8}.export-subtitle.svelte-r96qxl.svelte-r96qxl{color:#d8d2c899;font-size:14px;font-weight:300;line-height:1.5}.export-actions.svelte-r96qxl.svelte-r96qxl{display:flex;gap:16px;align-items:center}.btn-primary.svelte-r96qxl.svelte-r96qxl{padding:1rem 2rem;background:#D8D2C8;border:1px solid #D8D2C8;border-radius:999px;color:#2a2725;font-weight:300;cursor:pointer;transition:all .3s ease;letter-spacing:.1em;font-size:.875rem;box-shadow:0 4px 20px #a6a6a64d;font-size:16px;letter-spacing:.5px;min-height:44px;min-width:44px}@media (max-width: 480px){.btn-primary.svelte-r96qxl.svelte-r96qxl{padding:1rem 1.75rem;min-height:48px;font-size:.9rem}}.btn-primary.svelte-r96qxl.svelte-r96qxl:hover{background:#7B6FD4;border-color:#7b6fd4;color:#fff}.export-output.svelte-r96qxl.svelte-r96qxl{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;margin-top:20px;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.export-output.svelte-r96qxl pre.svelte-r96qxl{margin:0;font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;color:#d8d2c8;line-height:1.4}.close-output-btn.svelte-r96qxl.svelte-r96qxl{margin-top:12px;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px}.close-output-btn.svelte-r96qxl.svelte-r96qxl:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.placeholder-overlay.svelte-r96qxl.svelte-r96qxl{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;pointer-events:none}.placeholder-overlay.svelte-r96qxl p.svelte-r96qxl{color:#f0f0f080;font-size:.875rem;text-align:center;margin:0;font-weight:300;letter-spacing:.05em}.placeholder-icon.svelte-r96qxl.svelte-r96qxl{font-size:3rem;margin-bottom:1rem;opacity:.2;animation:svelte-r96qxl-pulse 2s ease-in-out infinite;color:#f0f0f04d}@keyframes svelte-r96qxl-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@media (max-width: 1024px){.main-content.svelte-r96qxl.svelte-r96qxl,.design-workspace.svelte-r96qxl.svelte-r96qxl{grid-template-columns:1fr;gap:20px}.ring-3d-container.svelte-r96qxl.svelte-r96qxl{min-height:300px}.sliders-panel.svelte-r96qxl.svelte-r96qxl{height:auto}}@media (max-width: 768px){.main-content.svelte-r96qxl.svelte-r96qxl{grid-template-columns:1fr;padding:0 15px 20px}.design-workspace.svelte-r96qxl.svelte-r96qxl{grid-template-columns:1fr;gap:16px}.full-width-waveform-canvas.svelte-r96qxl.svelte-r96qxl{height:100px}.ring-3d-container.svelte-r96qxl.svelte-r96qxl{min-height:250px}.divider-or.svelte-r96qxl.svelte-r96qxl{width:auto}.waveform-header.svelte-r96qxl h3.svelte-r96qxl,.ring-viz-header.svelte-r96qxl h3.svelte-r96qxl,.sliders-header.svelte-r96qxl h3.svelte-r96qxl{font-size:16px}.header.svelte-r96qxl.svelte-r96qxl{padding:15px 20px;flex-wrap:wrap}.logo.svelte-r96qxl.svelte-r96qxl{font-size:13px}.export-section.svelte-r96qxl.svelte-r96qxl{flex-direction:column;gap:20px;text-align:center}.nav.svelte-r96qxl.svelte-r96qxl{display:none}}.tooltip-wrapper.svelte-r96qxl.svelte-r96qxl{position:relative;display:inline-flex;align-items:center;gap:6px}.tooltip.svelte-r96qxl.svelte-r96qxl{position:relative;display:inline-block;cursor:help}.tooltip-icon.svelte-r96qxl.svelte-r96qxl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:10px;font-weight:600;font-family:serif;cursor:help;transition:all .2s ease}.tooltip.svelte-r96qxl:hover .tooltip-icon.svelte-r96qxl{background:rgba(166,166,166,.2);border-color:#a6a6a680;color:#a6a6a6e6;transform:scale(1.1)}.tooltip-content.svelte-r96qxl.svelte-r96qxl{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:14px 18px;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffffff2;font-size:13px;line-height:1.5;white-space:normal;width:320px;max-width:320px;z-index:1000;box-shadow:0 8px 25px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.tooltip.svelte-r96qxl:hover .tooltip-content.svelte-r96qxl{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}.tooltip-content.svelte-r96qxl.svelte-r96qxl:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}@media (max-width: 768px){.tooltip-content.svelte-r96qxl.svelte-r96qxl{width:280px;max-width:280px;font-size:12px;padding:12px 16px}.tooltip-icon.svelte-r96qxl.svelte-r96qxl{width:14px;height:14px;font-size:9px}}.footer.svelte-r96qxl.svelte-r96qxl{padding:28px 36px;display:flex;justify-content:space-between;align-items:center;margin-top:4rem;position:relative;z-index:1}.footer.svelte-r96qxl span.svelte-r96qxl,.footer.svelte-r96qxl a.svelte-r96qxl{font-size:11px;font-weight:400;color:#d8d2c833}.footer.svelte-r96qxl a.svelte-r96qxl:hover{color:#d8d2c880}.footer-links.svelte-r96qxl.svelte-r96qxl{display:flex;gap:24px}@media (max-width: 480px){.tooltip-content.svelte-r96qxl.svelte-r96qxl{width:250px;max-width:250px;font-size:11px;padding:10px 14px}}