.studio-assistant{width:min(460px,calc(100vw - 24px));max-height:min(740px,calc(100dvh - 36px));height:690px;display:flex;flex-direction:column;overflow:hidden}.studio-assistant[hidden]{display:none}.studio-assistant header{flex-shrink:0}.studio-assistant header h2{font-size:20px}.assistant-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 16px;border-bottom:1px solid #ffffff18}.assistant-tools button,.assistant-tools label{font-size:11px;color:#e4d6bf}.assistant-tools button{border:0;background:transparent;padding:6px;cursor:pointer}.assistant-tools label{display:flex;align-items:center;gap:6px}.assistant-tools input{accent-color:#d3b271}.studio-assistant-log{flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.studio-assistant-log>div{padding:12px;margin:0 0 10px;border-radius:12px;white-space:pre-line;background:#ffffff09;border:1px solid #ffffff0d}.studio-assistant-log>div.assistant-request{background:#cfad6d1c;margin-left:32px}.studio-assistant-log>div p{margin:0;padding:0;background:none;border:0;line-height:1.55;font-size:13px;white-space:pre-line}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.assistant-actions button{border:1px solid #c7a56d66;background:#c7a56d12;border-radius:8px;padding:9px 11px;color:#f5dfb5;font-size:12px;text-align:left;cursor:pointer;min-height:38px}.studio-assistant button:disabled{opacity:.5;cursor:wait}.studio-assistant-status{flex-shrink:0;min-height:30px;margin:6px 16px!important;font-size:12px!important;line-height:1.4}.studio-assistant-form{flex-shrink:0}.studio-assistant-form input{min-width:0;font-size:16px}.assistant-footnote{padding:0 16px 12px;color:#b8b2a8;font-size:10px;line-height:1.5}.studio-assistant button:focus-visible,.studio-assistant input:focus-visible{outline:2px solid #e7c789;outline-offset:3px}.studio-assistant-suggestions{flex-shrink:0;min-height:43px}.studio-assistant-tools [hidden],.studio-assistant [hidden]{display:none!important}@media(max-width:600px){.studio-assistant{inset:8px 8px auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding-bottom:env(safe-area-inset-bottom)}.assistant-tools{gap:4px}.studio-assistant-form{padding:10px!important}.studio-assistant-form button{padding:10px!important}.studio-assistant-open{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.studio-assistant *{animation:none!important;scroll-behavior:auto!important}}
.studio-assistant{max-height:calc(100dvh - 100px)}.studio-assistant-log>div.assistant-request{color:#f8e8c7}.studio-assistant-log>div p{max-width:100%}@media(max-width:600px){.studio-assistant{max-height:calc(100dvh - 16px)}}
.assistant-voice-controls{display:flex;gap:8px;padding:0 16px 10px;flex-shrink:0}.assistant-voice-controls button{border:1px solid #d9bb7560;border-radius:8px;background:#302a20;color:#f8e8c7;padding:10px;font-size:14px;min-height:44px;cursor:pointer}.assistant-voice-controls [data-voice-cancel]{background:transparent;border-color:#f69999;color:#ffc2c2}.studio-assistant[data-voice-state="error"] .studio-assistant-status{color:#ffc2c2}.studio-assistant[data-voice-state="starting"] .studio-assistant-status,.studio-assistant[data-voice-state="restarting"] .studio-assistant-status{color:#ffe2a5}.studio-assistant .studio-assistant-status{font-size:14px!important}.studio-assistant-form input[readonly]{border-color:#d9bb75;color:#f8e8c7}
.studio-assistant-status{display:flex;align-items:center;gap:8px}.studio-assistant-status::before{content:'●';flex:0 0 auto;color:#8e8a82;font-size:10px}.studio-assistant[data-voice-state="listening"] .studio-assistant-status::before{color:#ff7777;box-shadow:0 0 0 4px #ff777722;border-radius:50%}.studio-assistant[data-voice-state="starting"] .studio-assistant-status::before,.studio-assistant[data-voice-state="restarting"] .studio-assistant-status::before,.studio-assistant[data-voice-state="stopping"] .studio-assistant-status::before{color:#ffe2a5}.studio-assistant[data-voice-state="stopping"] .studio-assistant-status{color:#ffe2a5}