/* Frame values also drive the canvas renderer, keeping editing and export aligned. */
#screen .illustrated-track .live-photo.scene-hit{padding:calc(var(--art-pad) * var(--live-scale)) calc(var(--art-pad) * var(--live-scale)) calc(var(--art-bottom) * var(--live-scale));border:calc(var(--art-border) * var(--live-scale)) solid var(--frame-ink);border-radius:calc(var(--frame-radius) * var(--live-scale));background:var(--frame-paper);box-shadow:calc(3px * var(--live-scale)) calc(4px * var(--live-scale)) 0 var(--frame-shadow)}
#screen .illustrated-track .live-empty .live-photo.scene-hit{opacity:.58;border-style:dashed;box-shadow:none;background:var(--frame-paper)}
#screen .illustrated-track .live-empty .live-photo.scene-hit::before,#screen .illustrated-track .live-empty .live-photo.scene-hit::after{display:none}
#screen .illustrated-track .empty-frame-label{justify-content:center;padding:0}
#screen .illustrated-track .empty-frame-label .icon{display:block}
#screen .illustrated-track .live-photo>img{border-radius:calc(2px * var(--live-scale))}
#screen .shared-scene[data-style=flat] .illustrated-track .live-photo.scene-hit,#screen .shared-scene[data-style=meadow] .illustrated-track .live-photo.scene-hit,#screen .shared-scene[data-style=gouache] .illustrated-track .live-photo.scene-hit{box-shadow:0 calc(4px * var(--live-scale)) calc(9px * var(--live-scale)) var(--frame-shadow)}
#screen .shared-scene[data-style=hand] .illustrated-track .live-photo.scene-hit,#screen .shared-scene[data-style=crayon] .illustrated-track .live-photo.scene-hit,#screen .shared-scene[data-style=kawaii] .illustrated-track .live-photo.scene-hit{outline:calc(.7px * var(--live-scale)) solid #ffffff77;outline-offset:calc(-5px * var(--live-scale))}
#screen .shared-scene[data-style=check] .illustrated-track .live-photo.scene-hit{background:conic-gradient(#f2b1c9 25%,#fff6e9 0 50%,#f2b1c9 0 75%,#fff6e9 0) 0 0/calc(20px * var(--live-scale)) calc(20px * var(--live-scale))}

/* Keep editing controls on one line on narrow phones. */
#screen .editor-meta{gap:4px;padding-left:12px;padding-right:12px;letter-spacing:0}
#screen .scene-count{white-space:nowrap;flex-shrink:0}
#screen .editor-meta .clear-photos,#screen .editor-meta .reorder-photos{white-space:nowrap;flex:none;margin:0;padding:0 3px;font-size:11px}
#screen .editor-meta .scene-navigation{flex-shrink:0;gap:3px}