:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#0b1217;color:#eef6f3}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:16px}h1{font-size:20px}header p{color:#b5c9c2}button,select{font:inherit;min-height:44px;border:1px solid #456057;border-radius:8px;background:#192b24;color:inherit;padding:9px 12px}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #8be0b8;outline-offset:2px}label{display:flex;align-items:center;gap:10px}label select{flex:1;min-width:0}#backup-stage{position:relative;background:#000;border-radius:12px;overflow:hidden}#backup-mount{aspect-ratio:16/9}video{width:100%;height:100%;object-fit:contain;display:block}#backup-controls{padding:12px;background:#101d18}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#backup-status{margin:10px 0 0;min-height:24px;color:#c4d7ce}#backup-ad-preview{margin-top:14px;padding:16px;background:#223b30;border:1px solid #6a967f;border-radius:8px;display:flex;justify-content:space-between;align-items:center}#backup-ad-preview[hidden],[hidden]{display:none!important}#backup-stage:fullscreen,#backup-stage.pseudo-fullscreen{width:100%;height:100%;border-radius:0;background:#000}#backup-stage.pseudo-fullscreen{position:fixed;inset:0;z-index:2147483647}#backup-stage:fullscreen #backup-mount,#backup-stage.pseudo-fullscreen #backup-mount{height:100%;aspect-ratio:auto}#backup-stage:fullscreen #backup-controls,#backup-stage.pseudo-fullscreen #backup-controls{position:absolute;bottom:0;left:0;right:0;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(transparent,rgba(0,0,0,.94));transition:opacity .18s}#backup-stage.idle #backup-controls{opacity:0;pointer-events:none}body.backup-fullscreen #backup-ad-preview{display:none!important}@media(max-width:600px){main{padding:8px}header{padding:0 4px}.buttons{gap:6px}button,select{font-size:14px;padding:8px}#backup-quality{max-width:130px}}
