.scene-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.scene-option{padding:0;overflow:hidden;border:2px solid transparent;background:#f7f2e9;border-radius:15px;text-align:left;min-width:0;transition:border-color .18s,background .18s}
.scene-option:hover{background:#f0eadf}.scene-option[aria-pressed=true]{border-color:#b2bc98;background:#f0f2e7}
.scene-option>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#f2e8dc}
.scene-option-text{display:block;padding:11px 12px 12px}.scene-option strong{font-family:'Jua',sans-serif;font-size:18px;font-weight:400;display:block}
.scene-option small{display:block;font-size:11px;color:#9b8473;line-height:1.6;margin-top:5px;word-break:keep-all}
.scene-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:#9c8876;margin-top:10px}.scene-meta i{font-size:8px;letter-spacing:1px;font-style:normal;color:#a79b80}
.scene-preview-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid #d6c5b2;background:#fffaf3;border-radius:11px;min-height:46px;margin-top:12px;font-size:12px;font-weight:600}
.scene-preview-cta:hover{background:#f4eee5}
.live-scene{min-height:0!important;height:auto!important;aspect-ratio:1.46;background:radial-gradient(ellipse at 50% 25%,#fffaf0,#eee2d4)}
.live-scene:not(.has-3d)>.live-character{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.live-scene>.tiny-spark,.live-scene>.scene-handnote,.live-scene>.preview-bubble{display:none}
.has-3d>.tiny-spark,.has-3d>.scene-handnote,.has-3d>.preview-bubble,.player-spark,.small-friends{display:none}
.preview-card{background:#f4eee4;border-color:#e6d8c8}.preview-card-bottom{background:#fbf7ef}.preview-card-bottom p{font-family:'Jua',sans-serif;font-size:22px;margin-top:2px}
.preview-heading{font-size:11px}.preview-count{font-size:10px}
.player-modal{width:min(620px,calc(100vw - 28px));max-width:calc(100vw - 28px)}.player-scene,.player-modal .player-scene{height:auto!important;aspect-ratio:1.6;max-height:340px;background:radial-gradient(ellipse at 50% 25%,#fffaf0,#eee2d4)!important;border:1px solid #eaded0;border-radius:18px}
.player-scene[data-story=photo]{background:radial-gradient(ellipse at 50% 25%,#fffbf2,#e8e8da)!important}
.player-scene[data-story=scale]{background:radial-gradient(ellipse at 50% 25%,#fffaf0,#e7e9db)!important}
.player-scene[data-story=nap]{background:radial-gradient(ellipse at 50% 25%,#f9f7f2,#e1e5ed)!important}
.playing .player-scene:after{display:none!important}.playing .player-title h2{color:var(--ink)}
.gift-player .player-scene{box-shadow:none!important}.player-title h2,.player-modal .player-title h2{font-size:29px;line-height:1.25}
.scene-caption,.player-modal .scene-caption{position:static;display:block;width:100%;max-width:none;transform:none;border:0;background:none;padding:12px 6px 0;margin:0;text-align:center;white-space:normal;line-height:1.6;font-size:16px;color:#92705a;min-height:39px}
.player-controls{margin-top:8px}.progress-label{justify-content:center;font-size:11px;margin-bottom:0}.progress-percent{display:none}
.progress-track{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.player-bottom-note{font-size:10px;margin-top:8px}
.gift-player.finished .player-scene{height:auto!important;aspect-ratio:1.9;max-height:220px}
.studio-stage{background:radial-gradient(ellipse at 50% 25%,#fffaf0,#eee2d4)}
@media(max-width:820px){.workspace{max-width:560px}.scene-option-text{padding:10px}.scene-option strong{font-size:18px}}
@media(max-width:600px){
 .scene-options{gap:9px}.scene-option{border-radius:12px}.scene-option-text{padding:10px 9px}.scene-option strong{font-size:17px}.scene-option small{font-size:11px;min-height:35px;margin-top:4px}
 .scene-meta{font-size:10px;margin-top:6px}.scene-meta i{font-size:7px;letter-spacing:.5px}.scene-preview-cta{font-size:14px;min-height:48px}
 .character-option img{width:64px;height:68px}.character-option small{font-size:10px}.character-option{padding-block:7px 10px}
 .preview-card-bottom p{font-size:23px}.preview-heading{font-size:11px}.preview-count{font-size:10px}
 .player-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:12px 12px 18px}.player-title h2,.player-modal .player-title h2{font-size:27px}.player-description{font-size:12px}
 .player-scene,.player-modal .player-scene{aspect-ratio:1.38;border-radius:15px}.scene-caption,.player-modal .scene-caption{font-size:15px;padding-top:10px;min-height:36px}
 .progress-label{font-size:11px}.player-controls{margin-top:4px}.player-bottom-note{font-size:10px}
 .gift-player.finished .player-scene{aspect-ratio:1.7;max-height:200px}
}
@media(prefers-reduced-motion:reduce){.scene-option{transition:none}}
.film-option{display:grid;grid-template-columns:44% 1fr;width:100%;align-items:center;margin-bottom:14px;border-color:#dfcdb5;background:#fff8ed}
.film-option>img{aspect-ratio:16/9;object-fit:contain}.film-option .scene-option-text{padding:15px}.film-option strong{font-size:23px}.film-option small{font-size:12px;min-height:0}
.film-badge{display:block;font-size:10px;color:#7f8c58;margin-bottom:7px;letter-spacing:.05em}.legacy-scenes summary{font-size:12px;color:#99806d;padding:8px 0 14px;cursor:pointer}.legacy-scenes[open] summary{margin-bottom:4px}
.live-scene.is-film,.player-scene.is-film,.gift-player.finished .player-scene.is-film{aspect-ratio:16/9!important;height:auto!important;max-height:none!important;background:#f3e9db!important;overflow:hidden}
.live-scene.is-film>.live-character{object-fit:contain!important;opacity:1!important;animation:none!important;transform:none!important}
.player-scene.is-film>.player-character,.player-scene.is-film>.delivery-letter,.live-scene.is-film>.little-letter,.player-scene.is-film:after,.player-scene.is-film:before{display:none!important}
.film-video{display:block;position:relative;z-index:3;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;border-radius:inherit}
.film-sound{display:block;margin:10px 0 0 auto;padding:7px 11px;background:transparent;border:1px solid #dccbb7;border-radius:20px;color:#806b59;font-size:12px}
.film-player .scene-caption{display:none!important}.film-player .player-scene{flex-shrink:0}.film-player .player-title h2{white-space:normal}
@media(max-width:600px){.film-option .scene-option-text{padding:10px}.film-option strong{font-size:20px}.film-option small{font-size:11px}.film-badge{font-size:9px}.film-sound{font-size:12px;min-height:36px}}