body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;align-items:center;min-height:100vh}h1{font-size:1.5rem;color:#444;margin-bottom:20px;text-align:center}section{display:flex;flex-direction:column;align-items:center;gap:20px}.videoView{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px}.video-container{position:relative;width:480px;height:360px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}video{width:100%;height:100%;object-fit:cover;transform:rotateY(180deg)}.output_canvas{position:absolute;left:0;top:0;width:100%;height:100%;transform:rotateY(180deg)}.controls{display:flex;gap:10px;margin-top:10px}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}button.stop{background-color:#dc3545}button.stop:hover{background-color:#a71d2a}#waveform{width:480px;height:80px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}#countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;color:#fff;font-size:8rem;font-weight:700;z-index:10;border-radius:12px;display:none}.invisible{display:none}#fps-control{position:absolute;top:10px;left:10px;background-color:#00000080;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;font-weight:700;z-index:20}