*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden;background-color:#111;color:#fff}.container{width:100vw;height:100vh;position:relative}h1{position:absolute;top:10px;left:20px;font-size:24px;z-index:10;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7)}#status{position:absolute;top:50px;left:20px;z-index:10;background-color:#00000080;padding:8px 12px;border-radius:5px;font-size:14px;max-width:80%}#model-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#video-container{position:absolute;bottom:20px;right:20px;width:200px;height:150px;border-radius:10px;overflow:hidden;border:2px solid white;z-index:20;box-shadow:0 0 10px #00000080;transition:all .3s ease}#video-container.expanded{width:400px;height:300px}#video,#output{position:absolute;width:100%;height:100%;object-fit:cover}#output{z-index:2}#video{transform:scaleX(-1)}.controls{position:absolute;bottom:180px;right:20px;z-index:30;display:flex;flex-direction:column;gap:10px}.control-btn{background-color:#ffffffb3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #0000004d}.control-btn:hover{background-color:#ffffffe6}.instructions{position:absolute;bottom:20px;left:20px;background-color:#00000080;padding:10px;border-radius:5px;max-width:300px;font-size:14px;z-index:10}