/* Shared, fixed landscape composition for the player and the editor preview.
   No breakpoints inside the frame: fonts, borders and artwork scale together. */
.studio-scene-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#0b2634;--studio-scene-scale:0}
.studio-player-scene-viewport{width:100%;height:100%}
.studio-player-actions button{display:grid}
.studio-preview-scene-viewport{width:100%;aspect-ratio:16/9;border-radius:14px}
.studio-scene-viewport>.studio-scene{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:1280px;height:720px;min-width:1280px;min-height:720px;aspect-ratio:auto;border-radius:0;overflow:hidden;transform:translate(-50%,-50%) scale(var(--studio-scene-scale));transform-origin:50% 50%;background:#e9dfd1}
.studio-scene :is(.studio-player-board,.studio-board){position:absolute;left:1.4%;top:3%;right:auto;bottom:4%;width:87.5%;height:auto;border-width:13px;border-style:solid;border-radius:12px;box-shadow:inset 0 0 35px rgba(0,0,0,.26);overflow:hidden}
.studio-scene:is(.theme-light,.theme-paper) :is(.studio-player-board,.studio-board){border-color:#b98b5c}
.studio-scene :is(.studio-player-teacher,.studio-teacher){position:absolute;left:auto;right:-.5%;top:auto;bottom:0;width:auto;height:94%;max-width:none;aspect-ratio:1/3;display:flex;align-items:flex-end;pointer-events:none}
.studio-scene :is(.studio-player-board-content,.studio-board-content){height:100%;padding:5% 6%;gap:3%;display:flex;flex-direction:column;justify-content:center;font-family:"Trebuchet MS",Arial,sans-serif;overflow:hidden}
.studio-scene :is(.studio-player-board-content,.studio-board-content) h1{font-size:52px;line-height:1.06;margin:0}
.studio-scene :is(.studio-player-board-content,.studio-board-content) p{font-size:28px;line-height:1.38;margin:0;white-space:pre-line}
.studio-scene :is(.studio-player-board-content,.studio-board-content) ul{font-size:26px;line-height:1.45;margin:0}
.studio-scene :is(.studio-player-board-content,.studio-board-content) .term{font-size:35px;font-weight:800;padding:14px 22px;border:2px solid;border-radius:18px;align-self:flex-start}
.studio-scene :is(.studio-player-board-content,.studio-board-content) .grammar{font-size:26px;padding:16px 18px;border-left:6px solid #f5d86e;white-space:pre-line}
.studio-scene :is(.studio-player-board-content,.studio-board-content) .note{font-size:18px;font-style:italic;opacity:.78}
.studio-scene :is(.studio-player-board-content,.studio-board-content){position:relative}
.studio-image-object{background:transparent;line-height:0;min-width:0}
.studio-image-object>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none;user-select:none}
/* Supplied full-frame artwork already includes the wood frame and wall.
   Preserve the transparent board's border width and content geometry exactly. */
.studio-scene-viewport>.studio-scene.theme-ivrito{background:#e9dfd1 url('/assets/studio/img/board-ivrito-logo-v1.png') center/100% 100% no-repeat}
.studio-scene.theme-ivrito :is(.studio-player-board,.studio-board){background:transparent;border-color:transparent;box-shadow:none}
.studio-slide-thumbnail.theme-ivrito{background:#e9dfd1 url('/assets/studio/img/board-ivrito-logo-v1.png') center/100% 100% no-repeat;border-color:transparent}
.studio-slide-thumbnail.theme-dark{background:#15191e;border-color:#6b4a32}
.studio-slide-thumbnail.theme-light{background:#eef3f5;border-color:#b98b5c}
.studio-slide-thumbnail.theme-paper{background:#f8f0dc;border-color:#b98b5c}
.studio-slide-thumbnail:is(.theme-light,.theme-paper) .studio-slide-miniature{color:#172033}