*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%}#inputVideo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#carousel{position:fixed;inset:0;background:#000;overflow:hidden}#config{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;background:#000}#configCanvas{max-width:100%;max-height:80vh}#configSn{color:#fff;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center;margin-top:1rem}#app.mode-config #config{display:flex}#app.mode-config #carousel,#app.mode-play #config{display:none}#error{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center}#app.mode-error #error{display:flex}#app.mode-error #carousel{display:none}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease}.slide.active{opacity:1}.carousel-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center;padding:2rem}