body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f172a;color:#f1f5f9;overflow:hidden;height:100vh}header{position:absolute;top:1rem;left:1rem;z-index:20;pointer-events:none}header h1{font-size:1.5rem;margin:0}header h1 span{color:#38bdf8}#status{font-size:.8rem;color:#94a3b8}#container{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}#input_video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scaleX(-1)}#output_canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;transform:scaleX(-1);object-fit:cover}#controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:20}button{background:#38bdf8;color:#0f172a;border:none;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:background .3s ease;pointer-events:auto}button:hover{background:#7dd3fc}#stats{position:absolute;top:1rem;right:1rem;background:#0f172ab3;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #334155;z-index:20;pointer-events:none;text-align:right}