:root{color-scheme:dark;--screen: #000;--amber: #e8b84a;--amber-dim: #a67c2a;--cream: #f2e6c9;--line: #3a2e1f;--bar: #120c08;--err: #e07060;--audio-h: 3.25rem;font-family:Segoe UI,Tahoma,Noto Naskh Arabic,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--screen);color:var(--cream)}.shell{min-height:100%;height:100dvh;display:flex;flex-direction:column;background:#000}.stage{position:relative;flex:1 1 auto;display:flex;align-items:stretch;justify-content:stretch;min-height:0;padding:0;background:#000}.picture{width:100%;height:calc(100dvh - var(--audio-h));max-width:none;max-height:none;aspect-ratio:auto;background:#000;object-fit:contain;display:block}.audio-bar{flex:0 0 var(--audio-h);display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.6rem .9rem;padding:.45rem .75rem;background:var(--bar);border-top:1px solid var(--line)}.playback-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--line);border-radius:4px;background:#1a120a;color:var(--amber);cursor:pointer;font-size:1.05rem;line-height:1}.playback-btn:hover:not(:disabled){border-color:var(--amber-dim);color:var(--cream)}.playback-btn:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.playback-btn:disabled{opacity:.45;cursor:not-allowed}.playback-btn.is-playing{color:var(--cream);border-color:var(--amber-dim)}.playback-icon{display:block;transform:translateY(1px)}.audio-label{color:var(--amber-dim);font-size:.8rem;white-space:nowrap}.audio-select{flex:1 1 auto;min-width:0;max-width:22rem;background:#1a120a;color:var(--cream);border:1px solid var(--line);padding:.4rem .55rem;font-size:.9rem;border-radius:2px;cursor:pointer}.audio-select:focus{outline:1px solid var(--amber);border-color:var(--amber)}.hint{font-size:.85rem;color:var(--amber-dim)}.err{margin:0;padding:.35rem .75rem;color:var(--err);font-size:.8rem;text-align:center;background:var(--bar)}@media(max-width:768px)and (orientation:portrait){.picture{width:100%;height:auto;max-height:calc(100dvh - var(--audio-h));aspect-ratio:9 / 16;object-fit:contain;object-position:center center}.stage{align-items:center;justify-content:center}.audio-bar{justify-content:stretch}.audio-select{max-width:none}}.shell.is-studio{--audio-h: 0px;overflow:hidden;cursor:none}.shell.is-studio .stage{flex:1 1 auto;width:100%;height:100%;align-items:center;justify-content:center}.shell.is-studio .picture{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center center}.shell.is-studio.is-studio-9x16 .picture{aspect-ratio:9 / 16;width:min(100vw,56.25vh);height:auto;max-height:100vh}.shell.is-studio.is-studio-1x1 .picture{aspect-ratio:1 / 1;width:min(100vw,100vh);height:auto;max-height:100vh}