/* Compact inspection controls; original media and branding are unchanged. */
.panel>video{height:auto;max-height:62svh}
.info-icon{font:italic 700 12px Georgia,serif;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;line-height:1;flex-shrink:0}
.motion-tools{margin-top:9px;border-top:1px solid var(--line);padding-top:5px}
.motion-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);width:max-content;padding:6px 3px;border-radius:5px}
.motion-tools summary:focus-visible{outline:3px solid #fff0a6;outline-offset:2px}
.motion-tool-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:5px 0}
.motion-tool-row button,.motion-tool-row label{min-height:44px;font-size:13px}
.motion-tool-row label{display:flex;align-items:center;gap:8px;color:var(--muted)}
.motion-tool-row select{font:inherit;color:var(--ink);background:#203741;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:7px}
#motionLoop[aria-pressed=true]{background:var(--accent);color:var(--bg)}
#motionGuide,.motion-message{font-size:12px;margin:6px 0;color:var(--muted)}
.motion-message:empty{display:none}
.expanded #panel-prototype{display:flex;flex-direction:column;overflow:auto;min-height:0}
.expanded #prototypeVideo{height:auto;min-height:150px;flex:1 1 auto;max-height:calc(100svh - 245px)}
.expanded .r27-chapters{flex:0 0 auto;padding-top:5px;padding-bottom:5px}
.expanded .r27-scene{display:none}
.expanded .r27-chapters-title{margin-bottom:5px}
.expanded .r27-chapter-grid button{min-height:44px;flex-direction:row}
.expanded .motion-tools[open]{max-height:190px;overflow:auto}
@media(max-width:520px){.motion-tool-row{gap:6px}.motion-tool-row button{padding:7px 9px}.r27-chapters-title strong{font-size:12px}.r27-chapter-grid button{min-height:44px;flex-direction:row;gap:4px}.r27-chapter-grid button span{display:none}.r27-chapter-grid button small{font-size:10px}.expanded #prototypeVideo{max-height:calc(100svh - 265px)}.expanded .dock>span{display:none}.expanded .dock{justify-content:flex-end}.expanded .caption{font-size:10px;padding:5px 10px}}
video::cue{font-size:14px}
@media(max-width:520px){video::cue{font-size:11px}}