.ui{position:absolute;top:10px;left:10px;right:10px;color:#fff;font-family:sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.left-controls{display:flex;flex-direction:column;gap:10px;pointer-events:auto;max-height:90vh;overflow-y:auto;width:280px}.panel{background:#000c;padding:10px;border-radius:4px;border:1px solid #444}.panel h3{margin:0 0 8px;font-size:14px;color:#ccc;border-bottom:1px solid #555;padding-bottom:3px}.control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;gap:10px;font-size:12px}.control-row label{flex-shrink:0}.panel select{width:100%;background:#333;color:#fff;border:1px solid #555;padding:4px;border-radius:3px;cursor:pointer}.panel input[type=range]{width:100px;cursor:pointer}.panel input[type=number]{width:60px;background:#333;color:#fff;border:1px solid #555;padding:2px 5px}.panel input[type=checkbox]{cursor:pointer}.panel input[type=file]{width:100%;font-size:10px;color:#ccc}.btn-group{pointer-events:auto;display:flex;gap:10px}.btn{padding:10px 20px;font-size:14px;cursor:pointer;background:#444;color:#fff;border:1px solid #666;border-radius:4px}.btn:hover{background:#666}.btn.active{background:#d32f2f;border-color:#f44336}.btn.highlight{background:#f57f17;border-color:#fbc02d;color:#000;font-weight:700;width:100%}.btn.toggle-on{background:#1976d2;border-color:#2196f3}.preview-wrap{position:absolute;bottom:10px;right:10px;z-index:100;pointer-events:auto;transition:all .3s ease}.preview-label{position:absolute;bottom:215px;right:10px;color:#aaa;font-size:12px;font-family:sans-serif;text-align:right;pointer-events:none;transition:all .3s ease}.preview-box{width:200px;height:200px;border:2px solid #555;background:#000;cursor:move}body.broadcast-mode .preview-wrap,body.broadcast-mode .preview-label{display:none!important}body.broadcast-mode{overflow:hidden!important}body.broadcast-mode canvas{display:block;position:absolute;top:0;left:0;margin:0;padding:0;outline:none;width:100%!important;height:100%!important;object-fit:contain}.broadcast-guide{display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);background:#ff0000b3;color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;pointer-events:none;z-index:20;white-space:nowrap}.perf-indicator{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:20px;font-family:sans-serif;text-align:center;pointer-events:none;z-index:5;background:#000c;padding:20px;border-radius:8px}.hr{border:0;border-top:1px solid #555;margin:8px 0}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#111}#root{width:100vw;height:100vh}