.config-view{width:400px;padding:20px;margin:0 auto;background-color:#fff;min-height:100vh}.form-group{margin-bottom:15px}.form-group.checkbox-group label{display:flex;align-items:center;font-weight:400;cursor:pointer}.form-group.checkbox-group input[type=checkbox]{width:auto;margin-left:0;margin-right:8px;cursor:pointer}label{display:block;margin-bottom:5px;font-weight:700}.field-error{color:#d32f2f;font-size:12px;margin-top:4px}input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=number]:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px}button:hover{background-color:#45a049}button.stop:hover{background-color:#d32f2f}button:disabled{background-color:#ccc;cursor:not-allowed}a{color:#2196f3;text-decoration:none}a:hover{text-decoration:underline}.advanced-config .advanced-config-toggle{background:none;border:none;display:block;font-size:14px;margin-bottom:15px;transition:color .2s ease;padding:0;width:auto;text-align:left}.advanced-config .advanced-config-toggle .triangle{display:inline-block;margin-right:5px;transition:transform .2s ease;font-size:10px}.advanced-config .advanced-config-body{display:none}.advanced-config.expanded .advanced-config-toggle .triangle{transform:rotate(90deg)}.advanced-config.expanded .advanced-config-body{display:block}.stream-view{margin:0;padding:0;background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.stream-view canvas{max-width:100%;max-height:100vh}.error-message{color:#f44;text-align:center;padding:20px;border-radius:5px;margin:20px}.loading{color:#fff;text-align:center}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif}.app{width:100%;height:100vh}