*{box-sizing:border-box}body{margin:0;background:#fff;color:#1a1a1a;font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}main{max-width:640px;margin:auto;padding:20px 18px max(28px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:20px}header span,.hint,footer{font-size:13px;color:#666}h1{font-size:26px;line-height:1.35;margin:28px 0 18px}.notice{padding:12px;background:#f7f8fa;border-left:3px solid #b94409;font-size:14px}.screen{position:relative;background:#17221e;border-radius:14px;overflow:hidden;aspect-ratio:4/3}#preview{width:100%;height:100%}#preview video{width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:12px;left:12px;background:#000b;color:white;padding:3px 8px;border-radius:4px;font-size:13px}#player{display:block;background:#17221e;width:100%;aspect-ratio:4/3;border-radius:14px}.row{display:flex;gap:12px}.row label{flex:1;min-width:0}label{display:block;margin:20px 0 8px;font-size:14px}input,select,button{font:inherit;width:100%;min-height:48px;border:1px solid #c9ceca;border-radius:9px;background:white;color:#1a1a1a;padding:10px 12px}button{margin-top:12px;font-weight:600}button.primary{background:#b94409;border-color:#b94409;color:#fff}button:disabled{opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efac7c;outline-offset:2px}#message{padding:16px 0;border-top:1px solid #eee;overflow-wrap:anywhere}#message.error{color:#ad291a}summary{padding:12px 0;cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f7f8fa;padding:12px}footer{border-top:1px solid #eee;padding-top:18px;margin-top:28px}[hidden]{display:none!important}