body{margin:0;padding:5px;font-family:Arial,sans-serif;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box}*{box-sizing:border-box}#container{display:flex;justify-content:center;margin-top:10px}video,canvas{width:100%;height:100%;border:2px solid #444;border-radius:8px;background:#000;position:absolute;top:0;left:0;transform:scaleX(-1)}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-panel{display:none!important}video::-webkit-media-controls-play-button{display:none!important}video::-webkit-media-controls-start-playback-button{display:none!important}#container>div{position:relative;width:min(600px,90vw);height:min(450px,67.5vw);max-width:100%}@media (min-width: 1200px){#container>div{width:min(800px,80vw);height:min(600px,60vw)}}@media (min-width: 1600px){#container>div{width:min(1000px,70vw);height:min(750px,52.5vw)}}#controls{margin:10px 0;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;align-items:center;max-width:100%}button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:100px;white-space:nowrap}#startBtn,#applyStyleBtn{width:140px}button:hover{background:#45a049}button:disabled{background:#666;cursor:not-allowed}button.stop{background:#f44336}button.stop:hover{background:#d32f2f}button.start{background:#2196f3}button.start:hover{background:#1976d2}select{padding:8px;font-size:14px;border-radius:4px;background:#333;color:#fff;border:1px solid #555;min-width:120px}#status{margin:8px 0;padding:8px 12px;background:#333;border-radius:4px;min-height:16px;text-align:center;word-wrap:break-word;font-size:14px}#fps{position:absolute;bottom:60px;right:20px;background:#000c;color:#0f0;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;font-weight:700}#latency{position:absolute;bottom:20px;right:20px;background:#000c;color:#fa0;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;font-weight:700}@media (max-width: 900px){body{padding:5px}h1{font-size:18px;text-align:center;margin:3px 0}#controls{flex-direction:column;align-items:center;margin:8px auto;width:100%;max-width:300px;gap:6px}button,select{width:100%;margin:0;font-size:14px;padding:8px 16px}#startBtn,#applyStyleBtn{width:100%}#fps,#latency{position:fixed;right:10px;font-size:12px;padding:6px 8px}#fps{bottom:45px}#latency{bottom:10px}#status{font-size:14px;padding:8px 12px;margin:8px auto;width:100%;max-width:300px}}@media (max-width: 480px){h1{font-size:16px;margin:2px 0}#fps,#latency{font-size:11px;padding:4px 6px}button,select{font-size:13px;padding:7px 14px}#controls{margin:6px auto;gap:4px}}.app-title{font-size:22px;margin:8px 0;text-align:center}.github-link{font-size:14px;color:#4a90e2;text-decoration:none;transition:color .2s ease;display:block;text-align:center;margin-top:10px}.github-link:hover{color:#357abd}.github-link:active{color:#2e5b8f}