.audio-header{display:flex;gap:6px}.audio-header button,.expanded-audio button{border:2px solid #e1e7d4;border-radius:14px;background:#fffef7;min-width:48px;min-height:48px;font-size:24px;cursor:pointer}.audio-header button:focus-visible,.voice-choices button:focus-visible,.voice-patterns button:focus-visible{outline:3px solid #d8ae46;outline-offset:2px}.audio-panel{max-width:590px}.audio-slider{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:22px 0;font-size:16px;font-weight:600;color:#63744f}.audio-slider input{grid-row:2;grid-column:1/-1;width:100%;height:38px;accent-color:#91ad64;cursor:pointer}.audio-slider output{grid-column:2;grid-row:1;font-size:14px;color:#87936e}.audio-guide{display:flex;align-items:center;gap:10px;min-height:48px}.audio-guide input{width:24px;height:24px;accent-color:#91ad64}.audio-themes,.voice-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.audio-themes{grid-template-columns:repeat(4,1fr)}.audio-themes button,.voice-choices button,.voice-patterns button{border:2px solid #dfe7d1;border-radius:18px;min-height:90px;padding:10px 5px;background:#fffef6;color:#6c7b54;cursor:pointer;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.audio-themes span,.voice-choices span{font-size:34px}.audio-themes [aria-pressed=true],.voice-choices [aria-pressed=true],.voice-patterns [aria-pressed=true]{background:#e9f0d6;border-color:#8fae65;box-shadow:0 3px 0 #c4d5ac}.audio-panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.audio-panel-actions button,.voice-audition{min-height:52px;border:2px solid #dbe5c9;border-radius:16px;padding:12px 20px;background:#f0f5df;color:#647b49;font-size:16px;cursor:pointer}.audio-panel p,.audio-panel small,.voice-editor>p{line-height:1.7;color:#8b967b}.voice-editor{width:100%;grid-column:1/-1}.voice-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.voice-patterns b{font-size:26px;font-weight:400}.voice-audition{width:100%}.sculpt-voice{margin-top:20px;border-top:1px solid #dfe6d2;padding-top:12px}.sculpt-voice summary{cursor:pointer;min-height:44px;line-height:44px}.friend-call{margin:16px 0}.read-guide{min-width:48px;min-height:48px;align-self:center;border:1px solid #dedfc9;border-radius:15px;background:#fff9e2;font-size:26px;cursor:pointer;flex-shrink:0}.expanded-audio{display:none}.studio-expanded .expanded-audio{display:flex;position:absolute;left:10px;top:10px;z-index:5;gap:6px}.studio-expanded .model-stage-slot .expanded-audio{top:108px}.studio-expanded .sculpt-voice .voice-choices{grid-template-columns:repeat(3,1fr)}.studio-expanded .design-options .voice-choices{grid-template-columns:repeat(3,1fr)}.studio-expanded .design-options .voice-choices span{font-size:30px}dialog:modal{max-height:90dvh;overflow-y:auto}.head-actions{gap:10px}
@media(max-width:800px){.audio-header{gap:3px}.audio-header button{min-width:42px;min-height:44px;font-size:21px;padding:4px}header .head-actions>#saved{display:none}.voice-choices{grid-template-columns:repeat(3,1fr)}.studio-expanded .model-stage-slot .expanded-audio{top:86px}.studio-expanded .expanded-audio button{min-height:40px;min-width:40px;font-size:20px}.audio-themes{grid-template-columns:repeat(2,1fr)}.star-guide{gap:10px}.read-guide{min-width:44px}.studio-expanded .voice-editor .audio-slider{margin:12px 0}}
@media(max-width:480px){header .head-actions #exportTop{min-width:44px;padding:6px}header .head-actions #exportTop>span{display:none}.audio-panel-actions button{flex:1;padding:10px}.audio-panel p{font-size:13px}.voice-patterns button{font-size:12px}.audio-header button{border-radius:12px}}

.audio-slider input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;box-shadow:none;min-height:38px}.audio-slider input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:12px;background:linear-gradient(to right,#95b46d 0 var(--level,50%),#e5ead9 var(--level,50%) 100%)}.audio-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;background:#fff8d3;border:3px solid #8ba85d;border-radius:50%;margin-top:-8px;box-shadow:0 2px 3px #87976c44}.audio-slider input[type=range]::-moz-range-track{height:10px;border-radius:12px;background:#e5ead9}.audio-slider input[type=range]::-moz-range-progress{height:10px;background:#95b46d;border-radius:12px}.audio-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;background:#fff8d3;border:3px solid #8ba85d;border-radius:50%}.audio-slider input[type=range]:focus-visible{outline:3px solid #dab959;outline-offset:3px}.voice-playing{animation:voice-bounce .2s ease-in-out alternate 3}@keyframes voice-bounce{to{transform:translateY(-3px);background:#e2edc8}}@media(prefers-reduced-motion:reduce){.voice-playing{animation:none}}

/* Full-screen editor owns the whole viewport; keep header controls inside the canvas. */
body.preview-open aside,body.preview-open header{display:none!important}body.preview-open main{margin-left:0!important}body.preview-open #content.studio-expanded{max-width:none!important;width:100vw!important;margin:0!important}