body.tutor-app #presenter{touch-action:manipulation;border:0;border-radius:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;background:#182432;overflow:hidden;color:white;outline:none}#presenter::backdrop{background:#182432}body:has(#presenter[open]){overflow:hidden}.poster-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.poster-stage>.learning-poster{display:block;width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);max-width:100%;max-height:100%;background:#fffdf7}.learning-poster{font-family:TutorRounded,TutorUI,Arial,sans-serif;pointer-events:none}.poster-picture{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-weight:400}.poster-toolbar{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;background:#142333f5;border:1px solid #667789;border-radius:16px;box-shadow:0 5px 24px #0004;max-width:calc(100% - 24px);transition:opacity .2s,transform .2s}.poster-toolbar button{font:700 12px TutorUI,Arial,sans-serif;min-height:42px;padding:9px 13px;border:1px solid #667789;background:#263d51;color:#fff8e9;white-space:nowrap}.poster-toolbar .primary{background:#f0cb70;color:#23394c;border-color:#f0cb70}.poster-toolbar span{font:600 11px TutorUI,Arial,sans-serif;white-space:nowrap}.poster-toolbar label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.poster-toolbar input{accent-color:#e9c66c}.controls-hidden .poster-toolbar:not(:focus-within){opacity:0;pointer-events:none;transform:translate(-50%,10px)}.presenter-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.poster-drift{transform-box:fill-box;transform-origin:center;animation:poster-drift 6s ease-in-out infinite}.poster-breathe{transform-box:fill-box;transform-origin:center;animation:poster-breathe 8s ease-in-out infinite}.less-motion .poster-drift,.less-motion .poster-breathe{animation:none}.aid-art{height:auto;aspect-ratio:16/9;padding:0;overflow:hidden}.aid-art>.learning-poster{width:100%;height:100%;display:block}.aid-art .poster-drift,.aid-art .poster-breathe{animation:none}.aid-art .age-badge{background:#ffffffef;color:#334f55;font-size:8px;right:5px;top:4px;padding:2px 5px}.aid-card .card-copy strong{font-size:17px}.rotate-hint{display:none;position:absolute;bottom:21%;left:0;right:0;text-align:center;font-size:12px;color:#cbd7df}.poster-toolbar button:focus-visible{outline:3px solid #ffd56f;outline-offset:3px}
@keyframes poster-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes poster-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.03)}}
@media(prefers-reduced-motion:reduce){.poster-drift,.poster-breathe{animation:none}.poster-toolbar{transition:none}}
@media(max-width:1100px){.poster-toolbar{gap:7px;flex-wrap:wrap;width:max-content}.poster-toolbar button{font-size:11px;padding:8px 10px}.poster-toolbar span{font-size:10px}}
@media(orientation:portrait){.rotate-hint{display:block}.poster-toolbar{bottom:15px;width:calc(100% - 24px);flex-wrap:wrap}.poster-toolbar #aid-position{display:none}}
@media(max-height:500px) and (orientation:landscape){.poster-toolbar{bottom:6px;padding:6px;gap:6px}.poster-toolbar button{min-height:34px;font-size:10px;padding:6px 9px}.poster-toolbar label,.poster-toolbar span{font-size:9px}.poster-toolbar #aid-position{display:none}}
