.av-board{box-sizing:border-box;width:min(960px,96vw);max-height:92dvh;margin:auto 2vw auto auto;border:1px solid #6ab5c8;border-radius:16px;background:#102532;color:#e5f3f7;padding:16px;overflow:auto;font:14px/1.5 system-ui,sans-serif}.av-board::backdrop{background:#0005}.av-board>header{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px;inset:auto;letter-spacing:normal}.av-board h2{font-size:20px;margin:0}.av-board button,.av-board input,.av-board textarea{font:inherit;color:#e5f3f7;background:#193f50;border:1px solid #5b8d9f;border-radius:8px;padding:8px;box-sizing:border-box}.av-board input,.av-board textarea{width:100%;margin:8px 0}.av-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.av-plot{width:100%;overflow:auto;background:#f4f8fb;border-radius:8px}.av-chart{display:block;height:auto}.av-content table{border-collapse:collapse;width:100%;margin:12px 0}.av-content th,.av-content td{padding:5px 8px;border-bottom:1px solid #456676;text-align:left}.av-content table caption{text-align:left;font-weight:bold}.av-status{color:#bbdbe4}.av-board details{margin-top:10px;border-top:1px solid #456676;padding-top:10px}.av-board summary{cursor:pointer}.av-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:310px;overflow:auto}.av-assets>p{grid-column:1/-1}.av-assets button{display:flex;flex-direction:column;align-items:center;gap:5px}.av-assets img{width:95px;height:75px;object-fit:contain}.av-assets small{font-size:10px}.av-image{display:block;max-width:100%;max-height:48vh;margin:auto;object-fit:contain;background:#dcebf2;border-radius:8px}.av-model{height:46vh;min-height:220px;touch-action:none}.av-model canvas{display:block;max-width:100%}.av-scene{width:100%;height:auto;border-radius:8px}.av-board [hidden]{display:none!important}.av-board a{color:#8fe4f2}@media(max-width:600px){.av-board{padding:12px;margin:auto;width:96vw}.av-board h2{font-size:17px}.av-board button{font-size:12px}.av-content table{font-size:12px}.av-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}

.av-talk{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.av-talk input{flex:1;min-width:130px}.av-talk button{flex:none}

.av-board select{max-width:100%;font:inherit;padding:8px;background:#193f50;color:#e5f3f7;border:1px solid #5b8d9f;border-radius:8px}

.av-board.lecture-dock{position:relative;inset:auto;margin:5px 0;box-sizing:border-box;width:100%;height:32dvh;max-height:32dvh;min-height:100px;flex:0 1 32dvh;padding:8px;border-radius:8px}
.av-board.lecture-dock[open]{display:flex;flex-direction:column}
.lecture-dock>header{flex:none}
.lecture-dock h2{font-size:13px}
.lecture-dock .av-content{min-height:0;overflow:auto;flex:1}
.lecture-dock>.av-tools,.lecture-dock>.av-talk,.lecture-dock>details{display:none}
.lecture-dock .av-status{font-size:10px;margin:4px 0}
.lecture-dock .av-model{height:100%;min-height:110px}
.lecture-dock .av-image{max-height:22dvh}
.lecture-dock .av-chart{max-height:24dvh;width:100%!important}
@media(max-width:760px){.av-board.lecture-dock{height:18dvh;max-height:18dvh;flex-basis:18dvh;min-height:80px}.lecture-dock .av-status{display:none}.lecture-dock .av-chart{max-height:15dvh}.lecture-dock .av-content table{font-size:10px}}

.lecture-expand,.lecture-visual-hand{display:none}.lecture-dock .lecture-expand,.lecture-dock .lecture-visual-hand{display:block;font-size:10px;padding:5px}.av-board.lecture-dock.lecture-expanded{position:fixed;inset:3dvh 2vw;z-index:2000;width:96vw;height:94dvh;max-height:94dvh;margin:0}.lecture-expanded .av-chart{max-height:none;min-width:600px;width:100%!important}.lecture-expanded .av-image{max-height:70dvh}.lecture-expanded .av-model{height:65dvh}.lecture-expanded .av-status{display:block}


/* Stage presentations keep the live avatar visible to the left in fullscreen. */
.av-web-credit{font-size:11px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere;color:#b6cdd5}
.av-web-image{width:100%;max-height:60dvh;object-fit:contain}
.av-board.stage-presentation[open]{position:absolute;inset:5dvh 2% auto auto;z-index:5;margin:0;width:62%;height:78dvh;max-height:78dvh;min-height:0;display:flex;flex-direction:column;background:#102532ee}
.stage-presentation .av-content{flex:1;min-height:0;overflow:auto}
.stage-presentation>header{gap:6px;flex-shrink:0}
.stage-presentation h2{font-size:15px;overflow-wrap:anywhere}
.stage-presentation .av-image{max-height:calc(66dvh - 100px)}
.stage-presentation .av-model{height:100%;min-height:110px}
.stage-presentation .av-chart{max-height:58dvh;width:100%!important}
.stage-presentation>.av-talk{display:flex;font-size:11px}
.stage-presentation .av-talk button{font-size:11px;padding:6px}
.stage-presentation>.av-tools,.stage-presentation>details{display:none}
.stage-presentation .av-status{font-size:10px;margin:3px 0;max-height:3em;overflow:auto;display:block}
.stage-presentation .av-content table{font-size:11px}
.stage.has-stage-visual #face-nav{left:3%;right:auto;transform:none;width:29%;font-size:11px}
.stage.has-stage-visual #face-prev,.stage.has-stage-visual #face-next{display:none}
@media(max-width:600px){
 .av-board.stage-presentation[open]{width:64%;right:1%;padding:7px}
 .stage-presentation h2{font-size:12px}
 .stage-presentation>header{flex-wrap:wrap}
 .stage-presentation>header button{font-size:10px;padding:4px}
 .stage-presentation .av-web-credit{font-size:10px}
 .stage-presentation .av-talk input{min-width:100%;margin:4px 0}
}

.av-board.stage-presentation.lecture-expanded[open]{inset:3dvh 2vw;width:96vw;height:94dvh;max-height:94dvh}.stage-presentation.lecture-expanded .av-image{max-height:70dvh}