.audio-live-panel{padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#eef2ff);width:100%;min-width:0}.audio-live-panel h3{margin:0 0 8px}.audio-preview-note{color:#475569;font-size:14px;line-height:1.6}.audio-wave,.audio-spectrum{display:block;width:100%;border-radius:10px}.audio-spectrum{height:90px;margin-top:14px;background:#eef2ff}.audio-live-panel audio,.audio-seek{width:100%;display:block;margin:12px 0}.audio-meter{display:block;font:12px ui-monospace,monospace;color:#334155;margin:10px 0}.audio-live-panel .sp-actions-row{flex-wrap:wrap}.audio-live-panel [aria-pressed=true]{background:#4338ca;color:white}.audio-advanced{grid-column:1/-1;padding:16px;border:1px solid #e2e8f0;border-radius:12px}.audio-advanced summary{cursor:pointer;font-weight:600}.audio-advanced label,.audio-advanced input{display:block;margin-top:14px;width:100%}.audio-advanced p{font-size:13px;color:#475569;line-height:1.6}

/* Quiet, free-floating line drawings around the title. */
.audio-title-scene{position:relative;isolation:isolate;min-height:156px;padding:28px 104px 48px;margin-bottom:12px}
.audio-title-scene h1{position:relative;z-index:1;margin:0;text-align:center}
.audio-art{position:absolute;inset:0;pointer-events:none;user-select:none;color:#73839b;overflow:hidden}
.audio-doodle{position:absolute;width:52px;height:52px;opacity:.2;transform:rotate(var(--doodle-tilt));animation:audio-doodle-float 9s ease-in-out infinite;animation-delay:var(--doodle-delay)}
.audio-doodle-1{left:2%;top:18px;width:62px;height:62px}
.audio-doodle-2{right:3%;top:10px;width:44px;height:44px;animation-duration:11s}
.audio-doodle-3{left:19%;bottom:12px;width:22px;height:22px;opacity:.15}
.audio-doodle-4{right:15%;bottom:8px;width:46px;height:46px;animation-duration:12s}
.audio-doodle-5{left:6%;bottom:0;width:40px;height:40px;opacity:.16;animation-duration:10s}
.audio-doodle-6{right:1%;bottom:12px;width:24px;height:24px;opacity:.14}
@keyframes audio-doodle-float{0%,100%{transform:translateY(0) rotate(var(--doodle-tilt))}50%{transform:translateY(-6px) rotate(calc(var(--doodle-tilt) + 3deg))}}
@media(prefers-reduced-motion:no-preference){.audio-title-scene .audio-doodle{animation-name:audio-doodle-float!important;animation-duration:9s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;animation-delay:var(--doodle-delay)!important}}
@media(prefers-reduced-motion:reduce){.audio-doodle{animation:none!important}}
@media(max-width:640px){.audio-title-scene{padding:20px 28px 48px;min-height:138px}.audio-doodle-1{left:0;top:auto;bottom:6px;width:38px;height:38px}.audio-doodle-2{right:0;top:auto;bottom:13px;width:30px;height:30px}.audio-doodle-3{left:29%;bottom:9px;width:18px;height:18px}.audio-doodle-4{right:23%;bottom:0;width:34px;height:34px}.audio-doodle-5,.audio-doodle-6{display:none}}

body[data-engine=audio-studio] .tool-preview{display:block}body[data-engine=audio-studio] .tool-result canvas{max-width:100%;height:auto}body[data-engine=audio-studio] .tool-result audio{width:100%}body[data-engine=audio-studio] .field input[type=range]{width:100%;accent-color:#6366f1}body[data-engine=audio-studio] .field output{float:right;font-variant-numeric:tabular-nums}
@media(max-width:540px){.audio-live-panel{padding:12px}}