#teacher-panel{background:#eaf5f0;border:1px solid #c9dfd3;border-radius:24px;padding:18px 22px;gap:18px;align-items:center;margin:14px 0 18px;display:flex}
.teacher-avatar{font-size:52px;flex-shrink:0}.teacher-copy{flex:1;min-width:0}.teacher-copy h1{font-size:27px;margin:3px 0}.teacher-copy p{margin:5px 0;font-size:13px;line-height:1.5;color:#526b61}#teacher-caption{max-width:680px}.teacher-actions{display:flex;gap:8px;align-items:stretch;flex-direction:column}.teacher-actions button{white-space:normal;font-size:14px;min-height:44px;min-width:145px}.teacher-live #teacher-panel{border-color:#368f77;box-shadow:0 0 0 3px #d3ebdf}.teacher-live .teacher-avatar{animation:teacher-breathe 3s ease-in-out infinite}.teacher-live .tap-hint{visibility:hidden}#teacher-dialog{max-width:620px}#teacher-dialog p{line-height:1.7}#teacher-dialog select{max-width:300px}#teacher-audio{display:none}@keyframes teacher-breathe{50%{transform:translateY(-5px)}}
@media(max-width:700px){#teacher-panel{flex-wrap:wrap;padding:15px;gap:10px}.teacher-avatar{font-size:37px}.teacher-copy h1{font-size:24px}.teacher-actions{width:100%;flex-direction:row;flex-wrap:wrap}.teacher-actions button{flex:1}.teacher-copy p{font-size:12px}#teacher-dialog .setting-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px}#teacher-dialog select{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.teacher-live .teacher-avatar{animation:none}}
@media(min-width:900px) and (max-height:850px){body[data-mode=trace] #teacher-panel{padding:8px 14px;margin:8px 0;gap:12px}body[data-mode=trace] .teacher-copy h1,body[data-mode=trace] #teacher-caption{display:none}body[data-mode=trace] .teacher-avatar{font-size:34px}body[data-mode=trace] .teacher-actions{flex-direction:row}body[data-mode=trace] .subject-tabs{margin-top:8px;margin-bottom:10px}body[data-mode=trace] .subject{padding:4px 16px}body[data-mode=trace] .subject-icon{padding:2px 7px;font-size:22px}body[data-mode=trace] .subject small{display:none}}