.ap-container.svelte-klihh8{background:linear-gradient(135deg,#0e1426f2,#0a0e1afa);border:1px solid rgb(var(--color-primary) / .15);border-radius:16px;padding:28px;margin:32px 0;overflow:hidden;position:relative}.ap-container.svelte-klihh8:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(var(--color-primary) / .3) 50%,transparent 100%)}.ap-header.svelte-klihh8{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.ap-icon.svelte-klihh8{width:44px;height:44px;border-radius:12px;background:rgb(var(--color-primary) / .08);border:1px solid rgb(var(--color-primary) / .2);display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.ap-info.svelte-klihh8{flex:1;min-width:0}.ap-title.svelte-klihh8{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:#e2e8f0;margin:0 0 4px;line-height:1.3}.ap-desc.svelte-klihh8{font-family:DM Sans,sans-serif;font-size:.85rem;color:#94a3b8;margin:0;line-height:1.5}.ap-waveform.svelte-klihh8{display:flex;align-items:center;gap:2px;height:60px;margin-bottom:16px;padding:0 4px}.ap-bar.svelte-klihh8{flex:1;background:var(--green);border-radius:2px;min-height:4px}.ap-bar-static.svelte-klihh8{opacity:.2}.ap-controls.svelte-klihh8{display:flex;align-items:center;gap:14px}.ap-play.svelte-klihh8{width:44px;height:44px;border-radius:50%;border:2px solid rgb(var(--color-primary) / .4);background:rgb(var(--color-primary) / .08);color:var(--green);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.ap-play.svelte-klihh8:hover{background:rgb(var(--color-primary) / .15);border-color:var(--green);box-shadow:0 0 20px rgb(var(--color-primary) / .15)}.ap-progress.svelte-klihh8{flex:1;height:6px;background:#ffffff0f;border-radius:3px;cursor:pointer;position:relative;transition:height .2s ease}.ap-progress.svelte-klihh8:hover{height:8px}.ap-progress-fill.svelte-klihh8{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:3px;transition:width .1s linear}.ap-progress-thumb.svelte-klihh8{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--green);border:2px solid rgba(10,14,26,.9);box-shadow:0 0 8px rgb(var(--color-primary) / .3);opacity:0;transition:opacity .2s ease}.ap-progress.svelte-klihh8:hover .ap-progress-thumb:where(.svelte-klihh8){opacity:1}.ap-time.svelte-klihh8{font-family:DM Sans,sans-serif;font-size:.75rem;color:#64748b;white-space:nowrap;min-width:80px;text-align:right;font-variant-numeric:tabular-nums}.ap-placeholder.svelte-klihh8{text-align:center;padding:16px 0 4px}.ap-placeholder-bars.svelte-klihh8{display:flex;align-items:center;gap:2px;height:40px;margin-bottom:12px;padding:0 4px}.ap-placeholder-text.svelte-klihh8{font-family:DM Sans,sans-serif;font-size:.8rem;color:#475569;margin:0}@media(max-width:768px){.ap-container.svelte-klihh8{padding:20px}.ap-waveform.svelte-klihh8{height:48px}.ap-controls.svelte-klihh8{gap:10px}.ap-play.svelte-klihh8{width:38px;height:38px}.ap-time.svelte-klihh8{min-width:60px;font-size:.7rem}}