npm - @naviedu/room-platform-react - Versions diffs - 0.0.11 → 0.0.13 - Mend

@naviedu/room-platform-react 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.esm.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { Component, createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, useId, forwardRef, useLayoutEffect } from 'react';
+import { Component, useContext, createContext, useState, useRef, useCallback, useEffect, useMemo, useId, forwardRef, useLayoutEffect } from 'react';
 import { Slot, AlertDialog as AlertDialog$1, Dialog as Dialog$1, Select as Select$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Minimize2, Maximize2, XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, Loader2Icon, PhoneOff, Bell, PhoneCall, Hand, VideoOff, ChevronUp, SunDim, Images, ImageUp, Plus, Trash2, Settings, ArrowLeftRight, Monitor, LogOut, Mic, Camera, X, ChevronLeft, ChevronRight, PanelRightOpen, PanelRightClose, Check } from 'lucide-react';
-import { toast } from 'sonner';
 import { RoomEvent, Track, createLocalVideoTrack, Room, DataPacket_Kind } from 'livekit-client';
+import { createPortal } from 'react-dom';
+import { toast, Toaster } from 'sonner';
 import { VideoTrack, RoomContext, RoomAudioRenderer, StartAudio, useTracks, useRoomContext, TrackToggle } from '@livekit/components-react';
 import { supportsBackgroundProcessors, BackgroundProcessor } from '@livekit/track-processors';
-import { createPortal } from 'react-dom';
 import { io } from 'socket.io-client';
 function _assert_this_initialized$2(self) {
@@ -260,16 +260,16 @@ function clsx() {
     return n;
 }
-function _array_like_to_array$B(arr, len) {
+function _array_like_to_array$C(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$x(arr) {
+function _array_with_holes$y(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$f(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$B(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$C(arr);
 }
 function _define_property$x(obj, key, value) {
     if (key in obj) {
@@ -287,7 +287,7 @@ function _define_property$x(obj, key, value) {
 function _iterable_to_array$f(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$x(arr, i) {
+function _iterable_to_array_limit$y(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -311,7 +311,7 @@ function _iterable_to_array_limit$x(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$x() {
+function _non_iterable_rest$y() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$f() {
@@ -332,19 +332,19 @@ function _object_spread$t(target) {
     }
     return target;
 }
-function _sliced_to_array$x(arr, i) {
-    return _array_with_holes$x(arr) || _iterable_to_array_limit$x(arr, i) || _unsupported_iterable_to_array$B(arr, i) || _non_iterable_rest$x();
+function _sliced_to_array$y(arr, i) {
+    return _array_with_holes$y(arr) || _iterable_to_array_limit$y(arr, i) || _unsupported_iterable_to_array$C(arr, i) || _non_iterable_rest$y();
 }
 function _to_consumable_array$f(arr) {
-    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$f();
+    return _array_without_holes$f(arr) || _iterable_to_array$f(arr) || _unsupported_iterable_to_array$C(arr) || _non_iterable_spread$f();
 }
-function _unsupported_iterable_to_array$B(o, minLen) {
+function _unsupported_iterable_to_array$C(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$B(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$C(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$B(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$C(o, minLen);
 }
 /**
  * Concatenates two arrays faster than the array spread operator.
@@ -503,7 +503,7 @@ var processObjectDefinition = function(classDefinition, classPartObject, classGr
     var entries = Object.entries(classDefinition);
     var len = entries.length;
     for(var i = 0; i < len; i++){
-        var _entries_i = _sliced_to_array$x(entries[i], 2), key = _entries_i[0], value = _entries_i[1];
+        var _entries_i = _sliced_to_array$y(entries[i], 2), key = _entries_i[0], value = _entries_i[1];
         processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
     }
 };
@@ -5293,16 +5293,16 @@ function cn() {
     return twMerge(clsx(inputs));
 }
-function _array_like_to_array$A(arr, len) {
+function _array_like_to_array$B(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$w(arr) {
+function _array_with_holes$x(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$e(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$A(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$B(arr);
 }
 function _define_property$w(obj, key, value) {
     if (key in obj) {
@@ -5320,7 +5320,7 @@ function _define_property$w(obj, key, value) {
 function _iterable_to_array$e(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$w(arr, i) {
+function _iterable_to_array_limit$x(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -5344,7 +5344,7 @@ function _iterable_to_array_limit$w(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$w() {
+function _non_iterable_rest$x() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$e() {
@@ -5401,19 +5401,19 @@ function _object_without_properties_loose$f(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$w(arr, i) {
-    return _array_with_holes$w(arr) || _iterable_to_array_limit$w(arr, i) || _unsupported_iterable_to_array$A(arr, i) || _non_iterable_rest$w();
+function _sliced_to_array$x(arr, i) {
+    return _array_with_holes$x(arr) || _iterable_to_array_limit$x(arr, i) || _unsupported_iterable_to_array$B(arr, i) || _non_iterable_rest$x();
 }
 function _to_consumable_array$e(arr) {
-    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$A(arr) || _non_iterable_spread$e();
+    return _array_without_holes$e(arr) || _iterable_to_array$e(arr) || _unsupported_iterable_to_array$B(arr) || _non_iterable_spread$e();
 }
-function _unsupported_iterable_to_array$A(o, minLen) {
+function _unsupported_iterable_to_array$B(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$A(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$B(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$A(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$B(o, minLen);
 }
 var falsyToString = function(value) {
     return typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
@@ -5432,7 +5432,7 @@ var cva = function(base, config) {
             return variants[variant][variantKey];
         });
         var propsWithoutUndefined = props && Object.entries(props).reduce(function(acc, param) {
-            var _param = _sliced_to_array$w(param, 2), key = _param[0], value = _param[1];
+            var _param = _sliced_to_array$x(param, 2), key = _param[0], value = _param[1];
             if (value === undefined) {
                 return acc;
             }
@@ -5445,7 +5445,7 @@ var cva = function(base, config) {
                 "className"
             ]);
             return Object.entries(compoundVariantOptions).every(function(param) {
-                var _param = _sliced_to_array$w(param, 2), key = _param[0], value = _param[1];
+                var _param = _sliced_to_array$x(param, 2), key = _param[0], value = _param[1];
                 return Array.isArray(value) ? value.includes(_object_spread$s({}, defaultVariants, propsWithoutUndefined)[key]) : _object_spread$s({}, defaultVariants, propsWithoutUndefined)[key] === value;
             }) ? _to_consumable_array$e(acc).concat([
                 cvClass,
@@ -5568,6 +5568,18 @@ function Button(_0) {
     }, props));
 }
+var PortalContainerContext = /*#__PURE__*/ createContext(null);
+function PortalContainerProvider(param) {
+    var children = param.children, container = param.container;
+    return /*#__PURE__*/ jsx(PortalContainerContext.Provider, {
+        value: container,
+        children: children
+    });
+}
+function usePortalContainer() {
+    return useContext(PortalContainerContext);
+}
 function _define_property$u(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -5614,6 +5626,25 @@ function _object_spread$q(target) {
     }
     return target;
 }
+function ownKeys$l(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$l(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$l(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties$d(source, excluded) {
     if (source == null) return {};
     var target = {}, sourceKeys, key, i;
@@ -5657,10 +5688,16 @@ function AlertDialog(_0) {
     }, props));
 }
 function AlertDialogPortal(_0) {
-    _object_destructuring_empty$3(_0); var props = _extends$3({}, _0);
-    return /*#__PURE__*/ jsx(AlertDialog$1.Portal, _object_spread$q({
+    var container = _0.container, props = _object_without_properties$d(_0, [
+        "container"
+    ]);
+    var _ref;
+    var inheritedContainer = usePortalContainer();
+    return /*#__PURE__*/ jsx(AlertDialog$1.Portal, _object_spread_props$l(_object_spread$q({
         "data-slot": "alert-dialog-portal"
-    }, props));
+    }, props), {
+        container: (_ref = container !== null && container !== void 0 ? container : inheritedContainer) !== null && _ref !== void 0 ? _ref : undefined
+    }));
 }
 function AlertDialogOverlay(_0) {
     var className = _0.className, props = _object_without_properties$d(_0, [
@@ -5851,12 +5888,12 @@ function Badge(_0) {
     }, props));
 }
-function _array_like_to_array$z(arr, len) {
+function _array_like_to_array$A(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$v(arr) {
+function _array_with_holes$w(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$s(obj, key, value) {
@@ -5886,7 +5923,7 @@ function _extends$2() {
     };
     return _extends$2.apply(this, arguments);
 }
-function _iterable_to_array_limit$v(arr, i) {
+function _iterable_to_array_limit$w(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -5910,7 +5947,7 @@ function _iterable_to_array_limit$v(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$v() {
+function _non_iterable_rest$w() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_destructuring_empty$2(o) {
@@ -5987,16 +6024,16 @@ function _object_without_properties_loose$b(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$v(arr, i) {
-    return _array_with_holes$v(arr) || _iterable_to_array_limit$v(arr, i) || _unsupported_iterable_to_array$z(arr, i) || _non_iterable_rest$v();
+function _sliced_to_array$w(arr, i) {
+    return _array_with_holes$w(arr) || _iterable_to_array_limit$w(arr, i) || _unsupported_iterable_to_array$A(arr, i) || _non_iterable_rest$w();
 }
-function _unsupported_iterable_to_array$z(o, minLen) {
+function _unsupported_iterable_to_array$A(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$z(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$A(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$z(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$A(o, minLen);
 }
 function Dialog(_0) {
     _object_destructuring_empty$2(_0); var props = _extends$2({}, _0);
@@ -6005,10 +6042,16 @@ function Dialog(_0) {
     }, props));
 }
 function DialogPortal(_0) {
-    _object_destructuring_empty$2(_0); var props = _extends$2({}, _0);
-    return /*#__PURE__*/ jsx(Dialog$1.Portal, _object_spread$o({
+    var container = _0.container, props = _object_without_properties$b(_0, [
+        "container"
+    ]);
+    var _ref;
+    var inheritedContainer = usePortalContainer();
+    return /*#__PURE__*/ jsx(Dialog$1.Portal, _object_spread_props$k(_object_spread$o({
         "data-slot": "dialog-portal"
-    }, props));
+    }, props), {
+        container: (_ref = container !== null && container !== void 0 ? container : inheritedContainer) !== null && _ref !== void 0 ? _ref : undefined
+    }));
 }
 function DialogOverlay(_0) {
     var className = _0.className, props = _object_without_properties$b(_0, [
@@ -6026,7 +6069,7 @@ function DialogContent(_0) {
         "showCloseButton",
         "maximizable"
     ]);
-    var _React_useState = _sliced_to_array$v(React.useState(false), 2), isMaximized = _React_useState[0], setIsMaximized = _React_useState[1];
+    var _React_useState = _sliced_to_array$w(React.useState(false), 2), isMaximized = _React_useState[0], setIsMaximized = _React_useState[1];
     return /*#__PURE__*/ jsxs(DialogPortal, {
         children: [
             /*#__PURE__*/ jsx(DialogOverlay, {}),
@@ -6255,13 +6298,17 @@ function SelectTrigger(_0) {
     }));
 }
 function SelectContent(_0) {
-    var className = _0.className, children = _0.children, _0_position = _0.position, position = _0_position === void 0 ? 'item-aligned' : _0_position, _0_align = _0.align, align = _0_align === void 0 ? 'center' : _0_align, props = _object_without_properties$a(_0, [
+    var className = _0.className, children = _0.children, _0_position = _0.position, position = _0_position === void 0 ? 'item-aligned' : _0_position, _0_align = _0.align, align = _0_align === void 0 ? 'center' : _0_align, container = _0.container, props = _object_without_properties$a(_0, [
         "className",
         "children",
         "position",
-        "align"
+        "align",
+        "container"
     ]);
+    var _ref;
+    var inheritedContainer = usePortalContainer();
     return /*#__PURE__*/ jsx(Select$1.Portal, {
+        container: (_ref = container !== null && container !== void 0 ? container : inheritedContainer) !== null && _ref !== void 0 ? _ref : undefined,
         children: /*#__PURE__*/ jsxs(Select$1.Content, _object_spread_props$j(_object_spread$n({
             "data-slot": "select-content",
             "data-align-trigger": position === 'item-aligned',
@@ -6646,12 +6693,16 @@ function TooltipTrigger(_0) {
     }, props));
 }
 function TooltipContent(_0) {
-    var className = _0.className, _0_sideOffset = _0.sideOffset, sideOffset = _0_sideOffset === void 0 ? 4 : _0_sideOffset, children = _0.children, props = _object_without_properties$7(_0, [
+    var className = _0.className, _0_sideOffset = _0.sideOffset, sideOffset = _0_sideOffset === void 0 ? 4 : _0_sideOffset, children = _0.children, container = _0.container, props = _object_without_properties$7(_0, [
         "className",
         "sideOffset",
-        "children"
+        "children",
+        "container"
     ]);
+    var _ref;
+    var inheritedContainer = usePortalContainer();
     return /*#__PURE__*/ jsx(Tooltip$1.Portal, {
+        container: (_ref = container !== null && container !== void 0 ? container : inheritedContainer) !== null && _ref !== void 0 ? _ref : undefined,
         children: /*#__PURE__*/ jsxs(Tooltip$1.Content, _object_spread_props$i(_object_spread$k({
             "data-slot": "tooltip-content",
             sideOffset: sideOffset,
@@ -6742,16 +6793,16 @@ var RoomPlatformRuntimeErrorCode = {
     LIVEKIT_TOKEN_EXPIRED: 'LIVEKIT_TOKEN_EXPIRED'
 };
-function _array_like_to_array$y(arr, len) {
+function _array_like_to_array$z(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$u(arr) {
+function _array_with_holes$v(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$d(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$y(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$z(arr);
 }
 function _assert_this_initialized$1(self) {
     if (self === void 0) {
@@ -6859,7 +6910,7 @@ function _is_native_function$1(fn) {
 function _iterable_to_array$d(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$u(arr, i) {
+function _iterable_to_array_limit$v(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -6883,7 +6934,7 @@ function _iterable_to_array_limit$u(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$u() {
+function _non_iterable_rest$v() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$d() {
@@ -6936,23 +6987,23 @@ function _set_prototype_of$1(o, p) {
     };
     return _set_prototype_of$1(o, p);
 }
-function _sliced_to_array$u(arr, i) {
-    return _array_with_holes$u(arr) || _iterable_to_array_limit$u(arr, i) || _unsupported_iterable_to_array$y(arr, i) || _non_iterable_rest$u();
+function _sliced_to_array$v(arr, i) {
+    return _array_with_holes$v(arr) || _iterable_to_array_limit$v(arr, i) || _unsupported_iterable_to_array$z(arr, i) || _non_iterable_rest$v();
 }
 function _to_consumable_array$d(arr) {
-    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$y(arr) || _non_iterable_spread$d();
+    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$z(arr) || _non_iterable_spread$d();
 }
 function _type_of$a(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$y(o, minLen) {
+function _unsupported_iterable_to_array$z(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$y(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$z(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$y(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$z(o, minLen);
 }
 function _wrap_native_super$1(Class) {
     var _cache = typeof Map === "function" ? new Map() : undefined;
@@ -7126,7 +7177,7 @@ var createIdempotencyKey$1 = function() {
 var actionPendingKey = function(name, payload) {
     if (!payload) return name;
     return "".concat(name, ":").concat(JSON.stringify(Object.entries(payload).sort(function(param, param1) {
-        var _param = _sliced_to_array$u(param, 1), left = _param[0], _param1 = _sliced_to_array$u(param1, 1), right = _param1[0];
+        var _param = _sliced_to_array$v(param, 1), left = _param[0], _param1 = _sliced_to_array$v(param1, 1), right = _param1[0];
         return left.localeCompare(right);
     })));
 };
@@ -7231,21 +7282,21 @@ var activeDevicesStateOf = function(room) {
 };
 function RoomPlatformProvider(param) {
     var apiBaseUrl = param.apiBaseUrl, children = param.children, launchToken = param.launchToken, onError = param.onError, onLifecycleEvent = param.onLifecycleEvent, onLaunchTicketRequired = param.onLaunchTicketRequired;
-    var _useState = _sliced_to_array$u(useState(), 2), access = _useState[0], setAccess = _useState[1];
-    var _useState1 = _sliced_to_array$u(useState(emptyActiveDevices), 2), activeDevices = _useState1[0], setActiveDevices = _useState1[1];
-    var _useState2 = _sliced_to_array$u(useState(), 2), actionError = _useState2[0], setActionError = _useState2[1];
-    var _useState3 = _sliced_to_array$u(useState(), 2), controlState = _useState3[0], setControlState = _useState3[1];
-    var _useState4 = _sliced_to_array$u(useState(), 2), error = _useState4[0], setError = _useState4[1];
-    var _useState5 = _sliced_to_array$u(useState(null), 2), localCameraTrack = _useState5[0], setLocalCameraTrack = _useState5[1];
-    var _useState6 = _sliced_to_array$u(useState(null), 2), localPreviewTrack = _useState6[0], setLocalPreviewTrack = _useState6[1];
-    var _useState7 = _sliced_to_array$u(useState(emptyLocalMediaState), 2), localMedia = _useState7[0], setLocalMedia = _useState7[1];
-    var _useState8 = _sliced_to_array$u(useState(), 2), privateRoom = _useState8[0], setPrivateRoom = _useState8[1];
-    var _useState9 = _sliced_to_array$u(useState(), 2), privateRoomConnection = _useState9[0], setPrivateRoomConnection = _useState9[1];
-    var _useState10 = _sliced_to_array$u(useState(false), 2), privateMediaRestorePending = _useState10[0], setPrivateMediaRestorePending = _useState10[1];
-    var _useState11 = _sliced_to_array$u(useState([]), 2), pendingActionKeys = _useState11[0], setPendingActionKeys = _useState11[1];
-    var _useState12 = _sliced_to_array$u(useState([]), 2), pendingLocalMediaKinds = _useState12[0], setPendingLocalMediaKinds = _useState12[1];
-    var _useState13 = _sliced_to_array$u(useState(null), 2), room = _useState13[0], setRoom = _useState13[1];
-    var _useState14 = _sliced_to_array$u(useState('connecting'), 2), status = _useState14[0], setStatus = _useState14[1];
+    var _useState = _sliced_to_array$v(useState(), 2), access = _useState[0], setAccess = _useState[1];
+    var _useState1 = _sliced_to_array$v(useState(emptyActiveDevices), 2), activeDevices = _useState1[0], setActiveDevices = _useState1[1];
+    var _useState2 = _sliced_to_array$v(useState(), 2), actionError = _useState2[0], setActionError = _useState2[1];
+    var _useState3 = _sliced_to_array$v(useState(), 2), controlState = _useState3[0], setControlState = _useState3[1];
+    var _useState4 = _sliced_to_array$v(useState(), 2), error = _useState4[0], setError = _useState4[1];
+    var _useState5 = _sliced_to_array$v(useState(null), 2), localCameraTrack = _useState5[0], setLocalCameraTrack = _useState5[1];
+    var _useState6 = _sliced_to_array$v(useState(null), 2), localPreviewTrack = _useState6[0], setLocalPreviewTrack = _useState6[1];
+    var _useState7 = _sliced_to_array$v(useState(emptyLocalMediaState), 2), localMedia = _useState7[0], setLocalMedia = _useState7[1];
+    var _useState8 = _sliced_to_array$v(useState(), 2), privateRoom = _useState8[0], setPrivateRoom = _useState8[1];
+    var _useState9 = _sliced_to_array$v(useState(), 2), privateRoomConnection = _useState9[0], setPrivateRoomConnection = _useState9[1];
+    var _useState10 = _sliced_to_array$v(useState(false), 2), privateMediaRestorePending = _useState10[0], setPrivateMediaRestorePending = _useState10[1];
+    var _useState11 = _sliced_to_array$v(useState([]), 2), pendingActionKeys = _useState11[0], setPendingActionKeys = _useState11[1];
+    var _useState12 = _sliced_to_array$v(useState([]), 2), pendingLocalMediaKinds = _useState12[0], setPendingLocalMediaKinds = _useState12[1];
+    var _useState13 = _sliced_to_array$v(useState(null), 2), room = _useState13[0], setRoom = _useState13[1];
+    var _useState14 = _sliced_to_array$v(useState('connecting'), 2), status = _useState14[0], setStatus = _useState14[1];
     var isMountedRef = useRef(false);
     var accessRef = useRef(undefined);
     var controlStateRef = useRef(undefined);
@@ -8652,12 +8703,46 @@ function useRoomPlatform() {
     return context;
 }
-function _array_like_to_array$x(arr, len) {
+var RoomPlatformToastContext = /*#__PURE__*/ createContext({
+    error: function(message) {
+        return toast.error(message);
+    }
+});
+function RoomPlatformToastProvider(param) {
+    var children = param.children;
+    var portalContainer = usePortalContainer();
+    var toasterId = useId();
+    var roomPlatformToast = useMemo(function() {
+        return {
+            error: function(message) {
+                return toast.error(message, {
+                    toasterId: toasterId
+                });
+            }
+        };
+    }, [
+        toasterId
+    ]);
+    return /*#__PURE__*/ jsxs(RoomPlatformToastContext.Provider, {
+        value: roomPlatformToast,
+        children: [
+            children,
+            portalContainer ? /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(Toaster, {
+                id: toasterId
+            }), portalContainer) : null
+        ]
+    });
+}
+function useRoomPlatformToast() {
+    return useContext(RoomPlatformToastContext);
+}
+function _array_like_to_array$y(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$t(arr) {
+function _array_with_holes$u(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, key, arg) {
@@ -8689,7 +8774,7 @@ function _async_to_generator$l(fn) {
         });
     };
 }
-function _iterable_to_array_limit$t(arr, i) {
+function _iterable_to_array_limit$u(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -8713,19 +8798,19 @@ function _iterable_to_array_limit$t(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$t() {
+function _non_iterable_rest$u() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$t(arr, i) {
-    return _array_with_holes$t(arr) || _iterable_to_array_limit$t(arr, i) || _unsupported_iterable_to_array$x(arr, i) || _non_iterable_rest$t();
+function _sliced_to_array$u(arr, i) {
+    return _array_with_holes$u(arr) || _iterable_to_array_limit$u(arr, i) || _unsupported_iterable_to_array$y(arr, i) || _non_iterable_rest$u();
 }
-function _unsupported_iterable_to_array$x(o, minLen) {
+function _unsupported_iterable_to_array$y(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$x(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$y(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$x(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$y(o, minLen);
 }
 function _ts_generator$l(thisArg, body) {
     var f, y, t, _ = {
@@ -8880,9 +8965,9 @@ function useRoomPlatformPrivateRoom() {
     var _useRoomPlatformPrivateRoomContext = useRoomPlatformPrivateRoomContext(), projectedPrivateRoom = _useRoomPlatformPrivateRoomContext.privateRoom, projectedPrivateRoomConnection = _useRoomPlatformPrivateRoomContext.privateRoomConnection;
     var privateRoom = isValidPrivateRoomProjection(projectedPrivateRoom) ? projectedPrivateRoom : undefined;
     var privateRoomConnection = privateRoom && isValidPrivateRoomConnection(projectedPrivateRoomConnection, privateRoom) ? projectedPrivateRoomConnection : undefined;
-    var _useState = _sliced_to_array$t(useState(false), 2), isAcceptingPrivateRoom = _useState[0], setIsAcceptingPrivateRoom = _useState[1];
-    var _useState1 = _sliced_to_array$t(useState(false), 2), isEndingPrivateRoom = _useState1[0], setIsEndingPrivateRoom = _useState1[1];
-    var _useState2 = _sliced_to_array$t(useState(), 2), privateRoomReturnedNoticeId = _useState2[0], setPrivateRoomReturnedNoticeId = _useState2[1];
+    var _useState = _sliced_to_array$u(useState(false), 2), isAcceptingPrivateRoom = _useState[0], setIsAcceptingPrivateRoom = _useState[1];
+    var _useState1 = _sliced_to_array$u(useState(false), 2), isEndingPrivateRoom = _useState1[0], setIsEndingPrivateRoom = _useState1[1];
+    var _useState2 = _sliced_to_array$u(useState(), 2), privateRoomReturnedNoticeId = _useState2[0], setPrivateRoomReturnedNoticeId = _useState2[1];
     var actorExternalId = externalActorIdFromMetadata$1(room === null || room === void 0 ? void 0 : room.localParticipant.metadata);
     var isCaller = Boolean(actorExternalId && (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.callerExternalActorId) === actorExternalId);
     var isStudent = Boolean(actorExternalId && (privateRoom === null || privateRoom === void 0 ? void 0 : privateRoom.studentExternalActorId) === actorExternalId);
@@ -9133,21 +9218,21 @@ function useRoomPlatformPrivateRoomPendingState() {
     };
 }
-function _array_like_to_array$w(arr, len) {
+function _array_like_to_array$x(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$s(arr) {
+function _array_with_holes$t(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$c(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$w(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$x(arr);
 }
 function _iterable_to_array$c(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$s(arr, i) {
+function _iterable_to_array_limit$t(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9171,29 +9256,29 @@ function _iterable_to_array_limit$s(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$s() {
+function _non_iterable_rest$t() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$s(arr, i) {
-    return _array_with_holes$s(arr) || _iterable_to_array_limit$s(arr, i) || _unsupported_iterable_to_array$w(arr, i) || _non_iterable_rest$s();
+function _sliced_to_array$t(arr, i) {
+    return _array_with_holes$t(arr) || _iterable_to_array_limit$t(arr, i) || _unsupported_iterable_to_array$x(arr, i) || _non_iterable_rest$t();
 }
 function _to_consumable_array$c(arr) {
-    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$w(arr) || _non_iterable_spread$c();
+    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$x(arr) || _non_iterable_spread$c();
 }
 function _type_of$9(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$w(o, minLen) {
+function _unsupported_iterable_to_array$x(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$w(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$x(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$w(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$x(o, minLen);
 }
 var externalActorIdFromMetadata = function(metadata) {
     if (!metadata) return undefined;
@@ -9241,7 +9326,7 @@ var snapshotPresence = function(room, controlState) {
 };
 function useRoomPresence() {
     var _useRoomPlatform = useRoomPlatform(), controlState = _useRoomPlatform.controlState, room = _useRoomPlatform.room;
-    var _useState = _sliced_to_array$s(useState(function() {
+    var _useState = _sliced_to_array$t(useState(function() {
         return snapshotPresence(room, controlState);
     }), 2), presence = _useState[0], setPresence = _useState[1];
     useEffect(function() {
@@ -9282,15 +9367,15 @@ function useRoomPresence() {
     return presence;
 }
-function _array_like_to_array$v(arr, len) {
+function _array_like_to_array$w(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$r(arr) {
+function _array_with_holes$s(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$r(arr, i) {
+function _iterable_to_array_limit$s(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9314,19 +9399,19 @@ function _iterable_to_array_limit$r(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$r() {
+function _non_iterable_rest$s() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$r(arr, i) {
-    return _array_with_holes$r(arr) || _iterable_to_array_limit$r(arr, i) || _unsupported_iterable_to_array$v(arr, i) || _non_iterable_rest$r();
+function _sliced_to_array$s(arr, i) {
+    return _array_with_holes$s(arr) || _iterable_to_array_limit$s(arr, i) || _unsupported_iterable_to_array$w(arr, i) || _non_iterable_rest$s();
 }
-function _unsupported_iterable_to_array$v(o, minLen) {
+function _unsupported_iterable_to_array$w(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$v(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$w(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$v(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$w(o, minLen);
 }
 function RoomParticipantActions(param) {
     var _param_isActiveSpeaker = param.isActiveSpeaker, isActiveSpeaker = _param_isActiveSpeaker === void 0 ? false : _param_isActiveSpeaker, isLocal = param.isLocal, isOnline = param.isOnline, participant = param.participant, participantIdentity = param.participantIdentity;
@@ -9340,7 +9425,8 @@ function RoomParticipantActions(param) {
     var resolvedIsLocal = (_ref = isLocal !== null && isLocal !== void 0 ? isLocal : mappedPresence === null || mappedPresence === void 0 ? void 0 : mappedPresence.isLocal) !== null && _ref !== void 0 ? _ref : false;
     var resolvedIsOnline = isOnline !== null && isOnline !== void 0 ? isOnline : Boolean(mappedPresence);
     var _useRoomPlatformPrivateRoom = useRoomPlatformPrivateRoom(), cancelPrivateRoom = _useRoomPlatformPrivateRoom.cancelPrivateRoom, currentPrivateRoomOperation = _useRoomPlatformPrivateRoom.currentPrivateRoomOperation;
-    var _useState = _sliced_to_array$r(useState(false), 2), privateCallHovered = _useState[0], setPrivateCallHovered = _useState[1];
+    var roomPlatformToast = useRoomPlatformToast();
+    var _useState = _sliced_to_array$s(useState(false), 2), privateCallHovered = _useState[0], setPrivateCallHovered = _useState[1];
     var actionPayload = resolvedParticipantIdentity ? {
         participantIdentity: resolvedParticipantIdentity
     } : undefined;
@@ -9354,19 +9440,19 @@ function RoomParticipantActions(param) {
     var setActiveSpeaker = function() {
         if (!actionPayload || isSettingActiveSpeakerPending) return;
         void performAction(RoomPlatformAction.SPEAKER_SET, actionPayload).catch(function() {
-            toast.error('Không gọi được học sinh phát biểu. Vui lòng thử lại.');
+            roomPlatformToast.error('Không gọi được học sinh phát biểu. Vui lòng thử lại.');
         });
     };
     var startPrivateRoom = function() {
         if (!canInvitePrivateRoom || !actionPayload || isInvitingPrivateRoom) return;
         void performAction(RoomPlatformAction.PRIVATE_ROOM_INVITE, actionPayload).catch(function() {
-            toast.error('Không thể gọi riêng học sinh này. Vui lòng thử lại.');
+            roomPlatformToast.error('Không thể gọi riêng học sinh này. Vui lòng thử lại.');
         });
     };
     var cancelPrivateRoomCall = function() {
         if (!canCancelPrivateRoom) return;
         void cancelPrivateRoom().catch(function() {
-            toast.error('Không hủy được cuộc gọi riêng. Vui lòng thử lại.');
+            roomPlatformToast.error('Không hủy được cuộc gọi riêng. Vui lòng thử lại.');
         });
     };
     return /*#__PURE__*/ jsxs("div", {
@@ -9734,12 +9820,12 @@ function RoomPlatformActiveSpeaker(param) {
     }) : null;
 }
-function _array_like_to_array$u(arr, len) {
+function _array_like_to_array$v(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$q(arr) {
+function _array_with_holes$r(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _instanceof$2(left, right) {
@@ -9749,7 +9835,7 @@ function _instanceof$2(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array_limit$q(arr, i) {
+function _iterable_to_array_limit$r(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9773,19 +9859,19 @@ function _iterable_to_array_limit$q(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$q() {
+function _non_iterable_rest$r() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$q(arr, i) {
-    return _array_with_holes$q(arr) || _iterable_to_array_limit$q(arr, i) || _unsupported_iterable_to_array$u(arr, i) || _non_iterable_rest$q();
+function _sliced_to_array$r(arr, i) {
+    return _array_with_holes$r(arr) || _iterable_to_array_limit$r(arr, i) || _unsupported_iterable_to_array$v(arr, i) || _non_iterable_rest$r();
 }
-function _unsupported_iterable_to_array$u(o, minLen) {
+function _unsupported_iterable_to_array$v(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$u(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$v(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$u(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$v(o, minLen);
 }
 var IDLE_TIMEOUT_MS = 15000;
 var ROOM_CONTROL_ACTIVITY_SELECTOR = '[data-room-control-activity]';
@@ -9794,10 +9880,10 @@ var isRoomControlActivityTarget = function(target) {
 };
 function RoomPlatformControlAnchor(param) {
     var _param_anchorKind = param.anchorKind, anchorKind = _param_anchorKind === void 0 ? 'main-panel' : _param_anchorKind, children = param.children, controlBar = param.controlBar, _param_anchorScope = param.anchorScope, anchorScope = _param_anchorScope === void 0 ? 'panel' : _param_anchorScope, className = param.className, style = param.style;
-    var _useState = _sliced_to_array$q(useState(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
-    var _useState1 = _sliced_to_array$q(useState(false), 2), isHovered = _useState1[0], setIsHovered = _useState1[1];
-    var _useState2 = _sliced_to_array$q(useState(false), 2), isFocusWithin = _useState2[0], setIsFocusWithin = _useState2[1];
-    var _useState3 = _sliced_to_array$q(useState(0), 2), activityVersion = _useState3[0], setActivityVersion = _useState3[1];
+    var _useState = _sliced_to_array$r(useState(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
+    var _useState1 = _sliced_to_array$r(useState(false), 2), isHovered = _useState1[0], setIsHovered = _useState1[1];
+    var _useState2 = _sliced_to_array$r(useState(false), 2), isFocusWithin = _useState2[0], setIsFocusWithin = _useState2[1];
+    var _useState3 = _sliced_to_array$r(useState(0), 2), activityVersion = _useState3[0], setActivityVersion = _useState3[1];
     var anchorRef = useRef(null);
     var timerRef = useRef(null);
     var focusTimerRef = useRef(null);
@@ -9931,15 +10017,15 @@ function RoomPlatformControlAnchor(param) {
     });
 }
-function _array_like_to_array$t(arr, len) {
+function _array_like_to_array$u(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$p(arr) {
+function _array_with_holes$q(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$p(arr, i) {
+function _iterable_to_array_limit$q(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -9963,19 +10049,19 @@ function _iterable_to_array_limit$p(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$p() {
+function _non_iterable_rest$q() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$p(arr, i) {
-    return _array_with_holes$p(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$t(arr, i) || _non_iterable_rest$p();
+function _sliced_to_array$q(arr, i) {
+    return _array_with_holes$q(arr) || _iterable_to_array_limit$q(arr, i) || _unsupported_iterable_to_array$u(arr, i) || _non_iterable_rest$q();
 }
-function _unsupported_iterable_to_array$t(o, minLen) {
+function _unsupported_iterable_to_array$u(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$t(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$u(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$t(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$u(o, minLen);
 }
 var ALLOWED_MIME_TYPES = [
     'image/jpeg',
@@ -10000,8 +10086,8 @@ function RoomPlatformBackgroundSettings(param) {
     var state = param.state, presets = param.presets, uploadItems = param.uploadItems, onSelectNoBackground = param.onSelectNoBackground, onSelectBlurLevel = param.onSelectBlurLevel, onSelectPreset = param.onSelectPreset, onSelectUploaded = param.onSelectUploaded, onDeleteUploaded = param.onDeleteUploaded, onUpload = param.onUpload;
     var _ref;
     var _presets_;
-    var _useState = _sliced_to_array$p(useState(null), 2), uploadError = _useState[0], setUploadError = _useState[1];
-    var _useState1 = _sliced_to_array$p(useState(function() {
+    var _useState = _sliced_to_array$q(useState(null), 2), uploadError = _useState[0], setUploadError = _useState[1];
+    var _useState1 = _sliced_to_array$q(useState(function() {
         return backgroundTabFromState(state.mode);
     }), 2), activeTab = _useState1[0], setActiveTab = _useState1[1];
     var fileInputId = useId();
@@ -10424,12 +10510,12 @@ var getSelectedDevice = function(devices, selectedValue) {
     });
 };
-function _array_like_to_array$s(arr, len) {
+function _array_like_to_array$t(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$o(arr) {
+function _array_with_holes$p(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$k(gen, resolve, reject, _next, _throw, key, arg) {
@@ -10461,7 +10547,7 @@ function _async_to_generator$k(fn) {
         });
     };
 }
-function _iterable_to_array_limit$o(arr, i) {
+function _iterable_to_array_limit$p(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -10485,19 +10571,19 @@ function _iterable_to_array_limit$o(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$o() {
+function _non_iterable_rest$p() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$o(arr, i) {
-    return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$o();
+function _sliced_to_array$p(arr, i) {
+    return _array_with_holes$p(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$t(arr, i) || _non_iterable_rest$p();
 }
-function _unsupported_iterable_to_array$s(o, minLen) {
+function _unsupported_iterable_to_array$t(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$s(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$t(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$s(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$t(o, minLen);
 }
 function _ts_generator$k(thisArg, body) {
     var f, y, t, _ = {
@@ -10653,12 +10739,12 @@ function RoomPlatformDeviceSettings(param) {
     var _useRoomPlatform = useRoomPlatform(), activeDevices = _useRoomPlatform.activeDevices, room = _useRoomPlatform.room, switchActiveDevice = _useRoomPlatform.switchActiveDevice;
     var enumerateDevices = (_navigator_mediaDevices = navigator.mediaDevices) === null || _navigator_mediaDevices === void 0 ? void 0 : _navigator_mediaDevices.enumerateDevices;
     var canEnumerateDevices = typeof enumerateDevices === 'function';
-    var _useState = _sliced_to_array$o(useState([]), 2), devices = _useState[0], setDevices = _useState[1];
-    var _useState1 = _sliced_to_array$o(useState(canEnumerateDevices ? (_activeDevices_audioinput = activeDevices.audioinput) !== null && _activeDevices_audioinput !== void 0 ? _activeDevices_audioinput : fallbacks.audioinput.value : fallbacks.audioinput.value), 2), selectedMicrophoneId = _useState1[0], setSelectedMicrophoneId = _useState1[1];
-    var _useState2 = _sliced_to_array$o(useState(canEnumerateDevices ? (_activeDevices_videoinput = activeDevices.videoinput) !== null && _activeDevices_videoinput !== void 0 ? _activeDevices_videoinput : fallbacks.videoinput.value : fallbacks.videoinput.value), 2), selectedCameraId = _useState2[0], setSelectedCameraId = _useState2[1];
-    var _useState3 = _sliced_to_array$o(useState(canEnumerateDevices ? (_activeDevices_audiooutput = activeDevices.audiooutput) !== null && _activeDevices_audiooutput !== void 0 ? _activeDevices_audiooutput : fallbacks.audiooutput.value : fallbacks.audiooutput.value), 2), selectedSpeakerId = _useState3[0], setSelectedSpeakerId = _useState3[1];
-    var _useState4 = _sliced_to_array$o(useState(null), 2), deviceApplyError = _useState4[0], setDeviceApplyError = _useState4[1];
-    var _useState5 = _sliced_to_array$o(useState(false), 2), isApplyingDevices = _useState5[0], setIsApplyingDevices = _useState5[1];
+    var _useState = _sliced_to_array$p(useState([]), 2), devices = _useState[0], setDevices = _useState[1];
+    var _useState1 = _sliced_to_array$p(useState(canEnumerateDevices ? (_activeDevices_audioinput = activeDevices.audioinput) !== null && _activeDevices_audioinput !== void 0 ? _activeDevices_audioinput : fallbacks.audioinput.value : fallbacks.audioinput.value), 2), selectedMicrophoneId = _useState1[0], setSelectedMicrophoneId = _useState1[1];
+    var _useState2 = _sliced_to_array$p(useState(canEnumerateDevices ? (_activeDevices_videoinput = activeDevices.videoinput) !== null && _activeDevices_videoinput !== void 0 ? _activeDevices_videoinput : fallbacks.videoinput.value : fallbacks.videoinput.value), 2), selectedCameraId = _useState2[0], setSelectedCameraId = _useState2[1];
+    var _useState3 = _sliced_to_array$p(useState(canEnumerateDevices ? (_activeDevices_audiooutput = activeDevices.audiooutput) !== null && _activeDevices_audiooutput !== void 0 ? _activeDevices_audiooutput : fallbacks.audiooutput.value : fallbacks.audiooutput.value), 2), selectedSpeakerId = _useState3[0], setSelectedSpeakerId = _useState3[1];
+    var _useState4 = _sliced_to_array$p(useState(null), 2), deviceApplyError = _useState4[0], setDeviceApplyError = _useState4[1];
+    var _useState5 = _sliced_to_array$p(useState(false), 2), isApplyingDevices = _useState5[0], setIsApplyingDevices = _useState5[1];
     var microphones = useMemo(function() {
         return devices.filter(function(param) {
             var kind = param.kind;
@@ -10918,12 +11004,12 @@ function RoomPlatformDeviceSettings(param) {
     });
 }
-function _array_like_to_array$r(arr, len) {
+function _array_like_to_array$s(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$n(arr) {
+function _array_with_holes$o(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$j(gen, resolve, reject, _next, _throw, key, arg) {
@@ -10968,7 +11054,7 @@ function _define_property$k(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$n(arr, i) {
+function _iterable_to_array_limit$o(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -10992,7 +11078,7 @@ function _iterable_to_array_limit$n(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$n() {
+function _non_iterable_rest$o() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$g(target) {
@@ -11065,16 +11151,16 @@ function _object_without_properties_loose$5(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$n(arr, i) {
-    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$r(arr, i) || _non_iterable_rest$n();
+function _sliced_to_array$o(arr, i) {
+    return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$o();
 }
-function _unsupported_iterable_to_array$r(o, minLen) {
+function _unsupported_iterable_to_array$s(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$r(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$s(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$r(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$s(o, minLen);
 }
 function _ts_generator$j(thisArg, body) {
     var f, y, t, _ = {
@@ -11223,9 +11309,10 @@ function IconTooltipButton$1(_0) {
 function RoomPlatformControlBar(param) {
     var cameraBackground = param.cameraBackground, _param_isFullscreen = param.isFullscreen, isFullscreen = _param_isFullscreen === void 0 ? false : _param_isFullscreen, _param_isTheaterMode = param.isTheaterMode, isTheaterMode = _param_isTheaterMode === void 0 ? false : _param_isTheaterMode, onExit = param.onExit, onToggleFullscreen = param.onToggleFullscreen, onToggleTheaterMode = param.onToggleTheaterMode;
     var _useRoomPlatform = useRoomPlatform(), access = _useRoomPlatform.access, controlState = _useRoomPlatform.controlState, hasCapability = _useRoomPlatform.hasCapability, isLocalMediaPending = _useRoomPlatform.isLocalMediaPending, localMedia = _useRoomPlatform.localMedia, performAction = _useRoomPlatform.performAction, room = _useRoomPlatform.room, setLocalMediaEnabled = _useRoomPlatform.setLocalMediaEnabled;
-    var _useState = _sliced_to_array$n(useState(false), 2), settingsOpen = _useState[0], setSettingsOpen = _useState[1];
-    var _useState1 = _sliced_to_array$n(useState(false), 2), isRequestSpeakPending = _useState1[0], setIsRequestSpeakPending = _useState1[1];
-    var _useState2 = _sliced_to_array$n(useState(false), 2), isCancelSpeakPending = _useState2[0], setIsCancelSpeakPending = _useState2[1];
+    var _useState = _sliced_to_array$o(useState(false), 2), settingsOpen = _useState[0], setSettingsOpen = _useState[1];
+    var _useState1 = _sliced_to_array$o(useState(false), 2), isRequestSpeakPending = _useState1[0], setIsRequestSpeakPending = _useState1[1];
+    var _useState2 = _sliced_to_array$o(useState(false), 2), isCancelSpeakPending = _useState2[0], setIsCancelSpeakPending = _useState2[1];
+    var roomPlatformToast = useRoomPlatformToast();
     var currentParticipant = useRoomPresence().find(function(participant) {
         return participant.isLocal;
     });
@@ -11262,7 +11349,7 @@ function RoomPlatformControlBar(param) {
                         ];
                     case 3:
                         _state.sent();
-                        toast.error('Không gửi được yêu cầu phát biểu. Vui lòng thử lại.');
+                        roomPlatformToast.error('Không gửi được yêu cầu phát biểu. Vui lòng thử lại.');
                         return [
                             3,
                             5
@@ -11309,7 +11396,7 @@ function RoomPlatformControlBar(param) {
                         ];
                     case 3:
                         _state.sent();
-                        toast.error('Không hủy được yêu cầu phát biểu. Vui lòng thử lại.');
+                        roomPlatformToast.error('Không hủy được yêu cầu phát biểu. Vui lòng thử lại.');
                         return [
                             3,
                             5
@@ -11475,12 +11562,12 @@ function RoomPlatformControlBar(param) {
     });
 }
-function _array_like_to_array$q(arr, len) {
+function _array_like_to_array$r(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$m(arr) {
+function _array_with_holes$n(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$i(gen, resolve, reject, _next, _throw, key, arg) {
@@ -11512,7 +11599,7 @@ function _async_to_generator$i(fn) {
         });
     };
 }
-function _iterable_to_array_limit$m(arr, i) {
+function _iterable_to_array_limit$n(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -11536,19 +11623,19 @@ function _iterable_to_array_limit$m(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$m() {
+function _non_iterable_rest$n() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$m(arr, i) {
-    return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$m();
+function _sliced_to_array$n(arr, i) {
+    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$r(arr, i) || _non_iterable_rest$n();
 }
-function _unsupported_iterable_to_array$q(o, minLen) {
+function _unsupported_iterable_to_array$r(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$q(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$r(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$q(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$r(o, minLen);
 }
 function _ts_generator$i(thisArg, body) {
     var f, y, t, _ = {
@@ -11652,7 +11739,8 @@ function _ts_generator$i(thisArg, body) {
 function RoomPlatformCurrentOperationStrip(param) {
     var activeSpeakerParticipantIdentity = param.activeSpeakerParticipantIdentity, canClearActiveSpeaker = param.canClearActiveSpeaker, isClearingActiveSpeaker = param.isClearingActiveSpeaker, onClearActiveSpeaker = param.onClearActiveSpeaker, currentPrivateRoomOperation = param.currentPrivateRoomOperation, onCancelPrivateRoom = param.onCancelPrivateRoom, participants = param.participants;
     var _ref, _ref1;
-    var _useState = _sliced_to_array$m(useState(false), 2), isCancelingPrivateRoomOperation = _useState[0], setIsCancelingPrivateRoomOperation = _useState[1];
+    var _useState = _sliced_to_array$n(useState(false), 2), isCancelingPrivateRoomOperation = _useState[0], setIsCancelingPrivateRoomOperation = _useState[1];
+    var roomPlatformToast = useRoomPlatformToast();
     var activeSpeaker = activeSpeakerParticipantIdentity ? participants.find(function(participant) {
         return participant.participantIdentity === activeSpeakerParticipantIdentity;
     }) : undefined;
@@ -11690,7 +11778,7 @@ function RoomPlatformCurrentOperationStrip(param) {
                         ];
                     case 3:
                         _state.sent();
-                        toast.error('Không hủy được cuộc gọi riêng. Vui lòng thử lại.');
+                        roomPlatformToast.error('Không hủy được cuộc gọi riêng. Vui lòng thử lại.');
                         return [
                             3,
                             5
@@ -11918,15 +12006,15 @@ function RoomPlatformMonitorSidebarVideoTile(props) {
     return /*#__PURE__*/ jsx(RoomPlatformMonitorVideoTile, _object_spread$f({}, props));
 }
-function _array_like_to_array$p(arr, len) {
+function _array_like_to_array$q(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$l(arr) {
+function _array_with_holes$m(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$l(arr, i) {
+function _iterable_to_array_limit$m(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -11950,19 +12038,19 @@ function _iterable_to_array_limit$l(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$l() {
+function _non_iterable_rest$m() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$l(arr, i) {
-    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$l();
+function _sliced_to_array$m(arr, i) {
+    return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$m();
 }
-function _unsupported_iterable_to_array$p(o, minLen) {
+function _unsupported_iterable_to_array$q(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$p(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$q(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$p(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$q(o, minLen);
 }
 var hasAvailableTrackMedia$1 = function(param) {
     var publication = param.publication;
@@ -11975,7 +12063,7 @@ var hasAvailableTrackMedia$1 = function(param) {
 };
 function RoomPlatformMonitorStage(param) {
     var roster = param.roster, _param_pageSize = param.pageSize, pageSize = _param_pageSize === void 0 ? 12 : _param_pageSize;
-    var _useState = _sliced_to_array$l(useState(1), 2), page = _useState[0], setPage = _useState[1];
+    var _useState = _sliced_to_array$m(useState(1), 2), page = _useState[0], setPage = _useState[1];
     var cameraTracks = useTracks([
         Track.Source.Camera
     ]);
@@ -12178,13 +12266,13 @@ function useRoomPlatformMonitorViewer(param) {
     ]);
 }
-function _array_like_to_array$o(arr, len) {
+function _array_like_to_array$p(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$b(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$o(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$p(arr);
 }
 function asyncGeneratorStep$h(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -12276,19 +12364,19 @@ function _object_spread_props$d(target, source) {
     return target;
 }
 function _to_consumable_array$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$b();
+    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$b();
 }
 function _type_of$8(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$o(o, minLen) {
+function _unsupported_iterable_to_array$p(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$o(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$p(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$o(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$p(o, minLen);
 }
 function _ts_generator$h(thisArg, body) {
     var f, y, t, _ = {
@@ -13106,12 +13194,12 @@ var saveRoomPlatformUploadAndSelect = function(file) {
     })();
 };
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$o(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$k(arr) {
+function _array_with_holes$l(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$g(gen, resolve, reject, _next, _throw, key, arg) {
@@ -13156,7 +13244,7 @@ function _define_property$h(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$k(arr, i) {
+function _iterable_to_array_limit$l(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -13180,7 +13268,7 @@ function _iterable_to_array_limit$k(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$k() {
+function _non_iterable_rest$l() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$d(target) {
@@ -13217,16 +13305,16 @@ function _object_spread_props$c(target, source) {
     }
     return target;
 }
-function _sliced_to_array$k(arr, i) {
-    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$k();
+function _sliced_to_array$l(arr, i) {
+    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$o(arr, i) || _non_iterable_rest$l();
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$o(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$n(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$o(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$n(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$o(o, minLen);
 }
 function _ts_generator$g(thisArg, body) {
     var f, y, t, _ = {
@@ -13349,7 +13437,7 @@ function useRoomPlatformCameraBackground(param) {
     var _ref, _ref1;
     var _uploadItems_find, _uploadItems_;
     var isSupported = typeof window !== 'undefined' && supportsBackgroundProcessors();
-    var _useState = _sliced_to_array$k(useState(function() {
+    var _useState = _sliced_to_array$l(useState(function() {
         var saved = loadRoomPlatformCameraBackgroundSettings();
         return mapSettingsToState(saved, isSupported);
     }), 2), state = _useState[0], setState = _useState[1];
@@ -13361,7 +13449,7 @@ function useRoomPlatformCameraBackground(param) {
     var activeObjectUrlRef = useRef(null);
     var uploadPreviewUrlsRef = useRef([]);
     var lastAppliedKeyRef = useRef('');
-    var _useState1 = _sliced_to_array$k(useState([]), 2), uploadItems = _useState1[0], setUploadItems = _useState1[1];
+    var _useState1 = _sliced_to_array$l(useState([]), 2), uploadItems = _useState1[0], setUploadItems = _useState1[1];
     var clearActiveObjectUrl = useCallback(function() {
         if (!activeObjectUrlRef.current) return;
         URL.revokeObjectURL(activeObjectUrlRef.current);
@@ -14222,16 +14310,16 @@ function useRoomPlatformCameraBackground(param) {
     };
 }
-function _array_like_to_array$m(arr, len) {
+function _array_like_to_array$n(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$j(arr) {
+function _array_with_holes$k(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$a(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$m(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$n(arr);
 }
 function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -14265,7 +14353,7 @@ function _async_to_generator$f(fn) {
 function _iterable_to_array$a(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$j(arr, i) {
+function _iterable_to_array_limit$k(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -14289,25 +14377,25 @@ function _iterable_to_array_limit$j(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$j() {
+function _non_iterable_rest$k() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$j(arr, i) {
-    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$j();
+function _sliced_to_array$k(arr, i) {
+    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$k();
 }
 function _to_consumable_array$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$m(arr) || _non_iterable_spread$a();
+    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$a();
 }
-function _unsupported_iterable_to_array$m(o, minLen) {
+function _unsupported_iterable_to_array$n(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$m(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$n(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$m(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$n(o, minLen);
 }
 function _ts_generator$f(thisArg, body) {
     var f, y, t, _ = {
@@ -14437,7 +14525,7 @@ function RoomPlatformPrivateRoomConnection(param) {
     var canShareScreen = connection.permissions.includes('media:share_screen');
     var canPublish = connection.permissions.includes('media:publish');
     var baseScopeKey = isEligible ? "".concat(state.id, ":").concat(currentExternalActorId, ":").concat(scopeOf(connection)) : '';
-    var _useState = _sliced_to_array$j(useState(null), 2), room = _useState[0], setRoom = _useState[1];
+    var _useState = _sliced_to_array$k(useState(null), 2), room = _useState[0], setRoom = _useState[1];
     var roomRef = useRef(null);
     var generationRef = useRef(0);
     var scopeRef = useRef(undefined);
@@ -14445,7 +14533,7 @@ function RoomPlatformPrivateRoomConnection(param) {
     var onDisconnectedRef = useRef(onDisconnected);
     var refreshedTokenKeysRef = useRef(new Set());
     var refreshRequestedScopeRef = useRef(undefined);
-    var _useState1 = _sliced_to_array$j(useState(0), 2), generationNonce = _useState1[0], setGenerationNonce = _useState1[1];
+    var _useState1 = _sliced_to_array$k(useState(0), 2), generationNonce = _useState1[0], setGenerationNonce = _useState1[1];
     var scopeKey = baseScopeKey ? "".concat(baseScopeKey, ":").concat(generationNonce) : '';
     // A token refresh must not be a generation key. Pin the token to the scope so
     // ordinary actor-scoped refetches keep the existing LiveKit Room instance.
@@ -14646,12 +14734,12 @@ function RoomPlatformPrivateRoomConnection(param) {
     });
 }
-function _array_like_to_array$l(arr, len) {
+function _array_like_to_array$m(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$i(arr) {
+function _array_with_holes$j(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
@@ -14683,7 +14771,7 @@ function _async_to_generator$e(fn) {
         });
     };
 }
-function _iterable_to_array_limit$i(arr, i) {
+function _iterable_to_array_limit$j(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -14707,19 +14795,19 @@ function _iterable_to_array_limit$i(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$i() {
+function _non_iterable_rest$j() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$i(arr, i) {
-    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$i();
+function _sliced_to_array$j(arr, i) {
+    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$j();
 }
-function _unsupported_iterable_to_array$l(o, minLen) {
+function _unsupported_iterable_to_array$m(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$l(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$m(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$l(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$m(o, minLen);
 }
 function _ts_generator$e(thisArg, body) {
     var f, y, t, _ = {
@@ -14822,8 +14910,9 @@ function _ts_generator$e(thisArg, body) {
 }
 function useRoomPlatformPrivateRoomControlActions(param) {
     var canShareScreen = param.canShareScreen, isScreenSharing = param.isScreenSharing, onStartScreenShare = param.onStartScreenShare, onStopScreenShare = param.onStopScreenShare, onEnd = param.onEnd, onScreenSharingChange = param.onScreenSharingChange, setLocalScreenShareEnabled = param.setLocalScreenShareEnabled, onEndingChange = param.onEndingChange, onEnded = param.onEnded;
-    var _useState = _sliced_to_array$i(useState(false), 2), isScreenSharePending = _useState[0], setIsScreenSharePending = _useState[1];
-    var _useState1 = _sliced_to_array$i(useState(false), 2), isEnding = _useState1[0], setIsEnding = _useState1[1];
+    var roomPlatformToast = useRoomPlatformToast();
+    var _useState = _sliced_to_array$j(useState(false), 2), isScreenSharePending = _useState[0], setIsScreenSharePending = _useState[1];
+    var _useState1 = _sliced_to_array$j(useState(false), 2), isEnding = _useState1[0], setIsEnding = _useState1[1];
     var isStartingRef = useRef(false);
     var isStoppingRef = useRef(false);
     var isEndingRef = useRef(false);
@@ -14891,7 +14980,7 @@ function useRoomPlatformPrivateRoomControlActions(param) {
                         ];
                     case 8:
                         _state.sent();
-                        toast.error('Không thể chia sẻ màn hình trong phòng riêng.');
+                        roomPlatformToast.error('Không thể chia sẻ màn hình trong phòng riêng.');
                         return [
                             3,
                             10
@@ -14947,7 +15036,7 @@ function useRoomPlatformPrivateRoomControlActions(param) {
                         ];
                     case 4:
                         _state.sent();
-                        toast.error('Không thể dừng chia sẻ màn hình trong phòng riêng.');
+                        roomPlatformToast.error('Không thể dừng chia sẻ màn hình trong phòng riêng.');
                         return [
                             3,
                             6
@@ -15027,12 +15116,12 @@ function useRoomPlatformPrivateRoomControlActions(param) {
     };
 }
-function _array_like_to_array$k(arr, len) {
+function _array_like_to_array$l(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$h(arr) {
+function _array_with_holes$i(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
@@ -15077,7 +15166,7 @@ function _define_property$g(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$h(arr, i) {
+function _iterable_to_array_limit$i(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -15101,7 +15190,7 @@ function _iterable_to_array_limit$h(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$h() {
+function _non_iterable_rest$i() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$c(target) {
@@ -15174,16 +15263,16 @@ function _object_without_properties_loose$4(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$h(arr, i) {
-    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$h();
+function _sliced_to_array$i(arr, i) {
+    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$i();
 }
-function _unsupported_iterable_to_array$k(o, minLen) {
+function _unsupported_iterable_to_array$l(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$k(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$l(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$k(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$l(o, minLen);
 }
 function _ts_generator$d(thisArg, body) {
     var f, y, t, _ = {
@@ -15390,7 +15479,7 @@ var runAsyncSafely = function(action) {
 function RoomPlatformPrivateRoomControlBar(param) {
     var publishEnabled = param.publishEnabled, permissions = param.permissions, screenShareDisabled = param.screenShareDisabled, onStartScreenShare = param.onStartScreenShare, onStopScreenShare = param.onStopScreenShare, onEnd = param.onEnd, onEndingChange = param.onEndingChange, onEnded = param.onEnded;
     var room = useRoomContext();
-    var _useState = _sliced_to_array$h(useState(false), 2), isScreenSharing = _useState[0], setIsScreenSharing = _useState[1];
+    var _useState = _sliced_to_array$i(useState(false), 2), isScreenSharing = _useState[0], setIsScreenSharing = _useState[1];
     var isScreenSharingRef = useRef(isScreenSharing);
     var isScreenSharePendingRef = useRef(false);
     var isNotifyingExternalStopRef = useRef(false);
@@ -15703,13 +15792,13 @@ var WhiteboardSocketEvent = /*#__PURE__*/ function(WhiteboardSocketEvent) {
     return WhiteboardSocketEvent;
 }({});
-function _array_like_to_array$j(arr, len) {
+function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$9(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$j(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$k(arr);
 }
 function _define_property$f(obj, key, value) {
     if (key in obj) {
@@ -15801,15 +15890,15 @@ function _object_without_properties_loose$3(source, excluded) {
     return target;
 }
 function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$9();
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$9();
 }
-function _unsupported_iterable_to_array$j(o, minLen) {
+function _unsupported_iterable_to_array$k(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$j(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$k(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$j(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$k(o, minLen);
 }
 function createWhiteboardLocalHistory(createOperationId) {
     var state = {
@@ -15952,13 +16041,13 @@ function omitLatestRevision$1(object) {
     return input;
 }
-function _array_like_to_array$i(arr, len) {
+function _array_like_to_array$j(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$8(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$i(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$j(arr);
 }
 function _iterable_to_array$8(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
@@ -15967,15 +16056,15 @@ function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$i(arr) || _non_iterable_spread$8();
+    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$8();
 }
-function _unsupported_iterable_to_array$i(o, minLen) {
+function _unsupported_iterable_to_array$j(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$i(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$j(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$i(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$j(o, minLen);
 }
 var STROKE_WIDTHS = {
     xs: 2,
@@ -16318,16 +16407,16 @@ function pointInPolygon(point, polygon) {
     return inside;
 }
-function _array_like_to_array$h(arr, len) {
+function _array_like_to_array$i(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$g(arr) {
+function _array_with_holes$h(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$7(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$h(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$i(arr);
 }
 function _define_property$e(obj, key, value) {
     if (key in obj) {
@@ -16345,7 +16434,7 @@ function _define_property$e(obj, key, value) {
 function _iterable_to_array$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$g(arr, i) {
+function _iterable_to_array_limit$h(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -16369,7 +16458,7 @@ function _iterable_to_array_limit$g(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$g() {
+function _non_iterable_rest$h() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$7() {
@@ -16409,23 +16498,23 @@ function _object_spread_props$9(target, source) {
     }
     return target;
 }
-function _sliced_to_array$g(arr, i) {
-    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$g();
+function _sliced_to_array$h(arr, i) {
+    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$h();
 }
 function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$h(arr) || _non_iterable_spread$7();
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$i(arr) || _non_iterable_spread$7();
 }
 function _type_of$6(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$h(o, minLen) {
+function _unsupported_iterable_to_array$i(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$h(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$i(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$i(o, minLen);
 }
 function resetSceneState() {
     return {
@@ -16703,7 +16792,7 @@ function applyOperationToScene(state, operation, revision, optimisticRestoreObje
 }
 function sortRecoveredObjects(state) {
     state.recoveredObjects = new Map(_to_consumable_array$7(state.recoveredObjects.entries()).sort(function(param, param1) {
-        var _param = _sliced_to_array$g(param, 2), left = _param[1], _param1 = _sliced_to_array$g(param1, 2), right = _param1[1];
+        var _param = _sliced_to_array$h(param, 2), left = _param[1], _param1 = _sliced_to_array$h(param1, 2), right = _param1[1];
         return left.latestRevision === right.latestRevision ? left.objectId.localeCompare(right.objectId) : left.latestRevision - right.latestRevision;
     }));
 }
@@ -16764,7 +16853,7 @@ function removeExpiredMarkers(state, now) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = state.recoveredObjects[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var _step_value = _sliced_to_array$g(_step.value, 2), objectId = _step_value[0], object = _step_value[1];
+            var _step_value = _sliced_to_array$h(_step.value, 2), objectId = _step_value[0], object = _step_value[1];
             if (isExpiredMarker(object, now)) state.recoveredObjects.delete(objectId);
         }
     } catch (err) {
@@ -17474,16 +17563,16 @@ function FilledDiamondShapeIcon() {
     });
 }
-function _array_like_to_array$g(arr, len) {
+function _array_like_to_array$h(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$f(arr) {
+function _array_with_holes$g(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$6(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$g(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$h(arr);
 }
 function _define_property$c(obj, key, value) {
     if (key in obj) {
@@ -17501,7 +17590,7 @@ function _define_property$c(obj, key, value) {
 function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$f(arr, i) {
+function _iterable_to_array_limit$g(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -17525,7 +17614,7 @@ function _iterable_to_array_limit$f(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$f() {
+function _non_iterable_rest$g() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$6() {
@@ -17565,19 +17654,19 @@ function _object_spread_props$8(target, source) {
     }
     return target;
 }
-function _sliced_to_array$f(arr, i) {
-    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$f();
+function _sliced_to_array$g(arr, i) {
+    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$g();
 }
 function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$6();
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$h(arr) || _non_iterable_spread$6();
 }
-function _unsupported_iterable_to_array$g(o, minLen) {
+function _unsupported_iterable_to_array$h(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$g(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$h(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$g(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
 }
 var WHITEBOARD_VIEWPORT_PADDING = 16;
 var WHITEBOARD_DOCK_SNAP_DISTANCE = 64;
@@ -17608,14 +17697,14 @@ var WHITEBOARD_POPOVER_SIZES = {
     }
 };
 function useWhiteboardToolbarLayout() {
-    var _useState = _sliced_to_array$f(useState(function() {
+    var _useState = _sliced_to_array$g(useState(function() {
         return getViewport();
     }), 2), viewport = _useState[0], setViewport = _useState[1];
     var viewportRef = useRef(viewport);
-    var _useState1 = _sliced_to_array$f(useState(false), 2), toolbarOpen = _useState1[0], setToolbarOpen = _useState1[1];
-    var _useState2 = _sliced_to_array$f(useState(null), 2), activePopover = _useState2[0], setActivePopover = _useState2[1];
-    var _useState3 = _sliced_to_array$f(useState(false), 2), hasOpened = _useState3[0], setHasOpened = _useState3[1];
-    var _useState4 = _sliced_to_array$f(useState(function() {
+    var _useState1 = _sliced_to_array$g(useState(false), 2), toolbarOpen = _useState1[0], setToolbarOpen = _useState1[1];
+    var _useState2 = _sliced_to_array$g(useState(null), 2), activePopover = _useState2[0], setActivePopover = _useState2[1];
+    var _useState3 = _sliced_to_array$g(useState(false), 2), hasOpened = _useState3[0], setHasOpened = _useState3[1];
+    var _useState4 = _sliced_to_array$g(useState(function() {
         return getToolbarLayout(getDefaultToolbarPosition(getViewport()), getViewport());
     }), 2), layout = _useState4[0], setLayout = _useState4[1];
     var dragOriginRef = useRef(undefined);
@@ -17841,10 +17930,10 @@ function getOutsideDock(position, orientation, viewport) {
         ]
     ];
     return (_candidates_filter_sort_ = candidates.filter(function(param) {
-        var _param = _sliced_to_array$f(param, 2), distance = _param[1];
+        var _param = _sliced_to_array$g(param, 2), distance = _param[1];
         return distance > 0;
     }).sort(function(param, param1) {
-        var _param = _sliced_to_array$f(param, 2), left = _param[1], _param1 = _sliced_to_array$f(param1, 2), right = _param1[1];
+        var _param = _sliced_to_array$g(param, 2), left = _param[1], _param1 = _sliced_to_array$g(param1, 2), right = _param1[1];
         return left - right;
     })[0]) === null || _candidates_filter_sort_ === void 0 ? void 0 : _candidates_filter_sort_[0];
 }
@@ -18007,12 +18096,12 @@ function TriggerIcon() {
     });
 }
-function _array_like_to_array$f(arr, len) {
+function _array_like_to_array$g(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$e(arr) {
+function _array_with_holes$f(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$b(obj, key, value) {
@@ -18028,7 +18117,7 @@ function _define_property$b(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$e(arr, i) {
+function _iterable_to_array_limit$f(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -18052,19 +18141,19 @@ function _iterable_to_array_limit$e(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$e() {
+function _non_iterable_rest$f() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$e(arr, i) {
-    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$e();
+function _sliced_to_array$f(arr, i) {
+    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$f();
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$g(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$f(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$g(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$g(o, minLen);
 }
 function WhiteboardToolbar(param) {
     var _param_activeColor = param.activeColor, activeColor = _param_activeColor === void 0 ? DEFAULT_WHITEBOARD_COLOR : _param_activeColor, _param_activeDrawKind = param.activeDrawKind, activeDrawKind = _param_activeDrawKind === void 0 ? DEFAULT_WHITEBOARD_DRAW_KIND : _param_activeDrawKind, _param_activeTool = param.activeTool, activeTool = _param_activeTool === void 0 ? 'draw' : _param_activeTool, _param_activeWidthPreset = param.activeWidthPreset, activeWidthPreset = _param_activeWidthPreset === void 0 ? DEFAULT_WHITEBOARD_WIDTH_PRESET : _param_activeWidthPreset, _param_canRedo = param.canRedo, canRedo = _param_canRedo === void 0 ? false : _param_canRedo, _param_canUndo = param.canUndo, canUndo = _param_canUndo === void 0 ? false : _param_canUndo, onClose = param.onClose, onColorChange = param.onColorChange, onDrawKindChange = param.onDrawKindChange, onOpenChange = param.onOpenChange, onOperation = param.onOperation, onRedo = param.onRedo, onRetry = param.onRetry, onToolChange = param.onToolChange, onUndo = param.onUndo, onWidthPresetChange = param.onWidthPresetChange, permissions = param.permissions, _param_runtimeState = param.runtimeState, runtimeState = _param_runtimeState === void 0 ? 'ready' : _param_runtimeState;
@@ -18077,7 +18166,7 @@ function WhiteboardToolbar(param) {
     var colorButtonRef = useRef(null);
     var drawPopoverRef = useRef(null);
     var colorPopoverRef = useRef(null);
-    var _useState = _sliced_to_array$e(useState(undefined), 2), measuredPopoverStyle = _useState[0], setMeasuredPopoverStyle = _useState[1];
+    var _useState = _sliced_to_array$f(useState(undefined), 2), measuredPopoverStyle = _useState[0], setMeasuredPopoverStyle = _useState[1];
     var interactionDisabled = !canWrite || runtimeState !== 'ready';
     var clearDisabled = !canClear || runtimeState !== 'ready';
     var tooltipSide = getToolbarTooltipSide(dock);
@@ -18575,15 +18664,15 @@ function CloseIcon() {
     });
 }
-function _array_like_to_array$e(arr, len) {
+function _array_like_to_array$f(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$d(arr) {
+function _array_with_holes$e(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$d(arr, i) {
+function _iterable_to_array_limit$e(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -18607,23 +18696,23 @@ function _iterable_to_array_limit$d(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$d() {
+function _non_iterable_rest$e() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$d(arr, i) {
-    return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$d();
+function _sliced_to_array$e(arr, i) {
+    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$e();
 }
-function _unsupported_iterable_to_array$e(o, minLen) {
+function _unsupported_iterable_to_array$f(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$e(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$f(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$e(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
 }
 function useWhiteboardFrameRect() {
     var frameRef = useRef(null);
-    var _useState = _sliced_to_array$d(useState(undefined), 2), frameRect = _useState[0], setFrameRect = _useState[1];
+    var _useState = _sliced_to_array$e(useState(undefined), 2), frameRect = _useState[0], setFrameRect = _useState[1];
     useEffect(function() {
         var element = frameRef.current;
         if (!element) return;
@@ -18658,16 +18747,16 @@ function useWhiteboardFrameRect() {
     };
 }
-function _array_like_to_array$d(arr, len) {
+function _array_like_to_array$e(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$c(arr) {
+function _array_with_holes$d(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$5(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$d(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$e(arr);
 }
 function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -18714,7 +18803,7 @@ function _define_property$a(obj, key, value) {
 function _iterable_to_array$5(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$c(arr, i) {
+function _iterable_to_array_limit$d(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -18738,7 +18827,7 @@ function _iterable_to_array_limit$c(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$c() {
+function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$5() {
@@ -18814,23 +18903,23 @@ function _object_without_properties_loose$2(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array$c(arr, i) {
-    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$c();
+function _sliced_to_array$d(arr, i) {
+    return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$d();
 }
 function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$5();
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$5();
 }
 function _type_of$5(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$d(o, minLen) {
+function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$e(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$e(o, minLen);
 }
 function _ts_generator$c(thisArg, body) {
     var f, y, t, _ = {
@@ -18952,10 +19041,10 @@ function WhiteboardCanvas(param) {
     if (!localHistoryRef.current) localHistoryRef.current = createWhiteboardLocalHistory(function() {
         return createStableId('annotation-history');
     });
-    var _useState = _sliced_to_array$c(useState(function() {
+    var _useState = _sliced_to_array$d(useState(function() {
         return resetSceneState();
     }), 2), sceneState = _useState[0], setSceneState = _useState[1];
-    var _useState1 = _sliced_to_array$c(useState(function() {
+    var _useState1 = _sliced_to_array$d(useState(function() {
         var _ref;
         var _localHistoryRef_current;
         return (_ref = (_localHistoryRef_current = localHistoryRef.current) === null || _localHistoryRef_current === void 0 ? void 0 : _localHistoryRef_current.getState()) !== null && _ref !== void 0 ? _ref : {
@@ -18963,11 +19052,11 @@ function WhiteboardCanvas(param) {
             undoStack: []
         };
     }), 2), localHistoryState = _useState1[0], setLocalHistoryState = _useState1[1];
-    var _useState2 = _sliced_to_array$c(useState(controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : 'draw'), 2), uncontrolledActiveTool = _useState2[0], setUncontrolledActiveTool = _useState2[1];
-    var _useState3 = _sliced_to_array$c(useState(DEFAULT_WHITEBOARD_DRAW_KIND), 2), activeDrawKind = _useState3[0], setActiveDrawKind = _useState3[1];
-    var _useState4 = _sliced_to_array$c(useState(DEFAULT_WHITEBOARD_COLOR), 2), activeColor = _useState4[0], setActiveColor = _useState4[1];
-    var _useState5 = _sliced_to_array$c(useState(DEFAULT_WHITEBOARD_WIDTH_PRESET), 2), activeWidthPreset = _useState5[0], setActiveWidthPreset = _useState5[1];
-    var _useState6 = _sliced_to_array$c(useState(false), 2), toolbarOpen = _useState6[0], setToolbarOpen = _useState6[1];
+    var _useState2 = _sliced_to_array$d(useState(controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : 'draw'), 2), uncontrolledActiveTool = _useState2[0], setUncontrolledActiveTool = _useState2[1];
+    var _useState3 = _sliced_to_array$d(useState(DEFAULT_WHITEBOARD_DRAW_KIND), 2), activeDrawKind = _useState3[0], setActiveDrawKind = _useState3[1];
+    var _useState4 = _sliced_to_array$d(useState(DEFAULT_WHITEBOARD_COLOR), 2), activeColor = _useState4[0], setActiveColor = _useState4[1];
+    var _useState5 = _sliced_to_array$d(useState(DEFAULT_WHITEBOARD_WIDTH_PRESET), 2), activeWidthPreset = _useState5[0], setActiveWidthPreset = _useState5[1];
+    var _useState6 = _sliced_to_array$d(useState(false), 2), toolbarOpen = _useState6[0], setToolbarOpen = _useState6[1];
     var activeTool = controlledActiveTool !== null && controlledActiveTool !== void 0 ? controlledActiveTool : uncontrolledActiveTool;
     var hasWritePermission = permissions.includes('whiteboard:write');
     var submitState = whiteboard === null || whiteboard === void 0 ? void 0 : (_whiteboard_submitStatus = whiteboard.submitStatus) === null || _whiteboard_submitStatus === void 0 ? void 0 : _whiteboard_submitStatus.state;
@@ -19611,15 +19700,15 @@ function clamp01(value) {
     return Math.max(0, Math.min(1, value));
 }
-function _array_like_to_array$c(arr, len) {
+function _array_like_to_array$d(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$b(arr) {
+function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$b(arr, i) {
+function _iterable_to_array_limit$c(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -19643,19 +19732,19 @@ function _iterable_to_array_limit$b(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$b() {
+function _non_iterable_rest$c() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$b(arr, i) {
-    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$b();
+function _sliced_to_array$c(arr, i) {
+    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$c();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
 }
 function createWhiteboardSubmitQueue(options) {
     var _options_now;
@@ -19777,7 +19866,7 @@ function createWhiteboardSubmitQueue(options) {
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
             try {
                 var _loop = function() {
-                    var _step_value = _sliced_to_array$b(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                    var _step_value = _sliced_to_array$c(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                     var item = queue.find(function(queuedItem) {
                         return queuedItem.operation.operationId === operationId;
                     });
@@ -19838,16 +19927,16 @@ function createWhiteboardSubmitQueue(options) {
     };
 }
-function _array_like_to_array$b(arr, len) {
+function _array_like_to_array$c(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$a(arr) {
+function _array_with_holes$b(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$4(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$b(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$c(arr);
 }
 function asyncGeneratorStep$b(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -19894,7 +19983,7 @@ function _define_property$9(obj, key, value) {
 function _iterable_to_array$4(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$a(arr, i) {
+function _iterable_to_array_limit$b(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -19918,7 +20007,7 @@ function _iterable_to_array_limit$a(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$a() {
+function _non_iterable_rest$b() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$4() {
@@ -19958,23 +20047,23 @@ function _object_spread_props$6(target, source) {
     }
     return target;
 }
-function _sliced_to_array$a(arr, i) {
-    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$a();
+function _sliced_to_array$b(arr, i) {
+    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$b();
 }
 function _to_consumable_array$4(arr) {
-    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$4();
+    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$4();
 }
 function _type_of$4(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$b(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$b(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
 }
 function _ts_generator$b(thisArg, body) {
     var f, y, t, _ = {
@@ -20180,7 +20269,7 @@ function createWhiteboardRuntime() {
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = bufferedCommittedEvents[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var _step_value = _sliced_to_array$a(_step.value, 2), eventRevision = _step_value[0], event = _step_value[1];
+                var _step_value = _sliced_to_array$b(_step.value, 2), eventRevision = _step_value[0], event = _step_value[1];
                 if (eventRevision > revision) continue;
                 operationIds.set(event.operation.operationId, eventRevision);
                 bufferedCommittedEvents.delete(eventRevision);
@@ -20795,7 +20884,7 @@ function createWhiteboardRuntime() {
                             _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                             try {
                                 for(_iterator = reconciliation.recoveredOperationIds[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                    _step_value = _sliced_to_array$a(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                                    _step_value = _sliced_to_array$b(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                                     recoveredOperationIds.set(operationId, revision);
                                 }
                             } catch (err) {
@@ -20898,7 +20987,7 @@ function createWhiteboardRuntime() {
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         try {
                             for(_iterator = recovery.recoveredOperationIds[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                _step_value = _sliced_to_array$a(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
+                                _step_value = _sliced_to_array$b(_step.value, 2), operationId = _step_value[0], revision = _step_value[1];
                                 recoveredOperationIds.set(operationId, revision);
                             }
                         } catch (err) {
@@ -21468,16 +21557,16 @@ function sortRecoveryObjects(objects) {
     });
 }
-function _array_like_to_array$a(arr, len) {
+function _array_like_to_array$b(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$9(arr) {
+function _array_with_holes$a(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$3(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$a(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$b(arr);
 }
 function asyncGeneratorStep$a(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -21524,7 +21613,7 @@ function _define_property$8(obj, key, value) {
 function _iterable_to_array$3(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$9(arr, i) {
+function _iterable_to_array_limit$a(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -21548,7 +21637,7 @@ function _iterable_to_array_limit$9(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$9() {
+function _non_iterable_rest$a() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$3() {
@@ -21588,19 +21677,19 @@ function _object_spread_props$5(target, source) {
     }
     return target;
 }
-function _sliced_to_array$9(arr, i) {
-    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$9();
+function _sliced_to_array$a(arr, i) {
+    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$a();
 }
 function _to_consumable_array$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$3();
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$a(o, minLen) {
+function _unsupported_iterable_to_array$b(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$a(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$b(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$a(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
 }
 function _ts_generator$a(thisArg, body) {
     var f, y, t, _ = {
@@ -21704,20 +21793,20 @@ function _ts_generator$a(thisArg, body) {
 function WhiteboardProvider(param) {
     var controlledAuth = param.auth, children = param.children, _param_createRuntime = param.createRuntime, createRuntime = _param_createRuntime === void 0 ? createWhiteboardRuntime : _param_createRuntime, onDiagnostic = param.onDiagnostic, realtimeEndpoint = param.realtimeEndpoint, recoveryPort = param.recoveryPort, socketFactory = param.socketFactory, controlledShareSessionKey = param.shareSessionKey;
     var _boardState_activeShareSessionKey, _ref;
-    var _useState = _sliced_to_array$9(useState(hasValidWhiteboardAuth(controlledAuth) ? controlledAuth : undefined), 2), auth = _useState[0], setAuthState = _useState[1];
-    var _useState1 = _sliced_to_array$9(useState(controlledShareSessionKey), 2), shareSessionKey = _useState1[0], setShareSessionKey = _useState1[1];
-    var _useState2 = _sliced_to_array$9(useState(hasValidWhiteboardAuth(controlledAuth) ? 'connecting' : 'standby'), 2), status = _useState2[0], setStatus = _useState2[1];
-    var _useState3 = _sliced_to_array$9(useState({
+    var _useState = _sliced_to_array$a(useState(hasValidWhiteboardAuth(controlledAuth) ? controlledAuth : undefined), 2), auth = _useState[0], setAuthState = _useState[1];
+    var _useState1 = _sliced_to_array$a(useState(controlledShareSessionKey), 2), shareSessionKey = _useState1[0], setShareSessionKey = _useState1[1];
+    var _useState2 = _sliced_to_array$a(useState(hasValidWhiteboardAuth(controlledAuth) ? 'connecting' : 'standby'), 2), status = _useState2[0], setStatus = _useState2[1];
+    var _useState3 = _sliced_to_array$a(useState({
         activeShareSessionKey: controlledShareSessionKey,
         confirmedRevision: 0,
         headRevision: 0,
         pendingOperationCount: 0
     }), 2), boardState = _useState3[0], setBoardState = _useState3[1];
-    var _useState4 = _sliced_to_array$9(useState('idle'), 2), recoveryStatus = _useState4[0], setRecoveryStatus = _useState4[1];
-    var _useState5 = _sliced_to_array$9(useState(undefined), 2), recovery = _useState5[0], setRecovery = _useState5[1];
-    var _useState6 = _sliced_to_array$9(useState(undefined), 2), committedEvent = _useState6[0], setCommittedEvent = _useState6[1];
-    var _useState7 = _sliced_to_array$9(useState([]), 2), committedEvents = _useState7[0], setCommittedEvents = _useState7[1];
-    var _useState8 = _sliced_to_array$9(useState({
+    var _useState4 = _sliced_to_array$a(useState('idle'), 2), recoveryStatus = _useState4[0], setRecoveryStatus = _useState4[1];
+    var _useState5 = _sliced_to_array$a(useState(undefined), 2), recovery = _useState5[0], setRecovery = _useState5[1];
+    var _useState6 = _sliced_to_array$a(useState(undefined), 2), committedEvent = _useState6[0], setCommittedEvent = _useState6[1];
+    var _useState7 = _sliced_to_array$a(useState([]), 2), committedEvents = _useState7[0], setCommittedEvents = _useState7[1];
+    var _useState8 = _sliced_to_array$a(useState({
         state: 'idle'
     }), 2), submitStatus = _useState8[0], setSubmitStatus = _useState8[1];
     var authRef = useRef(auth);
@@ -22099,12 +22188,12 @@ function WhiteboardProvider(param) {
     });
 }
-function _array_like_to_array$9(arr, len) {
+function _array_like_to_array$a(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$8(arr) {
+function _array_with_holes$9(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$7(obj, key, value) {
@@ -22120,7 +22209,7 @@ function _define_property$7(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$8(arr, i) {
+function _iterable_to_array_limit$9(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -22144,7 +22233,7 @@ function _iterable_to_array_limit$8(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$8() {
+function _non_iterable_rest$9() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$5(target) {
@@ -22181,16 +22270,16 @@ function _object_spread_props$4(target, source) {
     }
     return target;
 }
-function _sliced_to_array$8(arr, i) {
-    return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$8();
+function _sliced_to_array$9(arr, i) {
+    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$9();
 }
-function _unsupported_iterable_to_array$9(o, minLen) {
+function _unsupported_iterable_to_array$a(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$9(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$a(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$a(o, minLen);
 }
 var cameraVideoClassName = 'h-full w-full object-cover -scale-x-100';
 var getTrackSource = function(trackRef) {
@@ -22257,7 +22346,7 @@ function useScreenShareAspectRatio(trackRef) {
     var _trackRef_publication;
     var trackSid = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_publication = trackRef.publication) === null || _trackRef_publication === void 0 ? void 0 : _trackRef_publication.trackSid;
     var fallbackAspectRatio = getAspectRatio(trackRef);
-    var _useState = _sliced_to_array$8(useState(), 2), intrinsicRatio = _useState[0], setIntrinsicRatio = _useState[1];
+    var _useState = _sliced_to_array$9(useState(), 2), intrinsicRatio = _useState[0], setIntrinsicRatio = _useState[1];
     var aspectRatio = intrinsicRatio && (trackSid !== undefined ? intrinsicRatio.trackSid === trackSid : intrinsicRatio.trackSid === undefined && intrinsicRatio.trackRef === trackRef) ? intrinsicRatio.aspectRatio : fallbackAspectRatio;
     var updateFromVideo = useCallback(function(event) {
         var _event_currentTarget = event.currentTarget, videoWidth = _event_currentTarget.videoWidth, videoHeight = _event_currentTarget.videoHeight;
@@ -22281,12 +22370,12 @@ function useScreenShareAspectRatio(trackRef) {
 function ScreenShareFrame(param) {
     var trackRef = param.trackRef, aspectRatio = param.aspectRatio, onLoadedMetadata = param.onLoadedMetadata, onResize = param.onResize, whiteboard = param.whiteboard;
     var frameRef = useRef(null);
-    var _useState = _sliced_to_array$8(useState(), 2), frameSize = _useState[0], setFrameSize = _useState[1];
+    var _useState = _sliced_to_array$9(useState(), 2), frameSize = _useState[0], setFrameSize = _useState[1];
     useLayoutEffect(function() {
         var _frameRef_current;
         var container = (_frameRef_current = frameRef.current) === null || _frameRef_current === void 0 ? void 0 : _frameRef_current.parentElement;
         if (!container) return;
-        var _aspectRatio_split_map = _sliced_to_array$8(aspectRatio.split('/').map(Number), 2), sourceWidth = _aspectRatio_split_map[0], sourceHeight = _aspectRatio_split_map[1];
+        var _aspectRatio_split_map = _sliced_to_array$9(aspectRatio.split('/').map(Number), 2), sourceWidth = _aspectRatio_split_map[0], sourceHeight = _aspectRatio_split_map[1];
         var ratio = sourceWidth / sourceHeight;
         var updateSize = function() {
             var clientWidth = container.clientWidth, clientHeight = container.clientHeight;
@@ -22339,7 +22428,7 @@ function ScreenShareFrame(param) {
 }
 function RoomPlatformPrivateRoomStage(param) {
     var callerExternalActorId = param.callerExternalActorId, studentExternalActorId = param.studentExternalActorId, activeScreenShareExternalActorId = param.activeScreenShareExternalActorId, controlBar = param.controlBar, whiteboard = param.whiteboard;
-    var _useState = _sliced_to_array$8(useState(true), 2), sidebarOpen = _useState[0], setSidebarOpen = _useState[1];
+    var _useState = _sliced_to_array$9(useState(true), 2), sidebarOpen = _useState[0], setSidebarOpen = _useState[1];
     var previousScreenShareExternalActorIdRef = useRef(activeScreenShareExternalActorId);
     var previousShareSessionKeyRef = useRef(undefined);
     var whiteboardContext = useContext(WhiteboardContext);
@@ -23061,13 +23150,13 @@ var WebSocketRealtimeTransport = /*#__PURE__*/ function() {
     return WebSocketRealtimeTransport;
 }();
-function _array_like_to_array$8(arr, len) {
+function _array_like_to_array$9(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$2(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$8(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$9(arr);
 }
 function _class_call_check$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -23107,15 +23196,15 @@ function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$2();
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$8(o, minLen) {
+function _unsupported_iterable_to_array$9(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$9(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
 }
 var ChatClientState = /*#__PURE__*/ function() {
     function ChatClientState() {
@@ -24404,12 +24493,12 @@ function ForwardMessageDialog(param) {
     });
 }
-function _array_like_to_array$7(arr, len) {
+function _array_like_to_array$8(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$7(arr) {
+function _array_with_holes$8(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
@@ -24441,7 +24530,7 @@ function _async_to_generator$5(fn) {
         });
     };
 }
-function _iterable_to_array_limit$7(arr, i) {
+function _iterable_to_array_limit$8(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -24465,19 +24554,19 @@ function _iterable_to_array_limit$7(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$7() {
+function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$7(arr, i) {
-    return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
+function _sliced_to_array$8(arr, i) {
+    return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$8();
 }
-function _unsupported_iterable_to_array$7(o, minLen) {
+function _unsupported_iterable_to_array$8(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
 }
 function _ts_generator$5(thisArg, body) {
     var f, y, t, _ = {
@@ -24580,7 +24669,7 @@ function _ts_generator$5(thisArg, body) {
 }
 function MessageComposer(param) {
     var canSend = param.canSend, className = param.className, onSend = param.onSend;
-    var _useState = _sliced_to_array$7(useState(''), 2), text = _useState[0], setText = _useState[1];
+    var _useState = _sliced_to_array$8(useState(''), 2), text = _useState[0], setText = _useState[1];
     if (!canSend) {
         return /*#__PURE__*/ jsx("div", {
             className: cx('navi-chat__readonly', className),
@@ -24696,16 +24785,16 @@ function MessageComposer(param) {
     });
 }
-function _array_like_to_array$6(arr, len) {
+function _array_like_to_array$7(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$6(arr) {
+function _array_with_holes$7(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$1(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$6(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$7(arr);
 }
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -24746,7 +24835,7 @@ function _instanceof(left, right) {
 function _iterable_to_array$1(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$6(arr, i) {
+function _iterable_to_array_limit$7(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -24770,25 +24859,25 @@ function _iterable_to_array_limit$6(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$6() {
+function _non_iterable_rest$7() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$6(arr, i) {
-    return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
+function _sliced_to_array$7(arr, i) {
+    return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
 }
 function _to_consumable_array$1(arr) {
-    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread$1();
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$7(arr) || _non_iterable_spread$1();
 }
-function _unsupported_iterable_to_array$6(o, minLen) {
+function _unsupported_iterable_to_array$7(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
 }
 function _ts_generator$4(thisArg, body) {
     var f, y, t, _ = {
@@ -24897,15 +24986,15 @@ function MessageList(param) {
     var restoreScrollSnapshotRef = useRef(undefined);
     var previousMessageCountRef = useRef(messages.length);
     var previousMessagesRef = useRef(messages);
-    var _useState = _sliced_to_array$6(useState(''), 2), draftText = _useState[0], setDraftText = _useState[1];
-    var _useState1 = _sliced_to_array$6(useState(), 2), editingMessageId = _useState1[0], setEditingMessageId = _useState1[1];
-    var _useState2 = _sliced_to_array$6(useState(), 2), openMenuMessageId = _useState2[0], setOpenMenuMessageId = _useState2[1];
+    var _useState = _sliced_to_array$7(useState(''), 2), draftText = _useState[0], setDraftText = _useState[1];
+    var _useState1 = _sliced_to_array$7(useState(), 2), editingMessageId = _useState1[0], setEditingMessageId = _useState1[1];
+    var _useState2 = _sliced_to_array$7(useState(), 2), openMenuMessageId = _useState2[0], setOpenMenuMessageId = _useState2[1];
     var openMenuRef = useRef(null);
-    var _useState3 = _sliced_to_array$6(useState(function() {
+    var _useState3 = _sliced_to_array$7(useState(function() {
         return now().getTime();
     }), 2), currentTimeMs = _useState3[0], setCurrentTimeMs = _useState3[1];
-    var _useState4 = _sliced_to_array$6(useState(true), 2), isAtLatest = _useState4[0], setIsAtLatest = _useState4[1];
-    var _useState5 = _sliced_to_array$6(useState(false), 2), hasNewMessages = _useState5[0], setHasNewMessages = _useState5[1];
+    var _useState4 = _sliced_to_array$7(useState(true), 2), isAtLatest = _useState4[0], setIsAtLatest = _useState4[1];
+    var _useState5 = _sliced_to_array$7(useState(false), 2), hasNewMessages = _useState5[0], setHasNewMessages = _useState5[1];
     var orderedMessages = useMemo(function() {
         return _to_consumable_array$1(messages).sort(compareMessagesByCreatedAt);
     }, [
@@ -25328,12 +25417,12 @@ var formatTime = function(value) {
     }).format(new Date(value));
 };
-function _array_like_to_array$5(arr, len) {
+function _array_like_to_array$6(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$5(arr) {
+function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
@@ -25365,7 +25454,7 @@ function _async_to_generator$3(fn) {
         });
     };
 }
-function _iterable_to_array_limit$5(arr, i) {
+function _iterable_to_array_limit$6(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -25389,19 +25478,19 @@ function _iterable_to_array_limit$5(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$5() {
+function _non_iterable_rest$6() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$5(arr, i) {
-    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
+function _sliced_to_array$6(arr, i) {
+    return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
 }
-function _unsupported_iterable_to_array$5(o, minLen) {
+function _unsupported_iterable_to_array$6(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
 }
 function _ts_generator$3(thisArg, body) {
     var f, y, t, _ = {
@@ -25506,7 +25595,7 @@ function ChatPanel(param) {
     var className = param.className;
     var _messagesByRoom_activeRoom_roomId, _ref, _ref1, _ref2;
     var _useChatContext = useChatContext(), activeRoomId = _useChatContext.activeRoomId, classNames = _useChatContext.classNames, client = _useChatContext.client, currentSubject = _useChatContext.currentSubject, hasMoreByRoom = _useChatContext.hasMoreByRoom, isLoadingOlderByRoom = _useChatContext.isLoadingOlderByRoom, loadOlderMessages = _useChatContext.loadOlderMessages, messagesByRoom = _useChatContext.messagesByRoom, messageActionWindowMs = _useChatContext.messageActionWindowMs, now = _useChatContext.now, onlineCountsByRoom = _useChatContext.onlineCountsByRoom, rooms = _useChatContext.rooms, sendMessage = _useChatContext.sendMessage, deleteMessage = _useChatContext.deleteMessage, editMessage = _useChatContext.editMessage, setActiveRoomId = _useChatContext.setActiveRoomId, setRoomAtLatest = _useChatContext.setRoomAtLatest, status = _useChatContext.status, unreadCountsByRoom = _useChatContext.unreadCountsByRoom;
-    var _useState = _sliced_to_array$5(useState(), 2), forwardingMessage = _useState[0], setForwardingMessage = _useState[1];
+    var _useState = _sliced_to_array$6(useState(), 2), forwardingMessage = _useState[0], setForwardingMessage = _useState[1];
     var activeRoom = findActiveRoom(rooms, activeRoomId);
     var canRead = hasRoomPermission(activeRoom, 'read');
     var canSend = hasRoomPermission(activeRoom, 'send');
@@ -25649,16 +25738,16 @@ var getRoomDisplayRole = function(room) {
     return hasRoomPermission(room, 'forward') ? 'Quản trị' : 'Thành viên';
 };
-function _array_like_to_array$4(arr, len) {
+function _array_like_to_array$5(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$4(arr) {
+function _array_with_holes$5(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$4(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$5(arr);
 }
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -25705,7 +25794,7 @@ function _define_property$1(obj, key, value) {
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$4(arr, i) {
+function _iterable_to_array_limit$5(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -25729,7 +25818,7 @@ function _iterable_to_array_limit$4(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4() {
+function _non_iterable_rest$5() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread() {
@@ -25769,23 +25858,23 @@ function _object_spread_props$1(target, source) {
     }
     return target;
 }
-function _sliced_to_array$4(arr, i) {
-    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
+function _sliced_to_array$5(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
 }
 function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$4(arr) || _non_iterable_spread();
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$5(arr) || _non_iterable_spread();
 }
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$4(o, minLen) {
+function _unsupported_iterable_to_array$5(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
 }
 function _ts_generator$2(thisArg, body) {
     var f, y, t, _ = {
@@ -25893,15 +25982,15 @@ function ChatProvider(param) {
         return new Date();
     } : _param_now, onError = param.onError, refreshToken = param.refreshToken, refreshTokenExpiresAt = param.refreshTokenExpiresAt, realtimeEndpoint = param.realtimeEndpoint, rooms = param.rooms, token = param.token, tokenExpiresAt = param.tokenExpiresAt, tokens = param.tokens;
     var _rooms_;
-    var _useState = _sliced_to_array$4(useState(currentRoomId !== null && currentRoomId !== void 0 ? currentRoomId : (_rooms_ = rooms[0]) === null || _rooms_ === void 0 ? void 0 : _rooms_.roomId), 2), activeRoomId = _useState[0], setActiveRoomId = _useState[1];
-    var _useState1 = _sliced_to_array$4(useState({}), 2), hasMoreByRoom = _useState1[0], setHasMoreByRoom = _useState1[1];
-    var _useState2 = _sliced_to_array$4(useState({}), 2), historyCursorsByRoom = _useState2[0], setHistoryCursorsByRoom = _useState2[1];
-    var _useState3 = _sliced_to_array$4(useState({}), 2), isLoadingOlderByRoom = _useState3[0], setIsLoadingOlderByRoom = _useState3[1];
-    var _useState4 = _sliced_to_array$4(useState(initialMessages), 2), messagesByRoom = _useState4[0], setMessagesByRoom = _useState4[1];
-    var _useState5 = _sliced_to_array$4(useState({}), 2), onlineCountsByRoom = _useState5[0], setOnlineCountsByRoom = _useState5[1];
-    var _useState6 = _sliced_to_array$4(useState({}), 2), roomLatestStateByRoom = _useState6[0], setRoomLatestStateByRoom = _useState6[1];
-    var _useState7 = _sliced_to_array$4(useState('connecting'), 2), status = _useState7[0], setStatus = _useState7[1];
-    var _useState8 = _sliced_to_array$4(useState({}), 2), unreadCountsByRoom = _useState8[0], setUnreadCountsByRoom = _useState8[1];
+    var _useState = _sliced_to_array$5(useState(currentRoomId !== null && currentRoomId !== void 0 ? currentRoomId : (_rooms_ = rooms[0]) === null || _rooms_ === void 0 ? void 0 : _rooms_.roomId), 2), activeRoomId = _useState[0], setActiveRoomId = _useState[1];
+    var _useState1 = _sliced_to_array$5(useState({}), 2), hasMoreByRoom = _useState1[0], setHasMoreByRoom = _useState1[1];
+    var _useState2 = _sliced_to_array$5(useState({}), 2), historyCursorsByRoom = _useState2[0], setHistoryCursorsByRoom = _useState2[1];
+    var _useState3 = _sliced_to_array$5(useState({}), 2), isLoadingOlderByRoom = _useState3[0], setIsLoadingOlderByRoom = _useState3[1];
+    var _useState4 = _sliced_to_array$5(useState(initialMessages), 2), messagesByRoom = _useState4[0], setMessagesByRoom = _useState4[1];
+    var _useState5 = _sliced_to_array$5(useState({}), 2), onlineCountsByRoom = _useState5[0], setOnlineCountsByRoom = _useState5[1];
+    var _useState6 = _sliced_to_array$5(useState({}), 2), roomLatestStateByRoom = _useState6[0], setRoomLatestStateByRoom = _useState6[1];
+    var _useState7 = _sliced_to_array$5(useState('connecting'), 2), status = _useState7[0], setStatus = _useState7[1];
+    var _useState8 = _sliced_to_array$5(useState({}), 2), unreadCountsByRoom = _useState8[0], setUnreadCountsByRoom = _useState8[1];
     var currentSubject = useMemo(function() {
         return subjectFromToken(token);
     }, [
@@ -26328,7 +26417,7 @@ var isChatRoomPresenceDto = function(event) {
     return Boolean(event && (typeof event === "undefined" ? "undefined" : _type_of(event)) === 'object' && 'roomId' in event && typeof event.roomId === 'string' && 'onlineCount' in event && typeof event.onlineCount === 'number');
 };
 var subjectFromToken = function(token) {
-    var _token_split = _sliced_to_array$4(token.split('.'), 2), payload = _token_split[1];
+    var _token_split = _sliced_to_array$5(token.split('.'), 2), payload = _token_split[1];
     if (!payload) return undefined;
     try {
         var normalized = payload.replace(/-/g, '+').replace(/_/g, '/');
@@ -26340,6 +26429,96 @@ var subjectFromToken = function(token) {
     }
 };
+var roomPlatformGeneratedStyles = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  .room-platform-room {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-950: oklch(27.9% 0.077 45.635);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-400: oklch(76.5% 0.177 163.223);\n    --color-emerald-950: oklch(26.2% 0.051 172.552);\n    --color-sky-50: oklch(97.7% 0.013 236.62);\n    --color-sky-200: oklch(90.1% 0.058 230.902);\n    --color-sky-950: oklch(29.3% 0.066 243.157);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-widest: 0.1em;\n    --leading-snug: 1.375;\n    --leading-normal: 1.5;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --radius-2xl: 1rem;\n    --radius-4xl: 2rem;\n    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n    --ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --blur-xs: 4px;\n    --aspect-video: 16 / 9;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-background: #ffffff;\n    --color-foreground: oklch(0.145 0 0);\n    --color-card: #ffffff;\n    --color-card-foreground: oklch(0.145 0 0);\n    --color-popover: #ffffff;\n    --color-popover-foreground: oklch(0.145 0 0);\n    --color-primary: #242f62;\n    --color-primary-foreground: #ffffff;\n    --color-secondary: #eb6619;\n    --color-secondary-foreground: #ffffff;\n    --color-muted: oklch(0.97 0 0);\n    --color-muted-foreground: oklch(0.556 0 0);\n    --color-accent: oklch(0.97 0 0);\n    --color-accent-foreground: oklch(0.205 0 0);\n    --color-destructive: oklch(0.577 0.245 27.325);\n    --color-border: oklch(0.922 0 0);\n    --color-input: oklch(0.922 0 0);\n    --color-ring: #9dc2f3;\n    --color-liveclass-orange: #eb6619;\n  }\n}\n@layer base {\n  .room-platform-room *, .room-platform-room ::after, .room-platform-room ::before, .room-platform-room ::backdrop, .room-platform-room ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  .room-platform-room html, .room-platform-room {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  .room-platform-room hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  .room-platform-room abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  .room-platform-room h1, .room-platform-room h2, .room-platform-room h3, .room-platform-room h4, .room-platform-room h5, .room-platform-room h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  .room-platform-room a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  .room-platform-room b, .room-platform-room strong {\n    font-weight: bolder;\n  }\n  .room-platform-room code, .room-platform-room kbd, .room-platform-room samp, .room-platform-room pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  .room-platform-room small {\n    font-size: 80%;\n  }\n  .room-platform-room sub, .room-platform-room sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  .room-platform-room sub {\n    bottom: -0.25em;\n  }\n  .room-platform-room sup {\n    top: -0.5em;\n  }\n  .room-platform-room table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  .room-platform-room :-moz-focusring {\n    outline: auto;\n  }\n  .room-platform-room progress {\n    vertical-align: baseline;\n  }\n  .room-platform-room summary {\n    display: list-item;\n  }\n  .room-platform-room ol, .room-platform-room ul, .room-platform-room menu {\n    list-style: none;\n  }\n  .room-platform-room img, .room-platform-room svg, .room-platform-room video, .room-platform-room canvas, .room-platform-room audio, .room-platform-room iframe, .room-platform-room embed, .room-platform-room object {\n    display: block;\n    vertical-align: middle;\n  }\n  .room-platform-room img, .room-platform-room video {\n    max-width: 100%;\n    height: auto;\n  }\n  .room-platform-room button, .room-platform-room input, .room-platform-room select, .room-platform-room optgroup, .room-platform-room textarea, .room-platform-room ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  .room-platform-room :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  .room-platform-room :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  .room-platform-room ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  .room-platform-room ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    .room-platform-room ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room textarea {\n    resize: vertical;\n  }\n  .room-platform-room ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  .room-platform-room ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  .room-platform-room ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  .room-platform-room ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  .room-platform-room ::-webkit-datetime-edit, .room-platform-room ::-webkit-datetime-edit-year-field, .room-platform-room ::-webkit-datetime-edit-month-field, .room-platform-room ::-webkit-datetime-edit-day-field, .room-platform-room ::-webkit-datetime-edit-hour-field, .room-platform-room ::-webkit-datetime-edit-minute-field, .room-platform-room ::-webkit-datetime-edit-second-field, .room-platform-room ::-webkit-datetime-edit-millisecond-field, .room-platform-room ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  .room-platform-room ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  .room-platform-room :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  .room-platform-room button, .room-platform-room input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), .room-platform-room ::file-selector-button {\n    appearance: button;\n  }\n  .room-platform-room ::-webkit-inner-spin-button, .room-platform-room ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  .room-platform-room [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .room-platform-room .\\@container\\/card-header {\n    container-type: inline-size;\n    container-name: card-header;\n  }\n  .room-platform-room .\\@container\\/field-group {\n    container-type: inline-size;\n    container-name: field-group;\n  }\n  .room-platform-room .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .room-platform-room .pointer-events-none {\n    pointer-events: none;\n  }\n  .room-platform-room .invisible {\n    visibility: hidden;\n  }\n  .room-platform-room .visible {\n    visibility: visible;\n  }\n  .room-platform-room .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .room-platform-room .absolute {\n    position: absolute;\n  }\n  .room-platform-room .fixed {\n    position: fixed;\n  }\n  .room-platform-room .relative {\n    position: relative;\n  }\n  .room-platform-room .static {\n    position: static;\n  }\n  .room-platform-room .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .inset-x-0 {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .inset-x-3 {\n    inset-inline: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .start {\n    inset-inline-start: var(--spacing);\n  }\n  .room-platform-room .end {\n    inset-inline-end: var(--spacing);\n  }\n  .room-platform-room .-top-12 {\n    top: calc(var(--spacing) * -12);\n  }\n  .room-platform-room .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .room-platform-room .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .top-3\\.5 {\n    top: calc(var(--spacing) * 3.5);\n  }\n  .room-platform-room .top-4 {\n    top: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .top-7 {\n    top: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .-right-12 {\n    right: calc(var(--spacing) * -12);\n  }\n  .room-platform-room .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .right-1 {\n    right: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .right-7 {\n    right: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .-bottom-12 {\n    bottom: calc(var(--spacing) * -12);\n  }\n  .room-platform-room .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .bottom-1 {\n    bottom: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .bottom-2 {\n    bottom: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .bottom-3 {\n    bottom: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .-left-12 {\n    left: calc(var(--spacing) * -12);\n  }\n  .room-platform-room .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .room-platform-room .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .left-4 {\n    left: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .isolate {\n    isolation: isolate;\n  }\n  .room-platform-room .z-0 {\n    z-index: 0;\n  }\n  .room-platform-room .z-10 {\n    z-index: 10;\n  }\n  .room-platform-room .z-20 {\n    z-index: 20;\n  }\n  .room-platform-room .z-30 {\n    z-index: 30;\n  }\n  .room-platform-room .z-40 {\n    z-index: 40;\n  }\n  .room-platform-room .z-50 {\n    z-index: 50;\n  }\n  .room-platform-room .z-\\[70\\] {\n    z-index: 70;\n  }\n  .room-platform-room .order-first {\n    order: -9999;\n  }\n  .room-platform-room .order-last {\n    order: 9999;\n  }\n  .room-platform-room .col-start-2 {\n    grid-column-start: 2;\n  }\n  .room-platform-room .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n  .room-platform-room .row-start-1 {\n    grid-row-start: 1;\n  }\n  .room-platform-room .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .room-platform-room .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .m-auto {\n    margin: auto;\n  }\n  .room-platform-room .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1);\n  }\n  .room-platform-room .-mx-4 {\n    margin-inline: calc(var(--spacing) * -4);\n  }\n  .room-platform-room .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .mx-3\\.5 {\n    margin-inline: calc(var(--spacing) * 3.5);\n  }\n  .room-platform-room .mx-auto {\n    margin-inline: auto;\n  }\n  .room-platform-room .-my-2 {\n    margin-block: calc(var(--spacing) * -2);\n  }\n  .room-platform-room .my-1 {\n    margin-block: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .-mt-4 {\n    margin-top: calc(var(--spacing) * -4);\n  }\n  .room-platform-room .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .mt-auto {\n    margin-top: auto;\n  }\n  .room-platform-room .-mb-4 {\n    margin-bottom: calc(var(--spacing) * -4);\n  }\n  .room-platform-room .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .-ml-1 {\n    margin-left: calc(var(--spacing) * -1);\n  }\n  .room-platform-room .-ml-4 {\n    margin-left: calc(var(--spacing) * -4);\n  }\n  .room-platform-room .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .ml-auto {\n    margin-left: auto;\n  }\n  .room-platform-room .no-scrollbar {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    .room-platform-room &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n  .room-platform-room .block {\n    display: block;\n  }\n  .room-platform-room .flex {\n    display: flex;\n  }\n  .room-platform-room .grid {\n    display: grid;\n  }\n  .room-platform-room .hidden {\n    display: none;\n  }\n  .room-platform-room .inline {\n    display: inline;\n  }\n  .room-platform-room .inline-flex {\n    display: inline-flex;\n  }\n  .room-platform-room .inline-grid {\n    display: inline-grid;\n  }\n  .room-platform-room .table {\n    display: table;\n  }\n  .room-platform-room .table-caption {\n    display: table-caption;\n  }\n  .room-platform-room .table-cell {\n    display: table-cell;\n  }\n  .room-platform-room .table-row {\n    display: table-row;\n  }\n  .room-platform-room .field-sizing-content {\n    field-sizing: content;\n  }\n  .room-platform-room .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .room-platform-room .aspect-video {\n    aspect-ratio: var(--aspect-video);\n  }\n  .room-platform-room .size-\\(--cell-size\\) {\n    width: var(--cell-size);\n    height: var(--cell-size);\n  }\n  .room-platform-room .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n  .room-platform-room .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n  .room-platform-room .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .room-platform-room .size-7 {\n    width: calc(var(--spacing) * 7);\n    height: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .size-8 {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n  .room-platform-room .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .room-platform-room .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n  .room-platform-room .size-12 {\n    width: calc(var(--spacing) * 12);\n    height: calc(var(--spacing) * 12);\n  }\n  .room-platform-room .size-auto {\n    width: auto;\n    height: auto;\n  }\n  .room-platform-room .size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .room-platform-room .h-\\(--cell-size\\) {\n    height: var(--cell-size);\n  }\n  .room-platform-room .h-1 {\n    height: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .room-platform-room .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .room-platform-room .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .room-platform-room .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .room-platform-room .h-10\\! {\n    height: calc(var(--spacing) * 10) !important;\n  }\n  .room-platform-room .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .room-platform-room .h-\\[calc\\(--spacing\\(5\\.25\\)\\)\\] {\n    height: calc(calc(var(--spacing) * 5.25));\n  }\n  .room-platform-room .h-\\[calc\\(100\\%-1px\\)\\] {\n    height: calc(100% - 1px);\n  }\n  .room-platform-room .h-auto {\n    height: auto;\n  }\n  .room-platform-room .h-dvh {\n    height: 100dvh;\n  }\n  .room-platform-room .h-full {\n    height: 100%;\n  }\n  .room-platform-room .h-px {\n    height: 1px;\n  }\n  .room-platform-room .h-screen {\n    height: 100vh;\n  }\n  .room-platform-room .h-svh {\n    height: 100svh;\n  }\n  .room-platform-room .max-h-\\(--available-height\\) {\n    max-height: var(--available-height);\n  }\n  .room-platform-room .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n    max-height: var(--radix-dropdown-menu-content-available-height);\n  }\n  .room-platform-room .max-h-\\(--radix-select-content-available-height\\) {\n    max-height: var(--radix-select-content-available-height);\n  }\n  .room-platform-room .max-h-\\[85vh\\] {\n    max-height: 85vh;\n  }\n  .room-platform-room .max-h-\\[min\\(calc\\(--spacing\\(72\\)---spacing\\(9\\)\\)\\,calc\\(var\\(--available-height\\)---spacing\\(9\\)\\)\\)\\] {\n    max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));\n  }\n  .room-platform-room .max-h-full {\n    max-height: 100%;\n  }\n  .room-platform-room .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .min-h-8 {\n    min-height: calc(var(--spacing) * 8);\n  }\n  .room-platform-room .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n  .room-platform-room .min-h-16 {\n    min-height: calc(var(--spacing) * 16);\n  }\n  .room-platform-room .min-h-18 {\n    min-height: calc(var(--spacing) * 18);\n  }\n  .room-platform-room .min-h-\\[320px\\] {\n    min-height: 320px;\n  }\n  .room-platform-room .min-h-dvh {\n    min-height: 100dvh;\n  }\n  .room-platform-room .min-h-svh {\n    min-height: 100svh;\n  }\n  .room-platform-room .w-\\(--anchor-width\\) {\n    width: var(--anchor-width);\n  }\n  .room-platform-room .w-\\(--cell-size\\) {\n    width: var(--cell-size);\n  }\n  .room-platform-room .w-\\(--radix-dropdown-menu-trigger-width\\) {\n    width: var(--radix-dropdown-menu-trigger-width);\n  }\n  .room-platform-room .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n  .room-platform-room .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n  .room-platform-room .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n  .room-platform-room .w-\\[var\\(--sidebar-width\\)\\] {\n    width: var(--sidebar-width);\n  }\n  .room-platform-room .w-auto {\n    width: auto;\n  }\n  .room-platform-room .w-dvw {\n    width: 100dvw;\n  }\n  .room-platform-room .w-fit {\n    width: fit-content;\n  }\n  .room-platform-room .w-full {\n    width: 100%;\n  }\n  .room-platform-room .w-full\\! {\n    width: 100% !important;\n  }\n  .room-platform-room .w-screen {\n    width: 100vw;\n  }\n  .room-platform-room .max-w-\\(--available-width\\) {\n    max-width: var(--available-width);\n  }\n  .room-platform-room .max-w-\\[40\\%\\] {\n    max-width: 40%;\n  }\n  .room-platform-room .max-w-\\[calc\\(100\\%-1\\.5rem\\)\\] {\n    max-width: calc(100% - 1.5rem);\n  }\n  .room-platform-room .max-w-\\[calc\\(100\\%-1rem\\)\\] {\n    max-width: calc(100% - 1rem);\n  }\n  .room-platform-room .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .room-platform-room .max-w-\\[var\\(--skeleton-width\\)\\] {\n    max-width: var(--skeleton-width);\n  }\n  .room-platform-room .max-w-full {\n    max-width: 100%;\n  }\n  .room-platform-room .max-w-none {\n    max-width: none;\n  }\n  .room-platform-room .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .room-platform-room .min-w-\\(--cell-size\\) {\n    min-width: var(--cell-size);\n  }\n  .room-platform-room .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .min-w-7 {\n    min-width: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .min-w-8 {\n    min-width: calc(var(--spacing) * 8);\n  }\n  .room-platform-room .min-w-9 {\n    min-width: calc(var(--spacing) * 9);\n  }\n  .room-platform-room .min-w-16 {\n    min-width: calc(var(--spacing) * 16);\n  }\n  .room-platform-room .min-w-32 {\n    min-width: calc(var(--spacing) * 32);\n  }\n  .room-platform-room .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n  .room-platform-room .min-w-\\[96px\\] {\n    min-width: 96px;\n  }\n  .room-platform-room .min-w-\\[calc\\(var\\(--anchor-width\\)\\+--spacing\\(7\\)\\)\\] {\n    min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));\n  }\n  .room-platform-room .flex-1 {\n    flex: 1;\n  }\n  .room-platform-room .flex-none {\n    flex: none;\n  }\n  .room-platform-room .shrink-0 {\n    flex-shrink: 0;\n  }\n  .room-platform-room .grow-0 {\n    flex-grow: 0;\n  }\n  .room-platform-room .basis-full {\n    flex-basis: 100%;\n  }\n  .room-platform-room .caption-bottom {\n    caption-side: bottom;\n  }\n  .room-platform-room .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  }\n  .room-platform-room .origin-\\(--radix-popover-content-transform-origin\\) {\n    transform-origin: var(--radix-popover-content-transform-origin);\n  }\n  .room-platform-room .origin-\\(--radix-select-content-transform-origin\\) {\n    transform-origin: var(--radix-select-content-transform-origin);\n  }\n  .room-platform-room .origin-\\(--transform-origin\\) {\n    transform-origin: var(--transform-origin);\n  }\n  .room-platform-room .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .-translate-x-px {\n    --tw-translate-x: -1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .translate-x-px {\n    --tw-translate-x: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .translate-y-\\[calc\\(100\\%-0\\.75rem\\)\\] {\n    --tw-translate-y: calc(100% - 0.75rem);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .room-platform-room .-scale-x-100 {\n    --tw-scale-x: calc(100% * -1);\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .room-platform-room .rotate-45 {\n    rotate: 45deg;\n  }\n  .room-platform-room .rotate-90 {\n    rotate: 90deg;\n  }\n  .room-platform-room .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .room-platform-room .animate-in {\n    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n  }\n  .room-platform-room .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .room-platform-room .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .room-platform-room .cursor-default {\n    cursor: default;\n  }\n  .room-platform-room .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .room-platform-room .cursor-pointer {\n    cursor: pointer;\n  }\n  .room-platform-room .cursor-text {\n    cursor: text;\n  }\n  .room-platform-room .touch-manipulation {\n    touch-action: manipulation;\n  }\n  .room-platform-room .resize {\n    resize: both;\n  }\n  .room-platform-room .resize-none {\n    resize: none;\n  }\n  .room-platform-room .scroll-my-1 {\n    scroll-margin-block: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .scroll-py-1 {\n    scroll-padding-block: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .list-disc {\n    list-style-type: disc;\n  }\n  .room-platform-room .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n  .room-platform-room .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n  .room-platform-room .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .room-platform-room .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .room-platform-room .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .room-platform-room .grid-rows-\\[auto_1fr\\] {\n    grid-template-rows: auto 1fr;\n  }\n  .room-platform-room .grid-rows-\\[auto_minmax\\(0\\,1fr\\)\\] {\n    grid-template-rows: auto minmax(0,1fr);\n  }\n  .room-platform-room .grid-rows-\\[minmax\\(240px\\,45dvh\\)_minmax\\(0\\,1fr\\)\\] {\n    grid-template-rows: minmax(240px,45dvh) minmax(0,1fr);\n  }\n  .room-platform-room .flex-col {\n    flex-direction: column;\n  }\n  .room-platform-room .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n  .room-platform-room .flex-row {\n    flex-direction: row;\n  }\n  .room-platform-room .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .room-platform-room .place-content-center {\n    place-content: center;\n  }\n  .room-platform-room .place-items-center {\n    place-items: center;\n  }\n  .room-platform-room .content-start {\n    align-content: flex-start;\n  }\n  .room-platform-room .items-center {\n    align-items: center;\n  }\n  .room-platform-room .items-start {\n    align-items: flex-start;\n  }\n  .room-platform-room .items-stretch {\n    align-items: stretch;\n  }\n  .room-platform-room .justify-between {\n    justify-content: space-between;\n  }\n  .room-platform-room .justify-center {\n    justify-content: center;\n  }\n  .room-platform-room .justify-end {\n    justify-content: flex-end;\n  }\n  .room-platform-room .justify-start {\n    justify-content: flex-start;\n  }\n  .room-platform-room .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .room-platform-room .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n  .room-platform-room .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .gap-\\[--spacing\\(var\\(--gap\\)\\)\\] {\n    gap: calc(var(--spacing) * var(--gap));\n  }\n  .room-platform-room .self-start {\n    align-self: flex-start;\n  }\n  .room-platform-room .self-stretch {\n    align-self: stretch;\n  }\n  .room-platform-room .justify-self-end {\n    justify-self: flex-end;\n  }\n  .room-platform-room .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .room-platform-room .overflow-auto {\n    overflow: auto;\n  }\n  .room-platform-room .overflow-hidden {\n    overflow: hidden;\n  }\n  .room-platform-room .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .room-platform-room .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .room-platform-room .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .room-platform-room .overscroll-contain {\n    overscroll-behavior: contain;\n  }\n  .room-platform-room .rounded-\\(--cell-radius\\) {\n    border-radius: var(--cell-radius);\n  }\n  .room-platform-room .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .room-platform-room .rounded-4xl {\n    border-radius: var(--radius-4xl);\n  }\n  .room-platform-room .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .room-platform-room .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n  .room-platform-room .rounded-\\[calc\\(var\\(--radius\\)-3px\\)\\] {\n    border-radius: calc(var(--radius) - 3px);\n  }\n  .room-platform-room .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    border-radius: min(var(--radius-md), 10px);\n  }\n  .room-platform-room .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n    border-radius: min(var(--radius-md), 12px);\n  }\n  .room-platform-room .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .room-platform-room .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .room-platform-room .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .room-platform-room .rounded-none {\n    border-radius: 0;\n  }\n  .room-platform-room .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .room-platform-room .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .room-platform-room .rounded-t-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-top-right-radius: var(--radius-xl);\n  }\n  .room-platform-room .rounded-l-\\(--cell-radius\\) {\n    border-top-left-radius: var(--cell-radius);\n    border-bottom-left-radius: var(--cell-radius);\n  }\n  .room-platform-room .rounded-l-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n  .room-platform-room .rounded-r-\\(--cell-radius\\) {\n    border-top-right-radius: var(--cell-radius);\n    border-bottom-right-radius: var(--cell-radius);\n  }\n  .room-platform-room .rounded-b-xl {\n    border-bottom-right-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n  .room-platform-room .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .room-platform-room .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .room-platform-room .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .room-platform-room .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .room-platform-room .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .room-platform-room .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .room-platform-room .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .room-platform-room .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .room-platform-room .border-\\[\\#2563EB\\] {\n    border-color: #2563EB;\n  }\n  .room-platform-room .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .room-platform-room .border-border {\n    border-color: var(--color-border);\n  }\n  .room-platform-room .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .room-platform-room .border-input {\n    border-color: var(--color-input);\n  }\n  .room-platform-room .border-liveclass-orange {\n    border-color: var(--color-liveclass-orange);\n  }\n  .room-platform-room .border-liveclass-orange\\/30 {\n    border-color: color-mix(in srgb, #eb6619 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-liveclass-orange) 30%, transparent);\n    }\n  }\n  .room-platform-room .border-primary\\/10 {\n    border-color: color-mix(in srgb, #242f62 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .room-platform-room .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n  .room-platform-room .border-red-300\\/40 {\n    border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-red-300) 40%, transparent);\n    }\n  }\n  .room-platform-room .border-sky-200 {\n    border-color: var(--color-sky-200);\n  }\n  .room-platform-room .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .room-platform-room .border-slate-300 {\n    border-color: var(--color-slate-300);\n  }\n  .room-platform-room .border-transparent {\n    border-color: transparent;\n  }\n  .room-platform-room .border-white {\n    border-color: var(--color-white);\n  }\n  .room-platform-room .border-white\\/10 {\n    border-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .room-platform-room .border-white\\/20 {\n    border-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .room-platform-room .border-white\\/30 {\n    border-color: color-mix(in srgb, #fff 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n    }\n  }\n  .room-platform-room .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .room-platform-room .bg-background {\n    background-color: var(--color-background);\n  }\n  .room-platform-room .bg-black {\n    background-color: var(--color-black);\n  }\n  .room-platform-room .bg-black\\/10 {\n    background-color: color-mix(in srgb, #000 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n    }\n  }\n  .room-platform-room .bg-black\\/20 {\n    background-color: color-mix(in srgb, #000 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n    }\n  }\n  .room-platform-room .bg-border {\n    background-color: var(--color-border);\n  }\n  .room-platform-room .bg-card {\n    background-color: var(--color-card);\n  }\n  .room-platform-room .bg-destructive\\/10 {\n    background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n    }\n  }\n  .room-platform-room .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .room-platform-room .bg-input {\n    background-color: var(--color-input);\n  }\n  .room-platform-room .bg-liveclass-orange {\n    background-color: var(--color-liveclass-orange);\n  }\n  .room-platform-room .bg-liveclass-orange\\/10 {\n    background-color: color-mix(in srgb, #eb6619 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-liveclass-orange) 10%, transparent);\n    }\n  }\n  .room-platform-room .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .room-platform-room .bg-muted\\/50 {\n    background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n    }\n  }\n  .room-platform-room .bg-popover {\n    background-color: var(--color-popover);\n  }\n  .room-platform-room .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .room-platform-room .bg-primary\\/10 {\n    background-color: color-mix(in srgb, #242f62 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .room-platform-room .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n  .room-platform-room .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .room-platform-room .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n  .room-platform-room .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .room-platform-room .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .room-platform-room .bg-slate-900\\/45 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 45%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 45%, transparent);\n    }\n  }\n  .room-platform-room .bg-slate-950 {\n    background-color: var(--color-slate-950);\n  }\n  .room-platform-room .bg-slate-950\\/40 {\n    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);\n    }\n  }\n  .room-platform-room .bg-slate-950\\/75 {\n    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 75%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-950) 75%, transparent);\n    }\n  }\n  .room-platform-room .bg-slate-950\\/80 {\n    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);\n    }\n  }\n  .room-platform-room .bg-slate-950\\/90 {\n    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent);\n    }\n  }\n  .room-platform-room .bg-transparent {\n    background-color: transparent;\n  }\n  .room-platform-room .bg-white {\n    background-color: var(--color-white);\n  }\n  .room-platform-room .bg-white\\/90 {\n    background-color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .room-platform-room .bg-clip-padding {\n    background-clip: padding-box;\n  }\n  .room-platform-room .fill-primary {\n    fill: var(--color-primary);\n  }\n  .room-platform-room .object-contain {\n    object-fit: contain;\n  }\n  .room-platform-room .object-cover {\n    object-fit: cover;\n  }\n  .room-platform-room .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n  .room-platform-room .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n  .room-platform-room .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .room-platform-room .p-\\[3px\\] {\n    padding: 3px;\n  }\n  .room-platform-room .px-\\(--cell-size\\) {\n    padding-inline: var(--cell-size);\n  }\n  .room-platform-room .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .room-platform-room .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n  .room-platform-room .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .room-platform-room .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .room-platform-room .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n  .room-platform-room .pr-10 {\n    padding-right: calc(var(--spacing) * 10);\n  }\n  .room-platform-room .pr-20 {\n    padding-right: calc(var(--spacing) * 20);\n  }\n  .room-platform-room .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .room-platform-room .pl-1\\.5 {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n  .room-platform-room .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .room-platform-room .pl-2\\.5 {\n    padding-left: calc(var(--spacing) * 2.5);\n  }\n  .room-platform-room .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .room-platform-room .text-center {\n    text-align: center;\n  }\n  .room-platform-room .text-left {\n    text-align: left;\n  }\n  .room-platform-room .align-middle {\n    vertical-align: middle;\n  }\n  .room-platform-room .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .room-platform-room .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .room-platform-room .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .room-platform-room .text-\\[0\\.8rem\\] {\n    font-size: 0.8rem;\n  }\n  .room-platform-room .leading-5 {\n    --tw-leading: calc(var(--spacing) * 5);\n    line-height: calc(var(--spacing) * 5);\n  }\n  .room-platform-room .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .room-platform-room .leading-normal {\n    --tw-leading: var(--leading-normal);\n    line-height: var(--leading-normal);\n  }\n  .room-platform-room .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .room-platform-room .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .room-platform-room .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .room-platform-room .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .room-platform-room .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .room-platform-room .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .room-platform-room .text-balance {\n    text-wrap: balance;\n  }\n  .room-platform-room .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .room-platform-room .text-\\[\\#2563EB\\] {\n    color: #2563EB;\n  }\n  .room-platform-room .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .room-platform-room .text-amber-950 {\n    color: var(--color-amber-950);\n  }\n  .room-platform-room .text-card-foreground {\n    color: var(--color-card-foreground);\n  }\n  .room-platform-room .text-current {\n    color: currentcolor;\n  }\n  .room-platform-room .text-destructive {\n    color: var(--color-destructive);\n  }\n  .room-platform-room .text-emerald-950 {\n    color: var(--color-emerald-950);\n  }\n  .room-platform-room .text-foreground {\n    color: var(--color-foreground);\n  }\n  .room-platform-room .text-foreground\\/60 {\n    color: color-mix(in srgb, oklch(0.145 0 0) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);\n    }\n  }\n  .room-platform-room .text-liveclass-orange {\n    color: var(--color-liveclass-orange);\n  }\n  .room-platform-room .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .room-platform-room .text-popover-foreground {\n    color: var(--color-popover-foreground);\n  }\n  .room-platform-room .text-primary {\n    color: var(--color-primary);\n  }\n  .room-platform-room .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .room-platform-room .text-red-100 {\n    color: var(--color-red-100);\n  }\n  .room-platform-room .text-secondary-foreground {\n    color: var(--color-secondary-foreground);\n  }\n  .room-platform-room .text-sky-950 {\n    color: var(--color-sky-950);\n  }\n  .room-platform-room .text-slate-200 {\n    color: var(--color-slate-200);\n  }\n  .room-platform-room .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .room-platform-room .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .room-platform-room .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .room-platform-room .text-slate-700 {\n    color: var(--color-slate-700);\n  }\n  .room-platform-room .text-slate-950 {\n    color: var(--color-slate-950);\n  }\n  .room-platform-room .text-white {\n    color: var(--color-white);\n  }\n  .room-platform-room .text-white\\/55 {\n    color: color-mix(in srgb, #fff 55%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 55%, transparent);\n    }\n  }\n  .room-platform-room .text-white\\/60 {\n    color: color-mix(in srgb, #fff 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 60%, transparent);\n    }\n  }\n  .room-platform-room .text-white\\/70 {\n    color: color-mix(in srgb, #fff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 70%, transparent);\n    }\n  }\n  .room-platform-room .uppercase {\n    text-transform: uppercase;\n  }\n  .room-platform-room .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .room-platform-room .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .room-platform-room .opacity-0 {\n    opacity: 0%;\n  }\n  .room-platform-room .opacity-50 {\n    opacity: 50%;\n  }\n  .room-platform-room .opacity-70 {\n    opacity: 70%;\n  }\n  .room-platform-room .opacity-80 {\n    opacity: 80%;\n  }\n  .room-platform-room .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .shadow-\\[0_0_0_1px_var\\(--sidebar-border\\)\\] {\n    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .room-platform-room .ring-\\[\\#2563EB\\]\\/15 {\n    --tw-ring-color: color-mix(in oklab, #2563EB 15%, transparent);\n  }\n  .room-platform-room .ring-emerald-400 {\n    --tw-ring-color: var(--color-emerald-400);\n  }\n  .room-platform-room .ring-foreground\\/10 {\n    --tw-ring-color: color-mix(in srgb, oklch(0.145 0 0) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);\n    }\n  }\n  .room-platform-room .ring-white\\/10 {\n    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .room-platform-room .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .room-platform-room .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .room-platform-room .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .room-platform-room .blur-\\[3px\\] {\n    --tw-blur: blur(3px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .room-platform-room .blur-\\[6px\\] {\n    --tw-blur: blur(6px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .room-platform-room .drop-shadow-sm {\n    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .room-platform-room .backdrop-blur-\\[1px\\] {\n    --tw-backdrop-blur: blur(1px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .room-platform-room .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-\\[left\\,right\\,width\\] {\n    transition-property: left,right,width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-\\[margin\\,opacity\\] {\n    transition-property: margin,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-\\[width\\,height\\,padding\\] {\n    transition-property: width,height,padding;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-\\[width\\,transform\\,opacity\\] {\n    transition-property: width,transform,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-\\[width\\] {\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .room-platform-room .transition-none {\n    transition-property: none;\n  }\n  .room-platform-room .duration-100 {\n    --tw-duration: 100ms;\n    transition-duration: 100ms;\n  }\n  .room-platform-room .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .room-platform-room .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .room-platform-room .ease-linear {\n    --tw-ease: linear;\n    transition-timing-function: linear;\n  }\n  .room-platform-room .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n  .room-platform-room .fade-in-0 {\n    --tw-enter-opacity: calc(0/100);\n    --tw-enter-opacity: 0;\n  }\n  .room-platform-room .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .room-platform-room .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .room-platform-room .zoom-in-95 {\n    --tw-enter-scale: calc(95*1%);\n    --tw-enter-scale: .95;\n  }\n  .room-platform-room .\\[--cell-radius\\:var\\(--radius-md\\)\\] {\n    --cell-radius: var(--radius-md);\n  }\n  .room-platform-room .\\[--cell-size\\:--spacing\\(7\\)\\] {\n    --cell-size: calc(var(--spacing) * 7);\n  }\n  .room-platform-room .paused {\n    animation-play-state: paused;\n  }\n  .room-platform-room .ring-inset {\n    --tw-ring-inset: inset;\n  }\n  .room-platform-room .running {\n    animation-play-state: running;\n  }\n  .room-platform-room .\\*\\:w-full {\n    .room-platform-room :is(& > *) {\n      width: 100%;\n    }\n  }\n  .room-platform-room .group-focus-within\\/menu-item\\:opacity-100 {\n    .room-platform-room &:is(:where(.group\\/menu-item):focus-within *) {\n      opacity: 100%;\n    }\n  }\n  .room-platform-room .group-hover\\/menu-item\\:opacity-100 {\n    .room-platform-room &:is(:where(.group\\/menu-item):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .room-platform-room .group-focus\\/dropdown-menu-item\\:text-accent-foreground {\n    .room-platform-room &:is(:where(.group\\/dropdown-menu-item):focus *) {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .room-platform-room .group-has-disabled\\/field\\:opacity-50 {\n    .room-platform-room &:is(:where(.group\\/field):has(*:disabled) *) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n    .room-platform-room &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n      padding-right: calc(var(--spacing) * 8);\n    }\n  }\n  .room-platform-room .group-has-data-\\[slot\\=combobox-clear\\]\\/input-group\\:hidden {\n    .room-platform-room &:is(:where(.group\\/input-group):has(*[data-slot=\"combobox-clear\"]) *) {\n      display: none;\n    }\n  }\n  .room-platform-room .group-has-data-horizontal\\/field\\:text-balance {\n    .room-platform-room &:is(:where(.group\\/field):has(*:where([data-orientation=\"horizontal\"])) *) {\n      text-wrap: balance;\n    }\n  }\n  .room-platform-room .group-has-\\[\\>input\\]\\/input-group\\:pt-2 {\n    .room-platform-room &:is(:where(.group\\/input-group):has(>input) *) {\n      padding-top: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .group-has-\\[\\>input\\]\\/input-group\\:pb-2 {\n    .room-platform-room &:is(:where(.group\\/input-group):has(>input) *) {\n      padding-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .group-has-\\[\\>svg\\]\\/alert\\:col-start-2 {\n    .room-platform-room &:is(:where(.group\\/alert):has(>svg) *) {\n      grid-column-start: 2;\n    }\n  }\n  .room-platform-room .group-data-empty\\/combobox-content\\:flex {\n    .room-platform-room &:is(:where(.group\\/combobox-content)[data-empty] *) {\n      display: flex;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      margin-top: calc(var(--spacing) * -8);\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:hidden {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      display: none;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--spacing) * 8) !important;\n      height: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+1rem\\)\\] {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + 1rem);\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+1rem\\+2px\\)\\] {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + 1rem + 2px);\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[var\\(--sidebar-width-icon\\)\\] {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: var(--sidebar-width-icon);\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      overflow: hidden;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      opacity: 0%;\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      width: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      --tw-translate-x: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .group-data-\\[disabled\\=true\\]\\:pointer-events-none {\n    .room-platform-room &:is(:where(.group)[data-disabled=\"true\"] *) {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .group-data-\\[disabled\\=true\\]\\:opacity-50 {\n    .room-platform-room &:is(:where(.group)[data-disabled=\"true\"] *) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .group-data-\\[disabled\\=true\\]\\/field\\:opacity-50 {\n    .room-platform-room &:is(:where(.group\\/field)[data-disabled=\"true\"] *) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .group-data-\\[disabled\\=true\\]\\/input-group\\:opacity-50 {\n    .room-platform-room &:is(:where(.group\\/input-group)[data-disabled=\"true\"] *) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:relative {\n    .room-platform-room &:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      position: relative;\n    }\n  }\n  .room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:z-10 {\n    .room-platform-room &:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      z-index: 10;\n    }\n  }\n  .room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:border-ring {\n    .room-platform-room &:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      border-color: var(--color-ring);\n    }\n  }\n  .room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\] {\n    .room-platform-room &:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50 {\n    .room-platform-room &:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      --tw-ring-color: color-mix(in srgb, #9dc2f3 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .group-data-\\[side\\=left\\]\\:-right-4 {\n    .room-platform-room &:is(:where(.group)[data-side=\"left\"] *) {\n      right: calc(var(--spacing) * -4);\n    }\n  }\n  .room-platform-room .group-data-\\[side\\=left\\]\\:border-r {\n    .room-platform-room &:is(:where(.group)[data-side=\"left\"] *) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .room-platform-room .group-data-\\[side\\=right\\]\\:left-0 {\n    .room-platform-room &:is(:where(.group)[data-side=\"right\"] *) {\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .group-data-\\[side\\=right\\]\\:rotate-180 {\n    .room-platform-room &:is(:where(.group)[data-side=\"right\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .room-platform-room .group-data-\\[side\\=right\\]\\:border-l {\n    .room-platform-room &:is(:where(.group)[data-side=\"right\"] *) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid {\n    .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n      display: grid;\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2 {\n    .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:p-3 {\n    .room-platform-room &:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n      padding: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:px-3 {\n    .room-platform-room &:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:text-sm {\n    .room-platform-room &:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none {\n    .room-platform-room &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      border-radius: 0;\n    }\n  }\n  .room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2 {\n    .room-platform-room &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      padding-inline: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n    .room-platform-room &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n    .room-platform-room &:is(:where(.group)[data-variant=\"floating\"] *) {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=floating\\]\\:ring-1 {\n    .room-platform-room &:is(:where(.group)[data-variant=\"floating\"] *) {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent {\n    .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2 {\n    .room-platform-room &:is(:where(.group\\/field-group)[data-variant=\"outline\"] *) {\n      margin-bottom: calc(var(--spacing) * -2);\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/tabs\\:h-8 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      height: calc(var(--spacing) * 8);\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:h-fit {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      height: fit-content;\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:w-full {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      width: 100%;\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:flex-col {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:justify-start {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      justify-content: flex-start;\n    }\n  }\n  .room-platform-room .peer-disabled\\:cursor-not-allowed {\n    .room-platform-room &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .room-platform-room .peer-disabled\\:opacity-50 {\n    .room-platform-room &:is(:where(.peer):disabled ~ *) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n    .room-platform-room &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n      top: calc(var(--spacing) * 1.5);\n    }\n  }\n  .room-platform-room .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n    .room-platform-room &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n      top: calc(var(--spacing) * 2.5);\n    }\n  }\n  .room-platform-room .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n    .room-platform-room &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n      top: calc(var(--spacing) * 1);\n    }\n  }\n  .room-platform-room .file\\:inline-flex {\n    .room-platform-room &::file-selector-button {\n      display: inline-flex;\n    }\n  }\n  .room-platform-room .file\\:h-6 {\n    .room-platform-room &::file-selector-button {\n      height: calc(var(--spacing) * 6);\n    }\n  }\n  .room-platform-room .file\\:border-0 {\n    .room-platform-room &::file-selector-button {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .room-platform-room .file\\:bg-transparent {\n    .room-platform-room &::file-selector-button {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .file\\:text-sm {\n    .room-platform-room &::file-selector-button {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .file\\:font-medium {\n    .room-platform-room &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .room-platform-room .file\\:text-foreground {\n    .room-platform-room &::file-selector-button {\n      color: var(--color-foreground);\n    }\n  }\n  .room-platform-room .placeholder\\:text-muted-foreground {\n    .room-platform-room &::placeholder {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .room-platform-room .after\\:absolute {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .room-platform-room .after\\:-inset-2 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      inset: calc(var(--spacing) * -2);\n    }\n  }\n  .room-platform-room .after\\:-inset-x-3 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      inset-inline: calc(var(--spacing) * -3);\n    }\n  }\n  .room-platform-room .after\\:-inset-y-2 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * -2);\n    }\n  }\n  .room-platform-room .after\\:inset-y-0 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .after\\:start-1\\/2 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      inset-inline-start: calc(1/2 * 100%);\n    }\n  }\n  .room-platform-room .after\\:right-0 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      right: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .after\\:left-0 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .after\\:w-4 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      width: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .after\\:w-\\[2px\\] {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      width: 2px;\n    }\n  }\n  .room-platform-room .after\\:bg-foreground {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      background-color: var(--color-foreground);\n    }\n  }\n  .room-platform-room .after\\:bg-muted {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .after\\:opacity-0 {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      opacity: 0%;\n    }\n  }\n  .room-platform-room .after\\:transition-opacity {\n    .room-platform-room &::after {\n      content: var(--tw-content);\n      transition-property: opacity;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n    .room-platform-room &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        left: 100%;\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/tabs\\:after\\:inset-x-0 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        inset-inline: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\] {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        bottom: -5px;\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/tabs\\:after\\:h-0\\.5 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        height: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:after\\:inset-y-0 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        inset-block: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:after\\:-right-1 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        right: calc(var(--spacing) * -1);\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/tabs\\:after\\:w-0\\.5 {\n    .room-platform-room &:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        width: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n  .room-platform-room .last\\:mt-0 {\n    .room-platform-room &:last-child {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .focus-within\\:border-ring {\n    .room-platform-room &:focus-within {\n      border-color: var(--color-ring);\n    }\n  }\n  .room-platform-room .focus-within\\:ring-3 {\n    .room-platform-room &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .focus-within\\:ring-ring\\/50 {\n    .room-platform-room &:focus-within {\n      --tw-ring-color: color-mix(in srgb, #9dc2f3 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .hover\\:border-slate-300 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-300);\n      }\n    }\n  }\n  .room-platform-room .hover\\:border-slate-400 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-400);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-destructive\\/20 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-liveclass-orange\\/90 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #eb6619 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-liveclass-orange) 90%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-muted {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-muted\\/50 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-red-50 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-50);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-red-500\\/15 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-secondary\\/80 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #eb6619 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-slate-100 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-slate-900 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-900);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-transparent {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-white {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-white);\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-white\\/10 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:bg-white\\/15 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 15%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .hover\\:text-foreground {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        color: var(--color-foreground);\n      }\n    }\n  }\n  .room-platform-room .hover\\:text-muted-foreground {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        color: var(--color-muted-foreground);\n      }\n    }\n  }\n  .room-platform-room .hover\\:text-red-600 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-600);\n      }\n    }\n  }\n  .room-platform-room .hover\\:text-white {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        color: var(--color-white);\n      }\n    }\n  }\n  .room-platform-room .hover\\:underline {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .room-platform-room .hover\\:opacity-100 {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .room-platform-room .hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\] {\n    .room-platform-room &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .focus\\:z-10 {\n    .room-platform-room &:focus {\n      z-index: 10;\n    }\n  }\n  .room-platform-room .focus\\:bg-accent {\n    .room-platform-room &:focus {\n      background-color: var(--color-accent);\n    }\n  }\n  .room-platform-room .focus\\:text-accent-foreground {\n    .room-platform-room &:focus {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .room-platform-room .focus\\:\\*\\*\\:text-accent-foreground {\n    .room-platform-room &:focus {\n      .room-platform-room :is(& *) {\n        color: var(--color-accent-foreground);\n      }\n    }\n  }\n  .room-platform-room .not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground {\n    .room-platform-room &:not(*[data-variant=\"destructive\"]) {\n      .room-platform-room &:focus {\n        .room-platform-room :is(& *) {\n          color: var(--color-accent-foreground);\n        }\n      }\n    }\n  }\n  .room-platform-room .focus-visible\\:z-10 {\n    .room-platform-room &:focus-visible {\n      z-index: 10;\n    }\n  }\n  .room-platform-room .focus-visible\\:border-destructive\\/40 {\n    .room-platform-room &:focus-visible {\n      border-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n      }\n    }\n  }\n  .room-platform-room .focus-visible\\:border-ring {\n    .room-platform-room &:focus-visible {\n      border-color: var(--color-ring);\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-0 {\n    .room-platform-room &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-2 {\n    .room-platform-room &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-3 {\n    .room-platform-room &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-\\[3px\\] {\n    .room-platform-room &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-destructive\\/20 {\n    .room-platform-room &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .room-platform-room .focus-visible\\:ring-ring\\/50 {\n    .room-platform-room &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, #9dc2f3 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .focus-visible\\:outline-1 {\n    .room-platform-room &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n  }\n  .room-platform-room .focus-visible\\:outline-ring {\n    .room-platform-room &:focus-visible {\n      outline-color: var(--color-ring);\n    }\n  }\n  .room-platform-room .\\*\\:focus-visible\\:relative {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:focus-visible {\n        position: relative;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:focus-visible\\:z-10 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:focus-visible {\n        z-index: 10;\n      }\n    }\n  }\n  .room-platform-room .active\\:not-aria-\\[haspopup\\]\\:translate-y-px {\n    .room-platform-room &:active {\n      .room-platform-room &:not(*[aria-haspopup]) {\n        --tw-translate-y: 1px;\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .room-platform-room .disabled\\:pointer-events-none {\n    .room-platform-room &:disabled {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .disabled\\:cursor-not-allowed {\n    .room-platform-room &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .room-platform-room .disabled\\:border-white\\/35 {\n    .room-platform-room &:disabled {\n      border-color: color-mix(in srgb, #fff 35%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 35%, transparent);\n      }\n    }\n  }\n  .room-platform-room .disabled\\:bg-input\\/50 {\n    .room-platform-room &:disabled {\n      background-color: color-mix(in srgb, oklch(0.922 0 0) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .disabled\\:bg-transparent {\n    .room-platform-room &:disabled {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .disabled\\:bg-white\\/5 {\n    .room-platform-room &:disabled {\n      background-color: color-mix(in srgb, #fff 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n      }\n    }\n  }\n  .room-platform-room .disabled\\:text-white\\/65 {\n    .room-platform-room &:disabled {\n      color: color-mix(in srgb, #fff 65%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-white) 65%, transparent);\n      }\n    }\n  }\n  .room-platform-room .disabled\\:opacity-50 {\n    .room-platform-room &:disabled {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n    .room-platform-room :where(*[data-side=\"left\"]) & {\n      cursor: w-resize;\n    }\n  }\n  .room-platform-room .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n    .room-platform-room :where(*[data-side=\"right\"]) & {\n      cursor: e-resize;\n    }\n  }\n  .room-platform-room .in-data-\\[slot\\=button-group\\]\\:rounded-lg {\n    .room-platform-room :where(*[data-slot=\"button-group\"]) & {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .room-platform-room .in-data-\\[slot\\=card-content\\]\\:bg-transparent {\n    .room-platform-room :where(*[data-slot=\"card-content\"]) & {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .in-data-\\[slot\\=combobox-content\\]\\:focus-within\\:border-inherit {\n    .room-platform-room :where(*[data-slot=\"combobox-content\"]) & {\n      .room-platform-room &:focus-within {\n        border-color: inherit;\n      }\n    }\n  }\n  .room-platform-room .in-data-\\[slot\\=combobox-content\\]\\:focus-within\\:ring-0 {\n    .room-platform-room :where(*[data-slot=\"combobox-content\"]) & {\n      .room-platform-room &:focus-within {\n        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .in-data-\\[slot\\=popover-content\\]\\:bg-transparent {\n    .room-platform-room :where(*[data-slot=\"popover-content\"]) & {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .has-disabled\\:pointer-events-none {\n    .room-platform-room &:has(*:disabled) {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .has-disabled\\:cursor-not-allowed {\n    .room-platform-room &:has(*:disabled) {\n      cursor: not-allowed;\n    }\n  }\n  .room-platform-room .has-disabled\\:bg-input\\/50 {\n    .room-platform-room &:has(*:disabled) {\n      background-color: color-mix(in srgb, oklch(0.922 0 0) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-disabled\\:opacity-50 {\n    .room-platform-room &:has(*:disabled) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .has-aria-expanded\\:bg-muted\\/50 {\n    .room-platform-room &:has(*[aria-expanded=\"true\"]) {\n      background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-aria-invalid\\:border-destructive {\n    .room-platform-room &:has(*[aria-invalid=\"true\"]) {\n      border-color: var(--color-destructive);\n    }\n  }\n  .room-platform-room .has-aria-invalid\\:ring-3 {\n    .room-platform-room &:has(*[aria-invalid=\"true\"]) {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .has-aria-invalid\\:ring-destructive\\/20 {\n    .room-platform-room &:has(*[aria-invalid=\"true\"]) {\n      --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-1 {\n    .room-platform-room &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 1);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5 {\n    .room-platform-room &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 1.5);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-2 {\n    .room-platform-room &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-3 {\n    .room-platform-room &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5 {\n    .room-platform-room &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      .room-platform-room &:has(*[data-icon=\"inline-end\"]) {\n        padding-right: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-1 {\n    .room-platform-room &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 1);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5 {\n    .room-platform-room &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 1.5);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-2 {\n    .room-platform-room &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-3 {\n    .room-platform-room &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5 {\n    .room-platform-room &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      .room-platform-room &:has(*[data-icon=\"inline-start\"]) {\n        padding-left: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=alert-action\\]\\:relative {\n    .room-platform-room &:has(*[data-slot=\"alert-action\"]) {\n      position: relative;\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=alert-action\\]\\:pr-18 {\n    .room-platform-room &:has(*[data-slot=\"alert-action\"]) {\n      padding-right: calc(var(--spacing) * 18);\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\] {\n    .room-platform-room &:has(*[data-slot=\"alert-dialog-media\"]) {\n      grid-template-rows: auto auto 1fr;\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-4 {\n    .room-platform-room &:has(*[data-slot=\"alert-dialog-media\"]) {\n      column-gap: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n    .room-platform-room &:has(*[data-slot=\"card-action\"]) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\] {\n    .room-platform-room &:has(*[data-slot=\"card-description\"]) {\n      grid-template-rows: auto auto;\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=card-footer\\]\\:pb-0 {\n    .room-platform-room &:has(*[data-slot=\"card-footer\"]) {\n      padding-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=combobox-chip\\]\\:px-1 {\n    .room-platform-room &:has(*[data-slot=\"combobox-chip\"]) {\n      padding-inline: calc(var(--spacing) * 1);\n    }\n  }\n  .room-platform-room .has-data-\\[slot\\=combobox-chip-remove\\]\\:pr-0 {\n    .room-platform-room &:has(*[data-slot=\"combobox-chip-remove\"]) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .has-data-checked\\:border-primary\\/30 {\n    .room-platform-room &:has(*:where([data-state=\"checked\"]), *:where([data-checked]:not([data-checked=\"false\"]))) {\n      border-color: color-mix(in srgb, #242f62 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-data-checked\\:bg-primary\\/5 {\n    .room-platform-room &:has(*:where([data-state=\"checked\"]), *:where([data-checked]:not([data-checked=\"false\"]))) {\n      background-color: color-mix(in srgb, #242f62 5%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring {\n    .room-platform-room &:has(*:is([data-slot=input-group-control]:focus-visible)) {\n      border-color: var(--color-ring);\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-3 {\n    .room-platform-room &:has(*:is([data-slot=input-group-control]:focus-visible)) {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50 {\n    .room-platform-room &:has(*:is([data-slot=input-group-control]:focus-visible)) {\n      --tw-ring-color: color-mix(in srgb, #9dc2f3 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive {\n    .room-platform-room &:has(*:is([data-slot][aria-invalid=true])) {\n      border-color: var(--color-destructive);\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-3 {\n    .room-platform-room &:has(*:is([data-slot][aria-invalid=true])) {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20 {\n    .room-platform-room &:has(*:is([data-slot][aria-invalid=true])) {\n      --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto {\n    .room-platform-room &:has(>[data-align=block-end]) {\n      height: auto;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col {\n    .room-platform-room &:has(>[data-align=block-end]) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto {\n    .room-platform-room &:has(>[data-align=block-start]) {\n      height: auto;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col {\n    .room-platform-room &:has(>[data-align=block-start]) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=button-group\\]\\]\\:gap-2 {\n    .room-platform-room &:has(>[data-slot=button-group]) {\n      gap: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=checkbox-group\\]\\]\\:gap-3 {\n    .room-platform-room &:has(>[data-slot=checkbox-group]) {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start {\n    .room-platform-room &:has(>[data-slot=field-content]) {\n      align-items: flex-start;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:w-full {\n    .room-platform-room &:has(>[data-slot=field]) {\n      width: 100%;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:flex-col {\n    .room-platform-room &:has(>[data-slot=field]) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:rounded-lg {\n    .room-platform-room &:has(>[data-slot=field]) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:border {\n    .room-platform-room &:has(>[data-slot=field]) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3 {\n    .room-platform-room &:has(>[data-slot=radio-group]) {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .has-\\[\\>button\\]\\:mr-\\[-0\\.3rem\\] {\n    .room-platform-room &:has(>button) {\n      margin-right: -0.3rem;\n    }\n  }\n  .room-platform-room .has-\\[\\>button\\]\\:ml-\\[-0\\.3rem\\] {\n    .room-platform-room &:has(>button) {\n      margin-left: -0.3rem;\n    }\n  }\n  .room-platform-room .has-\\[\\>img\\:first-child\\]\\:pt-0 {\n    .room-platform-room &:has(>img:first-child) {\n      padding-top: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .has-\\[\\>kbd\\]\\:mr-\\[-0\\.15rem\\] {\n    .room-platform-room &:has(>kbd) {\n      margin-right: -0.15rem;\n    }\n  }\n  .room-platform-room .has-\\[\\>kbd\\]\\:ml-\\[-0\\.15rem\\] {\n    .room-platform-room &:has(>kbd) {\n      margin-left: -0.15rem;\n    }\n  }\n  .room-platform-room .has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\] {\n    .room-platform-room &:has(>svg) {\n      grid-template-columns: auto 1fr;\n    }\n  }\n  .room-platform-room .has-\\[\\>svg\\]\\:gap-x-2 {\n    .room-platform-room &:has(>svg) {\n      column-gap: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .has-\\[\\>svg\\]\\:p-0 {\n    .room-platform-room &:has(>svg) {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .has-\\[\\>textarea\\]\\:h-auto {\n    .room-platform-room &:has(>textarea) {\n      height: auto;\n    }\n  }\n  .room-platform-room .aria-disabled\\:pointer-events-none {\n    .room-platform-room &[aria-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .aria-disabled\\:opacity-50 {\n    .room-platform-room &[aria-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .aria-expanded\\:bg-muted {\n    .room-platform-room &[aria-expanded=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .aria-expanded\\:bg-secondary {\n    .room-platform-room &[aria-expanded=\"true\"] {\n      background-color: var(--color-secondary);\n    }\n  }\n  .room-platform-room .aria-expanded\\:text-foreground {\n    .room-platform-room &[aria-expanded=\"true\"] {\n      color: var(--color-foreground);\n    }\n  }\n  .room-platform-room .aria-expanded\\:text-secondary-foreground {\n    .room-platform-room &[aria-expanded=\"true\"] {\n      color: var(--color-secondary-foreground);\n    }\n  }\n  .room-platform-room .aria-expanded\\:opacity-100 {\n    .room-platform-room &[aria-expanded=\"true\"] {\n      opacity: 100%;\n    }\n  }\n  .room-platform-room .aria-invalid\\:border-destructive {\n    .room-platform-room &[aria-invalid=\"true\"] {\n      border-color: var(--color-destructive);\n    }\n  }\n  .room-platform-room .aria-invalid\\:ring-0 {\n    .room-platform-room &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .aria-invalid\\:ring-3 {\n    .room-platform-room &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .room-platform-room .aria-invalid\\:ring-destructive\\/20 {\n    .room-platform-room &[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .room-platform-room .aria-invalid\\:aria-checked\\:border-primary {\n    .room-platform-room &[aria-invalid=\"true\"] {\n      .room-platform-room &[aria-checked=\"true\"] {\n        border-color: var(--color-primary);\n      }\n    }\n  }\n  .room-platform-room .aria-pressed\\:bg-muted {\n    .room-platform-room &[aria-pressed=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .aria-selected\\:text-muted-foreground {\n    .room-platform-room &[aria-selected=\"true\"] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .room-platform-room .data-empty\\:p-0 {\n    .room-platform-room &[data-empty] {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-highlighted\\:bg-accent {\n    .room-platform-room &[data-highlighted] {\n      background-color: var(--color-accent);\n    }\n  }\n  .room-platform-room .data-highlighted\\:text-accent-foreground {\n    .room-platform-room &[data-highlighted] {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .room-platform-room .not-data-\\[variant\\=destructive\\]\\:data-highlighted\\:\\*\\*\\:text-accent-foreground {\n    .room-platform-room &:not(*[data-variant=\"destructive\"]) {\n      .room-platform-room &[data-highlighted] {\n        .room-platform-room :is(& *) {\n          color: var(--color-accent-foreground);\n        }\n      }\n    }\n  }\n  .room-platform-room .data-inset\\:pl-7 {\n    .room-platform-room &[data-inset] {\n      padding-left: calc(var(--spacing) * 7);\n    }\n  }\n  .room-platform-room .data-placeholder\\:text-muted-foreground {\n    .room-platform-room &[data-placeholder] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .room-platform-room .data-pressed\\:bg-transparent {\n    .room-platform-room &[data-pressed] {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .data-\\[align-trigger\\=true\\]\\:animate-none {\n    .room-platform-room &[data-align-trigger=\"true\"] {\n      animation: none;\n    }\n  }\n  .room-platform-room .data-\\[chips\\=true\\]\\:min-w-\\(--anchor-width\\) {\n    .room-platform-room &[data-chips=\"true\"] {\n      min-width: var(--anchor-width);\n    }\n  }\n  .room-platform-room .data-\\[invalid\\=true\\]\\:text-destructive {\n    .room-platform-room &[data-invalid=\"true\"] {\n      color: var(--color-destructive);\n    }\n  }\n  .room-platform-room .data-\\[lk-enabled\\=true\\]\\:border-white {\n    .room-platform-room &[data-lk-enabled=\"true\"] {\n      border-color: var(--color-white);\n    }\n  }\n  .room-platform-room .data-\\[lk-enabled\\=true\\]\\:bg-white {\n    .room-platform-room &[data-lk-enabled=\"true\"] {\n      background-color: var(--color-white);\n    }\n  }\n  .room-platform-room .data-\\[lk-enabled\\=true\\]\\:text-slate-950 {\n    .room-platform-room &[data-lk-enabled=\"true\"] {\n      color: var(--color-slate-950);\n    }\n  }\n  .room-platform-room .data-\\[lk-enabled\\=true\\]\\:hover\\:bg-white {\n    .room-platform-room &[data-lk-enabled=\"true\"] {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-white);\n        }\n      }\n    }\n  }\n  .room-platform-room .data-\\[position\\=popper\\]\\:h-\\(--radix-select-trigger-height\\) {\n    .room-platform-room &[data-position=\"popper\"] {\n      height: var(--radix-select-trigger-height);\n    }\n  }\n  .room-platform-room .data-\\[position\\=popper\\]\\:w-full {\n    .room-platform-room &[data-position=\"popper\"] {\n      width: 100%;\n    }\n  }\n  .room-platform-room .data-\\[position\\=popper\\]\\:min-w-\\(--radix-select-trigger-width\\) {\n    .room-platform-room &[data-position=\"popper\"] {\n      min-width: var(--radix-select-trigger-width);\n    }\n  }\n  .room-platform-room .data-\\[range-end\\=true\\]\\:rounded-\\(--cell-radius\\) {\n    .room-platform-room &[data-range-end=\"true\"] {\n      border-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .data-\\[range-end\\=true\\]\\:rounded-r-\\(--cell-radius\\) {\n    .room-platform-room &[data-range-end=\"true\"] {\n      border-top-right-radius: var(--cell-radius);\n      border-bottom-right-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .data-\\[range-end\\=true\\]\\:bg-primary {\n    .room-platform-room &[data-range-end=\"true\"] {\n      background-color: var(--color-primary);\n    }\n  }\n  .room-platform-room .data-\\[range-end\\=true\\]\\:text-primary-foreground {\n    .room-platform-room &[data-range-end=\"true\"] {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .room-platform-room .data-\\[range-middle\\=true\\]\\:rounded-none {\n    .room-platform-room &[data-range-middle=\"true\"] {\n      border-radius: 0;\n    }\n  }\n  .room-platform-room .data-\\[range-middle\\=true\\]\\:bg-muted {\n    .room-platform-room &[data-range-middle=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .data-\\[range-middle\\=true\\]\\:text-foreground {\n    .room-platform-room &[data-range-middle=\"true\"] {\n      color: var(--color-foreground);\n    }\n  }\n  .room-platform-room .data-\\[range-start\\=true\\]\\:rounded-\\(--cell-radius\\) {\n    .room-platform-room &[data-range-start=\"true\"] {\n      border-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .data-\\[range-start\\=true\\]\\:rounded-l-\\(--cell-radius\\) {\n    .room-platform-room &[data-range-start=\"true\"] {\n      border-top-left-radius: var(--cell-radius);\n      border-bottom-left-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .data-\\[range-start\\=true\\]\\:bg-primary {\n    .room-platform-room &[data-range-start=\"true\"] {\n      background-color: var(--color-primary);\n    }\n  }\n  .room-platform-room .data-\\[range-start\\=true\\]\\:text-primary-foreground {\n    .room-platform-room &[data-range-start=\"true\"] {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .room-platform-room .data-\\[selected-single\\=true\\]\\:bg-primary {\n    .room-platform-room &[data-selected-single=\"true\"] {\n      background-color: var(--color-primary);\n    }\n  }\n  .room-platform-room .data-\\[selected-single\\=true\\]\\:text-primary-foreground {\n    .room-platform-room &[data-selected-single=\"true\"] {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .room-platform-room .data-\\[selected\\=true\\]\\:rounded-none {\n    .room-platform-room &[data-selected=\"true\"] {\n      border-radius: 0;\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:inset-x-0 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      inset-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:bottom-0 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:h-auto {\n    .room-platform-room &[data-side=\"bottom\"] {\n      height: auto;\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      --tw-translate-y: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:border-t {\n    .room-platform-room &[data-side=\"bottom\"] {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n    }\n  }\n  .room-platform-room .data-\\[side\\=inline-end\\]\\:slide-in-from-left-2 {\n    .room-platform-room &[data-side=\"inline-end\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n    }\n  }\n  .room-platform-room .data-\\[side\\=inline-start\\]\\:slide-in-from-right-2 {\n    .room-platform-room &[data-side=\"inline-start\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing));\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:inset-y-0 {\n    .room-platform-room &[data-side=\"left\"] {\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:left-0 {\n    .room-platform-room &[data-side=\"left\"] {\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:h-full {\n    .room-platform-room &[data-side=\"left\"] {\n      height: 100%;\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:w-3\\/4 {\n    .room-platform-room &[data-side=\"left\"] {\n      width: calc(3 / 4 * 100%);\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:-translate-x-1 {\n    .room-platform-room &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:border-r {\n    .room-platform-room &[data-side=\"left\"] {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n    .room-platform-room &[data-side=\"left\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing));\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    .room-platform-room &[data-side=\"left\"] {\n      .room-platform-room &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n        left: calc(var(--sidebar-width) * -1);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:inset-y-0 {\n    .room-platform-room &[data-side=\"right\"] {\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:right-0 {\n    .room-platform-room &[data-side=\"right\"] {\n      right: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:h-full {\n    .room-platform-room &[data-side=\"right\"] {\n      height: 100%;\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:w-3\\/4 {\n    .room-platform-room &[data-side=\"right\"] {\n      width: calc(3 / 4 * 100%);\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:translate-x-1 {\n    .room-platform-room &[data-side=\"right\"] {\n      --tw-translate-x: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:border-l {\n    .room-platform-room &[data-side=\"right\"] {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n    .room-platform-room &[data-side=\"right\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    .room-platform-room &[data-side=\"right\"] {\n      .room-platform-room &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n        right: calc(var(--sidebar-width) * -1);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:inset-x-0 {\n    .room-platform-room &[data-side=\"top\"] {\n      inset-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:top-0 {\n    .room-platform-room &[data-side=\"top\"] {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:h-auto {\n    .room-platform-room &[data-side=\"top\"] {\n      height: auto;\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:-translate-y-1 {\n    .room-platform-room &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:border-b {\n    .room-platform-room &[data-side=\"top\"] {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n    .room-platform-room &[data-side=\"top\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing));\n    }\n  }\n  .room-platform-room .data-\\[size\\=default\\]\\:h-8 {\n    .room-platform-room &[data-size=\"default\"] {\n      height: calc(var(--spacing) * 8);\n    }\n  }\n  .room-platform-room .data-\\[size\\=default\\]\\:max-w-xs {\n    .room-platform-room &[data-size=\"default\"] {\n      max-width: var(--container-xs);\n    }\n  }\n  .room-platform-room .data-\\[size\\=md\\]\\:text-sm {\n    .room-platform-room &[data-size=\"md\"] {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:h-7 {\n    .room-platform-room &[data-size=\"sm\"] {\n      height: calc(var(--spacing) * 7);\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:max-w-xs {\n    .room-platform-room &[data-size=\"sm\"] {\n      max-width: var(--container-xs);\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:gap-3 {\n    .room-platform-room &[data-size=\"sm\"] {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    .room-platform-room &[data-size=\"sm\"] {\n      border-radius: min(var(--radius-md), 10px);\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:py-3 {\n    .room-platform-room &[data-size=\"sm\"] {\n      padding-block: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:text-xs {\n    .room-platform-room &[data-size=\"sm\"] {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .room-platform-room .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0 {\n    .room-platform-room &[data-size=\"sm\"] {\n      .room-platform-room &:has(*[data-slot=\"card-footer\"]) {\n        padding-bottom: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"alert-description\"] {\n        color: color-mix(in srgb, oklch(0.577 0.245 27.325) 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .data-\\[slot\\=checkbox-group\\]\\:gap-3 {\n    .room-platform-room &[data-slot=\"checkbox-group\"] {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=field\\]\\:p-2\\.5 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"field\"] {\n        padding: calc(var(--spacing) * 2.5);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=field-group\\]\\:gap-4 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"field-group\"] {\n        gap: calc(var(--spacing) * 4);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"field-label\"] {\n        flex: auto;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:m-1 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        margin: calc(var(--spacing) * 1);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:mb-0 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        margin-bottom: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:h-8 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        height: calc(var(--spacing) * 8);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:border-input\\/30 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        border-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:bg-input\\/30 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        background-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=input-group\\]\\:shadow-none {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"input-group\"] {\n        --tw-shadow: 0 0 #0000;\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"select-value\"] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 1;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=select-value\\]\\:flex {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"select-value\"] {\n        display: flex;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=select-value\\]\\:items-center {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"select-value\"] {\n        align-items: center;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:data-\\[slot\\=select-value\\]\\:gap-1\\.5 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &[data-slot=\"select-value\"] {\n        gap: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-top-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &:last-child {\n          border-top-right-radius: var(--radius-lg);\n          border-bottom-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &:last-child {\n          border-bottom-right-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .room-platform-room .data-\\[state\\=closed\\]\\:overflow-hidden {\n    .room-platform-room &[data-state=\"closed\"] {\n      overflow: hidden;\n    }\n  }\n  .room-platform-room .data-\\[state\\=on\\]\\:bg-muted {\n    .room-platform-room &[data-state=\"on\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .data-\\[state\\=selected\\]\\:bg-muted {\n    .room-platform-room &[data-state=\"selected\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .room-platform-room .data-\\[variant\\=destructive\\]\\:text-destructive {\n    .room-platform-room &[data-variant=\"destructive\"] {\n      color: var(--color-destructive);\n    }\n  }\n  .room-platform-room .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10 {\n    .room-platform-room &[data-variant=\"destructive\"] {\n      .room-platform-room &:focus {\n        background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive {\n    .room-platform-room &[data-variant=\"destructive\"] {\n      .room-platform-room &:focus {\n        color: var(--color-destructive);\n      }\n    }\n  }\n  .room-platform-room .data-\\[variant\\=label\\]\\:text-sm {\n    .room-platform-room &[data-variant=\"label\"] {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .data-\\[variant\\=legend\\]\\:text-base {\n    .room-platform-room &[data-variant=\"legend\"] {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n  }\n  .room-platform-room .data-\\[variant\\=line\\]\\:rounded-none {\n    .room-platform-room &[data-variant=\"line\"] {\n      border-radius: 0;\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0 {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &[data-variant=\"outline\"] {\n          border-left-style: var(--tw-border-style);\n          border-left-width: 0px;\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0 {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &[data-variant=\"outline\"] {\n          border-top-style: var(--tw-border-style);\n          border-top-width: 0px;\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &[data-variant=\"outline\"] {\n          .room-platform-room &:first-child {\n            border-left-style: var(--tw-border-style);\n            border-left-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t {\n    .room-platform-room &:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *) {\n      .room-platform-room &[data-spacing=\"0\"] {\n        .room-platform-room &[data-variant=\"outline\"] {\n          .room-platform-room &:first-child {\n            border-top-style: var(--tw-border-style);\n            border-top-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .nth-last-2\\:-mt-1 {\n    .room-platform-room &:nth-last-child(2) {\n      margin-top: calc(var(--spacing) * -1);\n    }\n  }\n  .room-platform-room .supports-backdrop-filter\\:backdrop-blur-xs {\n    @supports (backdrop-filter: var(--tw)) {\n      --tw-backdrop-blur: blur(var(--blur-xs));\n      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    }\n  }\n  .room-platform-room .sm\\:flex {\n    @media (width >= 40rem) {\n      display: flex;\n    }\n  }\n  .room-platform-room .sm\\:max-w-2xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-2xl);\n    }\n  }\n  .room-platform-room .sm\\:max-w-none {\n    @media (width >= 40rem) {\n      max-width: none;\n    }\n  }\n  .room-platform-room .sm\\:max-w-sm {\n    @media (width >= 40rem) {\n      max-width: var(--container-sm);\n    }\n  }\n  .room-platform-room .sm\\:grid-cols-3 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .room-platform-room .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .room-platform-room .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end;\n    }\n  }\n  .room-platform-room .sm\\:p-4 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .sm\\:text-sm {\n    @media (width >= 40rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2 {\n    @media (width >= 40rem) {\n      .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n        grid-row: span 2 / span 2;\n      }\n    }\n  }\n  .room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start {\n    @media (width >= 40rem) {\n      .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n        place-items: start;\n      }\n    }\n  }\n  .room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left {\n    @media (width >= 40rem) {\n      .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n        text-align: left;\n      }\n    }\n  }\n  .room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2 {\n    @media (width >= 40rem) {\n      .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n        .room-platform-room &:is(:where(.group\\/alert-dialog-content):has(*[data-slot=\"alert-dialog-media\"]) *) {\n          grid-column-start: 2;\n        }\n      }\n    }\n  }\n  .room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\] {\n    @media (width >= 40rem) {\n      .room-platform-room &:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n        .room-platform-room &:has(*[data-slot=\"alert-dialog-media\"]) {\n          grid-template-rows: auto 1fr;\n        }\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:sm\\:max-w-sm {\n    .room-platform-room &[data-side=\"left\"] {\n      @media (width >= 40rem) {\n        max-width: var(--container-sm);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:sm\\:max-w-sm {\n    .room-platform-room &[data-side=\"right\"] {\n      @media (width >= 40rem) {\n        max-width: var(--container-sm);\n      }\n    }\n  }\n  .room-platform-room .data-\\[size\\=default\\]\\:sm\\:max-w-sm {\n    .room-platform-room &[data-size=\"default\"] {\n      @media (width >= 40rem) {\n        max-width: var(--container-sm);\n      }\n    }\n  }\n  .room-platform-room .md\\:block {\n    @media (width >= 48rem) {\n      display: block;\n    }\n  }\n  .room-platform-room .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex;\n    }\n  }\n  .room-platform-room .md\\:inline-flex {\n    @media (width >= 48rem) {\n      display: inline-flex;\n    }\n  }\n  .room-platform-room .md\\:max-w-\\[300px\\] {\n    @media (width >= 48rem) {\n      max-width: 300px;\n    }\n  }\n  .room-platform-room .md\\:grid-cols-1 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .room-platform-room .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(12rem\\,16rem\\)\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: minmax(0,1fr) minmax(12rem,16rem);\n    }\n  }\n  .room-platform-room .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(260px\\,300px\\)\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: minmax(0,1fr) minmax(260px,300px);\n    }\n  }\n  .room-platform-room .md\\:grid-rows-1 {\n    @media (width >= 48rem) {\n      grid-template-rows: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .room-platform-room .md\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .room-platform-room .md\\:justify-self-end {\n    @media (width >= 48rem) {\n      justify-self: flex-end;\n    }\n  }\n  .room-platform-room .md\\:border-l {\n    @media (width >= 48rem) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .room-platform-room .md\\:border-white\\/10 {\n    @media (width >= 48rem) {\n      border-color: color-mix(in srgb, #fff 10%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n      }\n    }\n  }\n  .room-platform-room .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .room-platform-room .md\\:text-pretty {\n    @media (width >= 48rem) {\n      text-wrap: pretty;\n    }\n  }\n  .room-platform-room .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n    @media (width >= 48rem) {\n      .room-platform-room &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin: calc(var(--spacing) * 2);\n      }\n    }\n  }\n  .room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n    @media (width >= 48rem) {\n      .room-platform-room &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin-left: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n    @media (width >= 48rem) {\n      .room-platform-room &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        border-radius: var(--radius-xl);\n      }\n    }\n  }\n  .room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n    @media (width >= 48rem) {\n      .room-platform-room &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n    @media (width >= 48rem) {\n      .room-platform-room &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        .room-platform-room &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n          margin-left: calc(var(--spacing) * 2);\n        }\n      }\n    }\n  }\n  .room-platform-room .md\\:after\\:hidden {\n    @media (width >= 48rem) {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        display: none;\n      }\n    }\n  }\n  .room-platform-room .lg\\:grid-cols-2 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:flex-row {\n    @container field-group (width >= 28rem) {\n      flex-direction: row;\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:items-center {\n    @container field-group (width >= 28rem) {\n      align-items: center;\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:\\*\\:w-auto {\n    @container field-group (width >= 28rem) {\n      .room-platform-room :is(& > *) {\n        width: auto;\n      }\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start {\n    @container field-group (width >= 28rem) {\n      .room-platform-room &:has(>[data-slot=field-content]) {\n        align-items: flex-start;\n      }\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto {\n    @container field-group (width >= 28rem) {\n      .room-platform-room :is(& > *) {\n        .room-platform-room &[data-slot=\"field-label\"] {\n          flex: auto;\n        }\n      }\n    }\n  }\n  .room-platform-room .ltr\\:-translate-x-1\\/2 {\n    .room-platform-room &:where(:dir(ltr), [dir=\"ltr\"], [dir=\"ltr\"] *) {\n      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .rtl\\:-translate-x-1\\/2 {\n    .room-platform-room &:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .room-platform-room .dark\\:border-input {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-input);\n    }\n  }\n  .room-platform-room .dark\\:bg-destructive\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .room-platform-room .dark\\:bg-input\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n      }\n    }\n  }\n  .room-platform-room .dark\\:bg-transparent {\n    @media (prefers-color-scheme: dark) {\n      background-color: transparent;\n    }\n  }\n  .room-platform-room .dark\\:text-muted-foreground {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .room-platform-room .dark\\:hover\\:bg-destructive\\/30 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 30%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:hover\\:bg-input\\/50 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(0.922 0 0) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:hover\\:bg-muted\\/50 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(0.97 0 0) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:hover\\:text-foreground {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          color: var(--color-foreground);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:focus-visible\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:focus-visible {\n        --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:disabled\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:disabled {\n        background-color: color-mix(in srgb, oklch(0.922 0 0) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:disabled\\:bg-transparent {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:disabled {\n        background-color: transparent;\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-disabled\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*:disabled) {\n        background-color: color-mix(in srgb, oklch(0.922 0 0) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-aria-invalid\\:border-destructive\\/50 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*[aria-invalid=\"true\"]) {\n        border-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*[aria-invalid=\"true\"]) {\n        --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-data-checked\\:border-primary\\/20 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*:where([data-state=\"checked\"]), *:where([data-checked]:not([data-checked=\"false\"]))) {\n        border-color: color-mix(in srgb, #242f62 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-data-checked\\:bg-primary\\/10 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*:where([data-state=\"checked\"]), *:where([data-checked]:not([data-checked=\"false\"]))) {\n        background-color: color-mix(in srgb, #242f62 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:has(*:is([data-slot][aria-invalid=true])) {\n        --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:aria-invalid\\:border-destructive\\/50 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &[aria-invalid=\"true\"] {\n        border-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &[aria-invalid=\"true\"] {\n        --tw-ring-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &[data-variant=\"destructive\"] {\n        .room-platform-room &:focus {\n          background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .data-open\\:animate-in {\n    .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n    }\n  }\n  .room-platform-room .data-open\\:bg-accent {\n    .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n      background-color: var(--color-accent);\n    }\n  }\n  .room-platform-room .data-open\\:text-accent-foreground {\n    .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .room-platform-room .data-open\\:fade-in-0 {\n    .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n      --tw-enter-opacity: calc(0/100);\n      --tw-enter-opacity: 0;\n    }\n  }\n  .room-platform-room .data-open\\:zoom-in-95 {\n    .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n      --tw-enter-scale: calc(95*1%);\n      --tw-enter-scale: .95;\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:data-open\\:slide-in-from-bottom-10 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n        --tw-enter-translate-y: calc(10*var(--spacing));\n        --tw-enter-translate-y: calc(.1*100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:data-open\\:slide-in-from-left-10 {\n    .room-platform-room &[data-side=\"left\"] {\n      .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n        --tw-enter-translate-x: calc(10*var(--spacing)*-1);\n        --tw-enter-translate-x: calc(.1*-100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:data-open\\:slide-in-from-right-10 {\n    .room-platform-room &[data-side=\"right\"] {\n      .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n        --tw-enter-translate-x: calc(10*var(--spacing));\n        --tw-enter-translate-x: calc(.1*100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:data-open\\:slide-in-from-top-10 {\n    .room-platform-room &[data-side=\"top\"] {\n      .room-platform-room &:where([data-state=\"open\"]), .room-platform-room &:where([data-open]:not([data-open=\"false\"])) {\n        --tw-enter-translate-y: calc(10*var(--spacing)*-1);\n        --tw-enter-translate-y: calc(.1*-100%);\n      }\n    }\n  }\n  .room-platform-room .data-closed\\:animate-out {\n    .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n    }\n  }\n  .room-platform-room .data-closed\\:fade-out-0 {\n    .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n      --tw-exit-opacity: calc(0/100);\n      --tw-exit-opacity: 0;\n    }\n  }\n  .room-platform-room .data-closed\\:zoom-out-95 {\n    .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n      --tw-exit-scale: calc(95*1%);\n      --tw-exit-scale: .95;\n    }\n  }\n  .room-platform-room .data-\\[side\\=bottom\\]\\:data-closed\\:slide-out-to-bottom-10 {\n    .room-platform-room &[data-side=\"bottom\"] {\n      .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n        --tw-exit-translate-y: calc(10*var(--spacing));\n        --tw-exit-translate-y: calc(.1*100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=left\\]\\:data-closed\\:slide-out-to-left-10 {\n    .room-platform-room &[data-side=\"left\"] {\n      .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n        --tw-exit-translate-x: calc(10*var(--spacing)*-1);\n        --tw-exit-translate-x: calc(.1*-100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=right\\]\\:data-closed\\:slide-out-to-right-10 {\n    .room-platform-room &[data-side=\"right\"] {\n      .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n        --tw-exit-translate-x: calc(10*var(--spacing));\n        --tw-exit-translate-x: calc(.1*100%);\n      }\n    }\n  }\n  .room-platform-room .data-\\[side\\=top\\]\\:data-closed\\:slide-out-to-top-10 {\n    .room-platform-room &[data-side=\"top\"] {\n      .room-platform-room &:where([data-state=\"closed\"]), .room-platform-room &:where([data-closed]:not([data-closed=\"false\"])) {\n        --tw-exit-translate-y: calc(10*var(--spacing)*-1);\n        --tw-exit-translate-y: calc(.1*-100%);\n      }\n    }\n  }\n  .room-platform-room .data-checked\\:border-primary {\n    .room-platform-room &:where([data-state=\"checked\"]), .room-platform-room &:where([data-checked]:not([data-checked=\"false\"])) {\n      border-color: var(--color-primary);\n    }\n  }\n  .room-platform-room .data-checked\\:bg-primary {\n    .room-platform-room &:where([data-state=\"checked\"]), .room-platform-room &:where([data-checked]:not([data-checked=\"false\"])) {\n      background-color: var(--color-primary);\n    }\n  }\n  .room-platform-room .data-checked\\:text-primary-foreground {\n    .room-platform-room &:where([data-state=\"checked\"]), .room-platform-room &:where([data-checked]:not([data-checked=\"false\"])) {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .room-platform-room .dark\\:data-checked\\:bg-primary {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:where([data-state=\"checked\"]), .room-platform-room &:where([data-checked]:not([data-checked=\"false\"])) {\n        background-color: var(--color-primary);\n      }\n    }\n  }\n  .room-platform-room .data-disabled\\:pointer-events-none {\n    .room-platform-room &:where([data-disabled=\"true\"]), .room-platform-room &:where([data-disabled]:not([data-disabled=\"false\"])) {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .data-disabled\\:opacity-50 {\n    .room-platform-room &:where([data-disabled=\"true\"]), .room-platform-room &:where([data-disabled]:not([data-disabled=\"false\"])) {\n      opacity: 50%;\n    }\n  }\n  .room-platform-room .data-active\\:bg-background {\n    .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n      background-color: var(--color-background);\n    }\n  }\n  .room-platform-room .data-active\\:font-medium {\n    .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .room-platform-room .data-active\\:text-foreground {\n    .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n      color: var(--color-foreground);\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm {\n    .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent {\n    .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        background-color: transparent;\n      }\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none {\n    .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        --tw-shadow: 0 0 #0000;\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100 {\n    .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        .room-platform-room &::after {\n          content: var(--tw-content);\n          opacity: 100%;\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:data-active\\:border-input {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        border-color: var(--color-input);\n      }\n    }\n  }\n  .room-platform-room .dark\\:data-active\\:bg-input\\/30 {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        background-color: color-mix(in srgb, oklch(0.922 0 0) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:data-active\\:text-foreground {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n        color: var(--color-foreground);\n      }\n    }\n  }\n  .room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n        .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n          border-color: transparent;\n        }\n      }\n    }\n  }\n  .room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent {\n    @media (prefers-color-scheme: dark) {\n      .room-platform-room &:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n        .room-platform-room &:where([data-state=\"active\"]), .room-platform-room &:where([data-active]:not([data-active=\"false\"])) {\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  .room-platform-room .data-horizontal\\:mx-px {\n    .room-platform-room &:where([data-orientation=\"horizontal\"]) {\n      margin-inline: 1px;\n    }\n  }\n  .room-platform-room .data-horizontal\\:h-px {\n    .room-platform-room &:where([data-orientation=\"horizontal\"]) {\n      height: 1px;\n    }\n  }\n  .room-platform-room .data-horizontal\\:w-auto {\n    .room-platform-room &:where([data-orientation=\"horizontal\"]) {\n      width: auto;\n    }\n  }\n  .room-platform-room .data-horizontal\\:w-full {\n    .room-platform-room &:where([data-orientation=\"horizontal\"]) {\n      width: 100%;\n    }\n  }\n  .room-platform-room .data-horizontal\\:flex-col {\n    .room-platform-room &:where([data-orientation=\"horizontal\"]) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .data-vertical\\:my-px {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      margin-block: 1px;\n    }\n  }\n  .room-platform-room .data-vertical\\:h-auto {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      height: auto;\n    }\n  }\n  .room-platform-room .data-vertical\\:w-px {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      width: 1px;\n    }\n  }\n  .room-platform-room .data-vertical\\:flex-col {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      flex-direction: column;\n    }\n  }\n  .room-platform-room .data-vertical\\:items-stretch {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      align-items: stretch;\n    }\n  }\n  .room-platform-room .data-vertical\\:self-stretch {\n    .room-platform-room &:where([data-orientation=\"vertical\"]) {\n      align-self: stretch;\n    }\n  }\n  .room-platform-room .\\[\\&_a\\]\\:underline {\n    .room-platform-room & a {\n      text-decoration-line: underline;\n    }\n  }\n  .room-platform-room .\\[\\&_a\\]\\:underline-offset-3 {\n    .room-platform-room & a {\n      text-underline-offset: 3px;\n    }\n  }\n  .room-platform-room .\\[\\&_a\\]\\:hover\\:text-foreground {\n    .room-platform-room & a {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          color: var(--color-foreground);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 {\n    .room-platform-room & p:not(:last-child) {\n      margin-bottom: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\]\\:pointer-events-none {\n    .room-platform-room & svg {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\]\\:size-4 {\n    .room-platform-room & svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\]\\:shrink-0 {\n    .room-platform-room & svg {\n      flex-shrink: 0;\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 {\n    .room-platform-room & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 {\n    .room-platform-room & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 3.5);\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    .room-platform-room & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .\\[\\&_tr\\]\\:border-b {\n    .room-platform-room & tr {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .room-platform-room .\\[\\&_tr\\:last-child\\]\\:border-0 {\n    .room-platform-room & tr:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .room-platform-room .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\) {\n    .room-platform-room &:first-child[data-selected=true] button {\n      border-top-left-radius: var(--cell-radius);\n      border-bottom-left-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0 {\n    .room-platform-room &:has([role=checkbox]) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .room-platform-room .\\[\\.border-b\\]\\:pb-2 {\n    .room-platform-room &:is(.border-b) {\n      padding-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .\\[\\.border-b\\]\\:pb-4 {\n    .room-platform-room &:is(.border-b) {\n      padding-bottom: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3 {\n    .room-platform-room &:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n      .room-platform-room &:is(.border-b) {\n        padding-bottom: calc(var(--spacing) * 3);\n      }\n    }\n  }\n  .room-platform-room .\\[\\.border-t\\]\\:pt-2 {\n    .room-platform-room &:is(.border-t) {\n      padding-top: calc(var(--spacing) * 2);\n    }\n  }\n  .room-platform-room .rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180 {\n    .room-platform-room &:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n      .room-platform-room :is(& *) {\n        .room-platform-room &:is(.rdp-button_next>svg) {\n          rotate: 180deg;\n        }\n      }\n    }\n  }\n  .room-platform-room .rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180 {\n    .room-platform-room &:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n      .room-platform-room :is(& *) {\n        .room-platform-room &:is(.rdp-button_previous>svg) {\n          rotate: 180deg;\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[a\\]\\:underline {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(a) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[a\\]\\:underline-offset-3 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(a) {\n        text-underline-offset: 3px;\n      }\n    }\n  }\n  .room-platform-room .\\[a\\]\\:hover\\:bg-destructive\\/20 {\n    .room-platform-room &:is(a) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[a\\]\\:hover\\:bg-muted {\n    .room-platform-room &:is(a) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-muted);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[a\\]\\:hover\\:bg-primary\\/80 {\n    .room-platform-room &:is(a) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #242f62 80%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[a\\]\\:hover\\:bg-secondary\\/80 {\n    .room-platform-room &:is(a) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #eb6619 80%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[a\\]\\:hover\\:text-muted-foreground {\n    .room-platform-room &:is(a) {\n      .room-platform-room &:hover {\n        @media (hover: hover) {\n          color: var(--color-muted-foreground);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[a\\]\\:hover\\:text-foreground {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(a) {\n        .room-platform-room &:hover {\n          @media (hover: hover) {\n            color: var(--color-foreground);\n          }\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(img:first-child) {\n        border-top-left-radius: var(--radius-xl);\n        border-top-right-radius: var(--radius-xl);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(img:last-child) {\n        border-bottom-right-radius: var(--radius-xl);\n        border-bottom-left-radius: var(--radius-xl);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[span\\]\\:last\\:flex {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(span) {\n        .room-platform-room &:last-child {\n          display: flex;\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[span\\]\\:last\\:items-center {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(span) {\n        .room-platform-room &:last-child {\n          align-items: center;\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[span\\]\\:last\\:gap-2 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(span) {\n        .room-platform-room &:last-child {\n          gap: calc(var(--spacing) * 2);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[svg\\]\\:row-span-2 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(svg) {\n        grid-row: span 2 / span 2;\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[svg\\]\\:translate-y-0\\.5 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(svg) {\n        --tw-translate-y: calc(var(--spacing) * 0.5);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[svg\\]\\:text-current {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(svg) {\n        color: currentcolor;\n      }\n    }\n  }\n  .room-platform-room .data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive {\n    .room-platform-room &[data-variant=\"destructive\"] {\n      .room-platform-room :is(& > *) {\n        .room-platform-room &:is(svg) {\n          color: var(--color-destructive);\n        }\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(svg:not([class*='size-'])) {\n        width: calc(var(--spacing) * 4);\n        height: calc(var(--spacing) * 4);\n      }\n    }\n  }\n  .room-platform-room .\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6 {\n    .room-platform-room :is(& > *) {\n      .room-platform-room &:is(svg:not([class*='size-'])) {\n        width: calc(var(--spacing) * 6);\n        height: calc(var(--spacing) * 6);\n      }\n    }\n  }\n  .room-platform-room .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-\\(--cell-radius\\) {\n    .room-platform-room &:last-child[data-selected=true] button {\n      border-top-right-radius: var(--cell-radius);\n      border-bottom-right-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .\\[\\&\\:nth-child\\(2\\)\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\) {\n    .room-platform-room &:nth-child(2)[data-selected=true] button {\n      border-top-left-radius: var(--cell-radius);\n      border-bottom-left-radius: var(--cell-radius);\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-t-none {\n    .room-platform-room &>*:not(:first-child) {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-l-none {\n    .room-platform-room &>*:not(:first-child) {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-t-0 {\n    .room-platform-room &>*:not(:first-child) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 0px;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-l-0 {\n    .room-platform-room &>*:not(:first-child) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 0px;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-r-none {\n    .room-platform-room &>*:not(:last-child) {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-b-none {\n    .room-platform-room &>*:not(:last-child) {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\.sr-only\\]\\:w-auto {\n    .room-platform-room &>.sr-only {\n      width: auto;\n    }\n  }\n  .room-platform-room .has-\\[select\\[aria-hidden\\=true\\]\\:last-child\\]\\:\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:last-of-type\\]\\:rounded-r-lg {\n    .room-platform-room &:has(*:is(select[aria-hidden=true]:last-child)) {\n      .room-platform-room &>[data-slot=select-trigger]:last-of-type {\n        border-top-right-radius: var(--radius-lg);\n        border-bottom-right-radius: var(--radius-lg);\n      }\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:not\\(\\[class\\*\\=\\'w-\\'\\]\\)\\]\\:w-fit {\n    .room-platform-room &>[data-slot=select-trigger]:not([class*='w-']) {\n      width: fit-content;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\[data-slot\\]\\:not\\(\\:has\\(\\~\\[data-slot\\]\\)\\)\\]\\:rounded-r-lg\\! {\n    .room-platform-room &>[data-slot]:not(:has(~[data-slot])) {\n      border-top-right-radius: var(--radius-lg) !important;\n      border-bottom-right-radius: var(--radius-lg) !important;\n    }\n  }\n  .room-platform-room .\\[\\&\\>\\[data-slot\\]\\:not\\(\\:has\\(\\~\\[data-slot\\]\\)\\)\\]\\:rounded-b-lg\\! {\n    .room-platform-room &>[data-slot]:not(:has(~[data-slot])) {\n      border-bottom-right-radius: var(--radius-lg) !important;\n      border-bottom-left-radius: var(--radius-lg) !important;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px {\n    .room-platform-room &:has(>[data-slot=field-content]) {\n      .room-platform-room &>[role=checkbox],.room-platform-room [role=radio] {\n        margin-top: 1px;\n      }\n    }\n  }\n  .room-platform-room .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px {\n    @container field-group (width >= 28rem) {\n      .room-platform-room &:has(>[data-slot=field-content]) {\n        .room-platform-room &>[role=checkbox],.room-platform-room [role=radio] {\n          margin-top: 1px;\n        }\n      }\n    }\n  }\n  .room-platform-room .\\[\\&\\>a\\]\\:underline {\n    .room-platform-room &>a {\n      text-decoration-line: underline;\n    }\n  }\n  .room-platform-room .\\[\\&\\>a\\]\\:underline-offset-4 {\n    .room-platform-room &>a {\n      text-underline-offset: 4px;\n    }\n  }\n  .room-platform-room .\\[\\&\\>a\\:hover\\]\\:text-primary {\n    .room-platform-room &>a:hover {\n      color: var(--color-primary);\n    }\n  }\n  .room-platform-room .\\[\\&\\>button\\]\\:hidden {\n    .room-platform-room &>button {\n      display: none;\n    }\n  }\n  .room-platform-room .\\[\\&\\>input\\]\\:flex-1 {\n    .room-platform-room &>input {\n      flex: 1;\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3 {\n    .room-platform-room &:has(>[data-align=block-end]) {\n      .room-platform-room &>input {\n        padding-top: calc(var(--spacing) * 3);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3 {\n    .room-platform-room &:has(>[data-align=block-start]) {\n      .room-platform-room &>input {\n        padding-bottom: calc(var(--spacing) * 3);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-1\\.5 {\n    .room-platform-room &:has(>[data-align=inline-end]) {\n      .room-platform-room &>input {\n        padding-right: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n  .room-platform-room .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-1\\.5 {\n    .room-platform-room &:has(>[data-align=inline-start]) {\n      .room-platform-room &>input {\n        padding-left: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n  .room-platform-room .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] {\n    .room-platform-room &>kbd {\n      border-radius: calc(var(--radius) - 5px);\n    }\n  }\n  .room-platform-room .\\[\\&\\>span\\]\\:text-xs {\n    .room-platform-room &>span {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .room-platform-room .\\[\\&\\>span\\]\\:opacity-70 {\n    .room-platform-room &>span {\n      opacity: 70%;\n    }\n  }\n  .room-platform-room .\\[\\&\\>span\\:last-child\\]\\:truncate {\n    .room-platform-room &>span:last-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:pointer-events-none {\n    .room-platform-room &>svg {\n      pointer-events: none;\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:size-3\\! {\n    .room-platform-room &>svg {\n      width: calc(var(--spacing) * 3) !important;\n      height: calc(var(--spacing) * 3) !important;\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:size-3\\.5 {\n    .room-platform-room &>svg {\n      width: calc(var(--spacing) * 3.5);\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:size-4 {\n    .room-platform-room &>svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:shrink-0 {\n    .room-platform-room &>svg {\n      flex-shrink: 0;\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\]\\:text-muted-foreground {\n    .room-platform-room &>svg {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 {\n    .room-platform-room &>svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 3.5);\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .room-platform-room .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    .room-platform-room &>svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .room-platform-room .\\[\\&\\>tr\\]\\:last\\:border-b-0 {\n    .room-platform-room &>tr {\n      .room-platform-room &:last-child {\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 0px;\n      }\n    }\n  }\n  .room-platform-room .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n    .room-platform-room [data-side=left][data-collapsible=offcanvas] & {\n      right: calc(var(--spacing) * -2);\n    }\n  }\n  .room-platform-room .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n    .room-platform-room [data-side=left][data-state=collapsed] & {\n      cursor: e-resize;\n    }\n  }\n  .room-platform-room .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n    .room-platform-room [data-side=right][data-collapsible=offcanvas] & {\n      left: calc(var(--spacing) * -2);\n    }\n  }\n  .room-platform-room .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n    .room-platform-room [data-side=right][data-state=collapsed] & {\n      cursor: w-resize;\n    }\n  }\n  .room-platform-room .\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5 {\n    .room-platform-room [data-variant=legend]+& {\n      margin-top: calc(var(--spacing) * -1.5);\n    }\n  }\n}\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n.room-platform-room .navi-chat__panel {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: var(--navi-chat-radius, 10px);\n  background: var(--navi-chat-color-surface, #ffffff);\n  color: var(--navi-chat-color-text, #111827);\n  font-family: var(--navi-chat-font-family, Inter, ui-sans-serif, system-ui, sans-serif);\n}\n.room-platform-room .navi-chat__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex: 0 0 auto;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  background: #f8fafc;\n}\n.room-platform-room .navi-chat__header-main {\n  min-width: 0;\n}\n.room-platform-room .navi-chat__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  overflow: hidden;\n  color: var(--navi-chat-color-text, #111827);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.25;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.room-platform-room .navi-chat__online-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  border-radius: 999px;\n  background: #eff6ff;\n  color: var(--navi-chat-color-primary, #2563eb);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 0 6px;\n}\n.room-platform-room .navi-chat__header-meta {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 8px;\n}\n.room-platform-room .navi-chat__role-badge {\n  border-radius: 999px;\n  background: #eff6ff;\n  color: var(--navi-chat-color-primary, #2563eb);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 5px 8px;\n}\n.room-platform-room .navi-chat__rooms {\n  display: flex;\n  flex: 0 0 auto;\n  gap: 6px;\n  overflow-x: auto;\n  padding: 10px;\n  border-bottom: 1px solid var(--navi-chat-color-border, #d8e0ea);\n}\n.room-platform-room .navi-chat__room-tab, .room-platform-room .navi-chat__send-button, .room-platform-room .navi-chat__message-action, .room-platform-room .navi-chat__message-menu-trigger, .room-platform-room .navi-chat__message-menu-item, .room-platform-room .navi-chat__message-edit-button, .room-platform-room .navi-chat__message-edit-input {\n  font: inherit;\n}\n.room-platform-room .navi-chat__room-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  max-width: 160px;\n  border: 0;\n  border-radius: 8px;\n  background: #f1f5f9;\n  color: #475569;\n  cursor: pointer;\n  padding: 7px 10px;\n}\n.room-platform-room .navi-chat__room-tab--active {\n  background: var(--navi-chat-color-primary, #2563eb);\n  color: #ffffff;\n}\n.room-platform-room .navi-chat__room-tab-label {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.room-platform-room .navi-chat__unread-badge {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  border-radius: 999px;\n  background: #eff6ff;\n  color: var(--navi-chat-color-primary, #2563eb);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 0 5px;\n}\n.room-platform-room .navi-chat__room-tab--active .navi-chat__unread-badge {\n  background: rgba(255, 255, 255, 0.18);\n  color: #ffffff;\n}\n.room-platform-room .navi-chat__messages {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 14px;\n  background: #fbfdff;\n}\n.room-platform-room .navi-chat__messages-stack {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-top: auto;\n}\n.room-platform-room .navi-chat__empty {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 0;\n  padding: 24px;\n  background: #fbfdff;\n  color: #64748b;\n  text-align: center;\n}\n.room-platform-room .navi-chat__empty strong {\n  margin-top: 8px;\n  color: #334155;\n  font-size: 14px;\n}\n.room-platform-room .navi-chat__empty span {\n  margin-top: 4px;\n  font-size: 13px;\n}\n.room-platform-room .navi-chat__empty-icon {\n  color: var(--navi-chat-color-primary, #2563eb);\n  font-size: 22px;\n  line-height: 1;\n}\n.room-platform-room .navi-chat__message {\n  display: flex;\n}\n.room-platform-room .navi-chat__message-group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.room-platform-room .navi-chat__loading-older {\n  align-self: center;\n  color: #64748b;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 4px 0;\n}\n.room-platform-room .navi-chat__message--own {\n  justify-content: flex-end;\n}\n.room-platform-room .navi-chat__message-row {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  gap: 6px;\n  min-width: 0;\n  max-width: min(82%, 560px);\n}\n.room-platform-room .navi-chat__message-row--own {\n  flex-direction: row-reverse;\n}\n.room-platform-room .navi-chat__message-bubble {\n  min-width: 0;\n  max-width: 100%;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 10px;\n  background: #ffffff;\n  padding: 9px 11px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n}\n.room-platform-room .navi-chat__message--grouped .navi-chat__message-bubble {\n  padding-top: 8px;\n}\n.room-platform-room .navi-chat__message--own .navi-chat__message-bubble {\n  border-color: var(--navi-chat-own-message-border, #bfdbfe);\n  background: var(--navi-chat-own-message-background, #eff6ff);\n}\n.room-platform-room .navi-chat__message--deleted .navi-chat__message-bubble {\n  background: #f8fafc;\n  color: #64748b;\n  font-style: italic;\n}\n.room-platform-room .navi-chat__message-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 4px;\n}\n.room-platform-room .navi-chat__message-author {\n  overflow: hidden;\n  color: #334155;\n  font-size: 12px;\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.room-platform-room .navi-chat__message-time {\n  color: #94a3b8;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.room-platform-room .navi-chat__message-text {\n  margin: 0;\n  color: var(--navi-chat-color-text, #111827);\n  font-size: 13px;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n.room-platform-room .navi-chat__message-action {\n  margin-top: 8px;\n  border: 0;\n  background: transparent;\n  color: var(--navi-chat-color-primary, #2563eb);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 0;\n}\n.room-platform-room .navi-chat__message-menu {\n  position: absolute;\n  right: -30px;\n  bottom: 2px;\n  z-index: 3;\n  display: inline-flex;\n  flex: 0 0 auto;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 120ms ease, transform 120ms ease;\n  transform: translateY(2px);\n  vertical-align: middle;\n}\n.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu {\n  right: auto;\n  left: -30px;\n}\n.room-platform-room .navi-chat__message:hover .navi-chat__message-menu, .room-platform-room .navi-chat__message:focus-within .navi-chat__message-menu, .room-platform-room .navi-chat__message-menu--open {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translateY(0);\n}\n.room-platform-room .navi-chat__message-menu-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 999px;\n  background: #ffffff;\n  color: #64748b;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 0;\n  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);\n}\n.room-platform-room .navi-chat__message-menu-trigger:hover, .room-platform-room .navi-chat__message-menu-trigger:focus-visible {\n  border-color: #bfdbfe;\n  background: #eff6ff;\n  color: var(--navi-chat-color-primary, #2563eb);\n}\n.room-platform-room .navi-chat__message-menu-popover {\n  position: absolute;\n  right: 0;\n  bottom: 32px;\n  z-index: 2;\n  display: flex;\n  min-width: 82px;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 8px;\n  background: #ffffff;\n  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);\n}\n.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu-popover {\n  right: auto;\n  left: 0;\n}\n.room-platform-room .navi-chat__message-menu-item {\n  border: 0;\n  background: transparent;\n  color: var(--navi-chat-color-text, #111827);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 8px 10px;\n  text-align: left;\n}\n.room-platform-room .navi-chat__message-menu-item:hover, .room-platform-room .navi-chat__message-menu-item:focus-visible {\n  background: #f1f5f9;\n  color: var(--navi-chat-color-primary, #2563eb);\n}\n.room-platform-room .navi-chat__message-edit {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.room-platform-room .navi-chat__message-edit-input {\n  box-sizing: border-box;\n  width: min(280px, 100%);\n  min-height: 64px;\n  resize: vertical;\n  border: 1px solid #cbd5e1;\n  border-radius: 8px;\n  background: #ffffff;\n  color: var(--navi-chat-color-text, #111827);\n  font-size: 13px;\n  line-height: 1.4;\n  padding: 8px 9px;\n}\n.room-platform-room .navi-chat__message-edit-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 6px;\n}\n.room-platform-room .navi-chat__message-edit-button {\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 7px;\n  background: #ffffff;\n  color: #334155;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 7px 9px;\n}\n.room-platform-room .navi-chat__message-edit-button--primary {\n  border-color: var(--navi-chat-color-primary, #2563eb);\n  background: var(--navi-chat-color-primary, #2563eb);\n  color: #ffffff;\n}\n.room-platform-room .navi-chat__latest-overlay {\n  position: sticky;\n  bottom: 8px;\n  align-self: stretch;\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  pointer-events: none;\n}\n.room-platform-room .navi-chat__new-message-notice {\n  grid-column: 2;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 999px;\n  background: #ffffff;\n  color: var(--navi-chat-color-primary, #2563eb);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 8px 12px;\n  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n}\n.room-platform-room .navi-chat__scroll-latest {\n  grid-column: 3;\n  justify-self: end;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  margin-right: 4px;\n  border: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  border-radius: 50%;\n  background: #ffffff;\n  color: var(--navi-chat-color-primary, #2563eb);\n  cursor: pointer;\n  padding: 0;\n  pointer-events: auto;\n  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.16);\n}\n.room-platform-room .navi-chat__scroll-latest-icon {\n  width: 18px;\n  height: 18px;\n  fill: currentColor;\n}\n.room-platform-room .navi-chat__composer {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: flex-end;\n  gap: 8px;\n  padding: 10px;\n  border-top: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  background: #ffffff;\n}\n.room-platform-room .navi-chat__composer-main {\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  flex-direction: column;\n  gap: 4px;\n}\n.room-platform-room .navi-chat__composer-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 38px;\n  max-height: 84px;\n  resize: vertical;\n  border: 1px solid #cbd5e1;\n  border-radius: 8px;\n  color: var(--navi-chat-color-text, #111827);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.4;\n  padding: 9px 10px;\n}\n.room-platform-room .navi-chat__composer-tip {\n  margin: 0;\n  color: #64748b;\n  font-size: 11px;\n  line-height: 1.3;\n}\n.room-platform-room .navi-chat__send-button {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  width: 44px;\n  height: 44px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--navi-chat-color-primary, #2563eb);\n  color: #ffffff;\n  cursor: pointer;\n  padding: 0;\n}\n.room-platform-room .navi-chat__send-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n.room-platform-room .navi-chat__send-icon {\n  width: 18px;\n  height: 18px;\n  fill: currentColor;\n}\n.room-platform-room .navi-chat__readonly {\n  flex: 0 0 auto;\n  border-top: 1px solid var(--navi-chat-color-border, #d8e0ea);\n  background: #f8fafc;\n  color: #64748b;\n  font-size: 13px;\n  padding: 12px 14px;\n}\n.room-platform-room .navi-chat__status {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n}\n.room-platform-room .navi-chat__status-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 999px;\n  background: #94a3b8;\n}\n.room-platform-room .navi-chat__status--connected .navi-chat__status-dot {\n  background: #16a34a;\n}\n.room-platform-room .navi-chat__status--muted .navi-chat__status-dot {\n  background: #94a3b8;\n}\n.room-platform-room .navi-chat__status--error .navi-chat__status-dot {\n  background: #dc2626;\n}\n.room-platform-room .whiteboard-react-canvas {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.room-platform-room .whiteboard-react-canvas__scene {\n  position: relative;\n  height: 100%;\n  min-height: 100%;\n}\n.room-platform-room .whiteboard-react-canvas__layer {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n.room-platform-room .whiteboard-react-canvas__layer--scene {\n  z-index: 10;\n  pointer-events: none;\n}\n.room-platform-room .whiteboard-react-canvas__layer--interaction {\n  z-index: 11;\n  touch-action: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.room-platform-room .whiteboard-react-trigger, .room-platform-room .whiteboard-react-toolbar, .room-platform-room .whiteboard-react-toolbar__popover {\n  --whiteboard-overlay-bg: rgb(255 255 255 / 0.94);\n  --whiteboard-overlay-border: rgb(148 163 184 / 0.32);\n  --whiteboard-overlay-shadow: 0 18px 40px rgb(15 23 42 / 0.24);\n  --whiteboard-overlay-text: #0f172a;\n  --whiteboard-overlay-muted: #475569;\n  --whiteboard-overlay-accent: #0f766e;\n  --whiteboard-overlay-accent-soft: rgb(15 118 110 / 0.12);\n  --whiteboard-overlay-danger: #dc2626;\n  position: fixed;\n  border: 1px solid var(--whiteboard-overlay-border);\n  border-radius: 1.125rem;\n  background: var(--whiteboard-overlay-bg);\n  color: var(--whiteboard-overlay-text);\n  box-shadow: var(--whiteboard-overlay-shadow);\n  backdrop-filter: blur(16px);\n}\n.room-platform-room .whiteboard-react-trigger {\n  z-index: 60;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: #252627;\n  color: #00ff9d;\n  cursor: pointer;\n  transition: background 140ms ease, color 140ms ease;\n}\n.room-platform-room .whiteboard-react-trigger:hover {\n  background: #00ff9d;\n  color: #000;\n}\n.room-platform-room .whiteboard-react-toolbar__tooltip-trigger {\n  display: inline-flex;\n}\n.room-platform-room .whiteboard-react-trigger:focus-visible, .room-platform-room .whiteboard-react-toolbar__button:focus-visible, .room-platform-room .whiteboard-react-toolbar__drag-handle:focus-visible, .room-platform-room .whiteboard-react-toolbar__option-chip:focus-visible, .room-platform-room .whiteboard-react-toolbar__width-chip:focus-visible, .room-platform-room .whiteboard-react-color-popover__swatch:focus-visible, .room-platform-room .whiteboard-react-toolbar__status-action:focus-visible {\n  outline: 2px solid rgb(15 118 110 / 0.45);\n  outline-offset: 2px;\n}\n.room-platform-room .whiteboard-react-trigger__icon {\n  width: 1.5rem;\n  height: 1.5rem;\n  flex: none;\n}\n.room-platform-room .whiteboard-react-toolbar__icon {\n  width: 1.35rem;\n  height: 1.35rem;\n  flex: none;\n}\n.room-platform-room .whiteboard-react-toolbar__icon.ColorSvg {\n  width: 2rem;\n}\n.room-platform-room .whiteboard-react-trigger__label {\n  white-space: nowrap;\n}\n.room-platform-room .whiteboard-react-trigger__status-dot, .room-platform-room .whiteboard-react-toolbar__status-dot {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: var(--whiteboard-overlay-accent);\n  box-shadow: 0 0 0 4px rgb(15 118 110 / 0.14);\n  flex: none;\n}\n.room-platform-room .whiteboard-react-trigger[data-runtime-state='failed'] .whiteboard-react-trigger__status-dot {\n  background: var(--whiteboard-overlay-danger);\n  box-shadow: 0 0 0 4px rgb(220 38 38 / 0.12);\n}\n.room-platform-room .whiteboard-react-toolbar {\n  z-index: 61;\n  border: 0.15rem solid rgb(226 232 240 / 0.72);\n  border-radius: 0.5rem;\n  background: #292a2c;\n  color: #f8fafc;\n  box-shadow: 0 12px 28px rgb(15 23 42 / 0.3);\n  transition: transform 140ms ease, box-shadow 140ms ease;\n  transform-origin: center;\n  animation: whiteboard-toolbar-orientation-vertical 180ms ease-in-out;\n}\n@keyframes whiteboard-toolbar-orientation-vertical {\n  from {\n    transform: scaleX(1.2);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n@keyframes whiteboard-toolbar-orientation-horizontal {\n  from {\n    transform: scaleX(1.2);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .room-platform-room .whiteboard-react-toolbar {\n    animation: none;\n    transition: none;\n  }\n}\n.room-platform-room .whiteboard-react-toolbar__chrome {\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n  padding: 0.4rem;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__chrome {\n  flex-direction: row;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 0.4rem;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] {\n  animation-name: whiteboard-toolbar-orientation-horizontal;\n}\n.room-platform-room .whiteboard-react-toolbar__drag-handle {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 0.75rem;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 0.65rem;\n  background: transparent;\n  color: rgb(226 232 240 / 0.84);\n  cursor: grab;\n  transition: color 120ms ease, border-color 120ms ease;\n}\n.room-platform-room .whiteboard-react-toolbar__drag-handle::before {\n  position: absolute;\n  top: -0.5rem;\n  right: 0;\n  left: 0;\n  height: 1px;\n  content: '';\n  background: rgb(226 232 240 / 0.45);\n}\n.room-platform-room .whiteboard-react-toolbar__drag-handle:hover {\n  color: #fff;\n  background: rgb(255 255 255 / 0.1);\n}\n.room-platform-room .whiteboard-react-toolbar__drag-handle:active {\n  cursor: grabbing;\n}\n.room-platform-room .whiteboard-react-toolbar__status {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  max-width: 16rem;\n  padding: 0.625rem 0.75rem;\n  border-radius: 0.875rem;\n  background: rgb(248 250 252 / 0.96);\n  color: var(--whiteboard-overlay-muted);\n  font-size: 0.8125rem;\n  font-weight: 500;\n}\n.room-platform-room .whiteboard-react-toolbar__status[data-state='failed'] {\n  color: var(--whiteboard-overlay-danger);\n  background: rgb(254 242 242 / 0.96);\n}\n.room-platform-room .whiteboard-react-toolbar__status[data-state='busy'] {\n  color: var(--whiteboard-overlay-accent);\n  background: rgb(240 253 250 / 0.96);\n}\n.room-platform-room .whiteboard-react-toolbar__status-action {\n  margin-left: 0.25rem;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font-weight: 700;\n  text-decoration: underline;\n}\n.room-platform-room .whiteboard-react-toolbar__rail {\n  display: flex;\n  gap: 0.5rem;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='vertical'] .whiteboard-react-toolbar__rail {\n  flex-direction: column;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__rail {\n  flex-direction: row;\n  align-items: center;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__drag-handle::before {\n  top: 0;\n  right: auto;\n  bottom: 0;\n  left: -0.15rem;\n  width: 1px;\n  height: auto;\n}\n.room-platform-room .whiteboard-react-toolbar__button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 0;\n  border-radius: 0.65rem;\n  margin-top: 0.75rem;\n  background: transparent;\n  color: #f8fafc;\n  transition: transform 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__button, .room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] .whiteboard-react-toolbar__drag-handle {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0.75rem;\n}\n.room-platform-room .whiteboard-react-toolbar__button:hover:not(:disabled) {\n  cursor: pointer;\n  background: rgb(255 255 255 / 0.1);\n}\n.room-platform-room .whiteboard-react-toolbar__button[data-active='true'] {\n  background: #0878f7;\n  color: #fff;\n}\n.room-platform-room .whiteboard-react-toolbar__button[data-active='true']:hover:not(:disabled) {\n  background: #0878f7;\n}\n.room-platform-room .whiteboard-react-toolbar__button[aria-label='Color'] .whiteboard-react-toolbar__icon {\n  display: none;\n}\n.room-platform-room .whiteboard-react-toolbar__button[aria-label='Color'] .whiteboard-react-toolbar__button-swatch {\n  position: static;\n  width: 1.5rem;\n  height: 1.5rem;\n  border: 0;\n}\n.room-platform-room .whiteboard-react-toolbar__button[aria-label='Close whiteboard tools'] {\n  margin-bottom: 0.75rem;\n  background: #ef1111;\n  color: #fff;\n}\n.room-platform-room .whiteboard-react-toolbar__button[aria-label='Close whiteboard tools']:hover:not(:disabled) {\n  background: #dc0d0d;\n}\n.room-platform-room .whiteboard-react-toolbar[data-orientation='horizontal'] span:last-child .whiteboard-react-toolbar__button {\n  margin-bottom: 0;\n  margin-right: 0.75rem;\n}\n.room-platform-room .whiteboard-react-toolbar__button:disabled, .room-platform-room .whiteboard-react-toolbar__option-chip:disabled, .room-platform-room .whiteboard-react-toolbar__width-chip:disabled, .room-platform-room .whiteboard-react-color-popover__swatch:disabled {\n  cursor: not-allowed;\n  opacity: 0.46;\n}\n.room-platform-room .whiteboard-react-toolbar__button-swatch {\n  position: absolute;\n  right: 0.34rem;\n  bottom: 0.34rem;\n  width: 0.6rem;\n  height: 0.6rem;\n  border: 1px solid rgb(255 255 255 / 0.8);\n  border-radius: 999px;\n  background: var(--whiteboard-color);\n  box-shadow: 0 0 0 1px rgb(15 23 42 / 0.12);\n}\n.room-platform-room .whiteboard-react-toolbar__popover {\n  z-index: 62;\n  padding: 0.65rem;\n  border: 0.15rem solid rgb(226 232 240 / 0.72);\n  border-radius: 0.5rem;\n  background: #292a2c;\n  color: #f8fafc;\n  box-shadow: 0 12px 28px rgb(15 23 42 / 0.3);\n}\n.room-platform-room .whiteboard-react-draw-popover {\n  max-width: 15.5rem;\n}\n.room-platform-room .whiteboard-react-color-popover {\n  width: 12.5rem;\n}\n.room-platform-room .whiteboard-react-toolbar__popover-section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n.room-platform-room .whiteboard-react-toolbar__popover-section + .whiteboard-react-toolbar__popover-section {\n  margin-top: 0.55rem;\n}\n.room-platform-room .whiteboard-react-toolbar__popover-label {\n  margin: 0;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: rgb(226 232 240 / 0.82);\n}\n.room-platform-room .whiteboard-react-toolbar__option-grid, .room-platform-room .whiteboard-react-toolbar__width-grid {\n  display: grid;\n  gap: 0.35rem;\n}\n.room-platform-room .whiteboard-react-toolbar__option-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.room-platform-room .whiteboard-react-toolbar__option-grid--shapes {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.room-platform-room .whiteboard-react-toolbar__option-chip, .room-platform-room .whiteboard-react-toolbar__width-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.25rem;\n  height: 2.25rem;\n  border: 1px solid transparent;\n  border-radius: 0.65rem;\n  background: transparent;\n  color: #f8fafc;\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1;\n  padding: 0;\n  cursor: pointer;\n}\n.room-platform-room .whiteboard-react-toolbar__option-chip[data-active='true'], .room-platform-room .whiteboard-react-toolbar__width-chip[data-active='true'] {\n  border-color: transparent;\n  background: #0878f7;\n  color: #fff;\n}\n.room-platform-room .whiteboard-react-toolbar__option-chip:hover:not(:disabled):not([data-active='true']), .room-platform-room .whiteboard-react-toolbar__width-chip:hover:not(:disabled):not([data-active='true']) {\n  color: #fff;\n}\n.room-platform-room .whiteboard-react-toolbar__width-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.room-platform-room .whiteboard-react-toolbar__option-icon {\n  flex: none;\n}\n.room-platform-room .whiteboard-react-toolbar__width-sample {\n  display: inline-flex;\n  width: 1.35rem;\n  height: 1.35rem;\n  border-radius: 999px;\n  background: currentColor;\n  flex: none;\n}\n.room-platform-room .whiteboard-react-toolbar__width-sample[data-width='xs'] {\n  width: 0.3rem;\n  height: 0.3rem;\n}\n.room-platform-room .whiteboard-react-toolbar__width-sample[data-width='sm'] {\n  width: 0.45rem;\n  height: 0.45rem;\n}\n.room-platform-room .whiteboard-react-toolbar__width-sample[data-width='md'] {\n  width: 0.65rem;\n  height: 0.65rem;\n}\n.room-platform-room .whiteboard-react-toolbar__width-sample[data-width='lg'] {\n  width: 0.9rem;\n  height: 0.9rem;\n}\n.room-platform-room .whiteboard-react-color-popover__grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 0.5rem;\n}\n.room-platform-room .whiteboard-react-color-popover__swatch {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n  border: 1px solid rgb(148 163 184 / 0.28);\n  border-radius: 999px;\n  background: rgb(255 255 255 / 0.9);\n  cursor: pointer;\n}\n.room-platform-room .whiteboard-react-color-popover__swatch-fill {\n  width: 1.35rem;\n  height: 1.35rem;\n  border-radius: 999px;\n  background: var(--whiteboard-color);\n  box-shadow: inset 0 0 0 1px rgb(15 23 42 / 0.08);\n}\n.room-platform-room .whiteboard-react-color-popover__swatch[data-active='true'] {\n  border-color: rgb(15 118 110 / 0.45);\n  box-shadow: 0 0 0 4px rgb(15 118 110 / 0.12);\n}\n.room-platform-room .whiteboard-react-color-popover__swatch[data-light='true'] .whiteboard-react-color-popover__swatch-fill {\n  box-shadow: inset 0 0 0 1px rgb(15 23 42 / 0.12), 0 0 0 1px rgb(226 232 240 / 0.8);\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity,1);\n    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));\n    filter: blur(var(--tw-enter-blur,0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity,1);\n    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));\n    filter: blur(var(--tw-exit-blur,0));\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    .room-platform-room *, .room-platform-room ::before, .room-platform-room ::after, .room-platform-room ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-blur: 0;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-blur: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n    }\n  }\n}\n/* @naviedu/room-platform-react bundled tailwind utilities */\n.room-platform-host {\n    box-sizing: border-box;\n    display: block;\n    height: 100%;\n    min-height: 0;\n    min-width: 0;\n}\n\n:host(.room-platform-host) {\n    box-sizing: border-box;\n    display: block;\n    height: 100%;\n    min-height: 0;\n    min-width: 0;\n}\n\n[data-room-platform-app-root] {\n    box-sizing: border-box;\n    display: block;\n    height: 100%;\n    min-height: 0;\n    min-width: 0;\n}\n\n.room-platform-room {\n    --room-platform-navy: #242f62;\n    --room-platform-orange: #eb6619;\n    --room-platform-border: #dbe3ef;\n    --room-platform-surface: #ffffff;\n    --room-platform-muted: #f8fafc;\n    background: var(--room-platform-muted);\n    color: #172033;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    overflow: hidden;\n    width: 100%;\n}\n\n.room-platform-room[data-sizing='viewport'] {\n    height: 100dvh;\n    min-height: 100dvh;\n}\n\n.room-platform-room[data-sizing='container'] {\n    height: 100%;\n    min-height: 0;\n    width: 100%;\n}\n\n.room-platform-room.room-platform-portal-root {\n    background: transparent;\n    display: block;\n    height: auto;\n    min-height: 0;\n    overflow: visible;\n    width: auto;\n}\n\n.room-platform-surface {\n    box-sizing: border-box;\n}\n\n.room-platform-panel {\n    background: var(--room-platform-surface);\n    border: 1px solid var(--room-platform-border);\n    border-radius: 8px;\n}\n\n.room-platform-button {\n    align-items: center;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    cursor: pointer;\n    display: inline-flex;\n    font: inherit;\n    gap: 0.375rem;\n    justify-content: center;\n    min-height: 2rem;\n    padding: 0.375rem 0.75rem;\n}\n\n.room-platform-button:focus-visible,\n.room-platform-tab:focus-visible {\n    outline: 3px solid color-mix(in srgb, var(--room-platform-orange), transparent 65%);\n    outline-offset: 2px;\n}\n\n.room-platform-button:disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.room-platform-button--default {\n    background: var(--room-platform-navy);\n    color: #fff;\n}\n\n.room-platform-button--quiet {\n    background: #edf2f7;\n    color: var(--room-platform-navy);\n}\n\n.room-platform-button--danger {\n    background: #fff1f2;\n    color: #b42318;\n}\n\n.room-platform-shell {\n    background: #020617;\n    color: #fff;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.room-platform-shell-top-bar--hidden {\n    display: none;\n}\n\n.room-platform-shell-body {\n    display: grid;\n    flex: 1;\n    grid-template-columns: minmax(0, 1fr);\n    min-height: 0;\n    position: relative;\n}\n\n.room-platform-shell-body--sidebar {\n    grid-template-columns: minmax(0, 1fr) minmax(16.25rem, 18.75rem);\n}\n\n.room-platform-shell-main {\n    display: flex;\n    min-height: 0;\n    min-width: 0;\n    overflow: hidden;\n    position: relative;\n}\n\n.room-platform-shell-sidebar {\n    display: flex;\n    min-height: 0;\n    position: relative;\n    width: 100%;\n}\n\n.room-platform-shell-sidebar-content {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.room-platform-shell-sidebar-open,\n.room-platform-shell-sidebar-close {\n    position: absolute;\n    z-index: 40;\n}\n\n.room-platform-shell-sidebar-open {\n    right: 1rem;\n    top: 1rem;\n}\n\n.room-platform-shell-sidebar-close {\n    left: 0;\n    top: 0.75rem;\n    transform: translateX(-100%);\n}\n\n.room-platform-top-bar {\n    align-items: center;\n    background: #0f172a;\n    border-bottom: 1px solid rgb(255 255 255 / 10%);\n    color: #fff;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    justify-content: space-between;\n    min-height: 4.5rem;\n    padding: 0.75rem 1rem;\n}\n\n.room-platform-top-bar h1,\n.room-platform-top-bar p {\n    margin: 0;\n}\n\n.room-platform-top-bar h1 {\n    color: #fff;\n    font-size: 1.125rem;\n}\n\n.room-platform-eyebrow {\n    color: #cbd5e1;\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.room-platform-top-bar-heading,\n.room-platform-top-bar-trailing {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n}\n\n.room-platform-top-bar-trailing {\n    justify-content: flex-end;\n}\n\n.room-platform-media-controls {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.375rem;\n}\n\n.room-platform-media-controls .room-platform-button {\n    font-size: 0.8125rem;\n}\n\n.room-platform-status {\n    border-radius: 999px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    padding: 0.25rem 0.625rem;\n}\n\n.room-platform-status[data-status='connected'] {\n    background: #dcfae6;\n    color: #166534;\n}\n\n.room-platform-status[data-status='error'] {\n    background: #fee2e2;\n    color: #b42318;\n}\n\n.room-platform-status[data-status='connecting'],\n.room-platform-status[data-status='reconnecting'] {\n    background: #fff3d6;\n    color: #9a4f00;\n}\n\n.room-platform-main {\n    display: flex;\n    flex: 1;\n    gap: 1rem;\n    min-height: 0;\n    min-width: 0;\n    padding: 1rem;\n    position: relative;\n}\n\n.room-platform-stage-area {\n    flex: 1;\n    min-height: 26rem;\n    min-width: 0;\n    position: relative;\n}\n\n.room-platform-stage {\n    align-items: center;\n    background: linear-gradient(135deg, #1e2a5b, #3c4b89);\n    color: #fff;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    overflow: hidden;\n    padding: 1rem;\n    position: relative;\n}\n\n.room-platform-stage-title {\n    font-size: 1.125rem;\n    font-weight: 700;\n}\n\n.room-platform-workspace-overlay {\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    overflow: auto;\n    width: 100%;\n}\n\n.room-platform-workspace-alongside {\n    min-width: 18rem;\n    width: 35%;\n}\n\n.room-platform-sidebar {\n    background: var(--room-platform-surface);\n    border: 1px solid var(--room-platform-border);\n    border-radius: 8px;\n    min-width: 0;\n    overflow: hidden;\n    width: 100%;\n}\n\n.room-platform-control-anchor {\n    align-items: stretch;\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    min-height: 0;\n    min-width: 0;\n    overflow: hidden;\n    position: relative;\n}\n\n.room-platform-control-bar {\n    bottom: 0;\n    display: flex;\n    justify-content: center;\n    left: 0;\n    margin: auto;\n    padding: 0 0.75rem 0.75rem;\n    position: absolute;\n    right: 0;\n    transition: transform 200ms ease;\n    width: fit-content;\n    z-index: 40;\n}\n\n.room-platform-control-bar--hidden {\n    transform: translateY(calc(100% - 0.75rem));\n}\n\n.room-platform-control-reveal {\n    bottom: 0.25rem;\n    left: 50%;\n    position: absolute;\n    transform: translateX(-50%);\n    z-index: 30;\n}\n\n.room-platform-side-media {\n    display: grid;\n    gap: 0.75rem;\n    padding: 0.75rem;\n}\n\n.room-platform-video-tile {\n    background: #0f172a;\n    border-radius: 8px;\n    color: #fff;\n    min-height: 0;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n}\n\n.room-platform-video-tile--preview,\n.room-platform-video-tile--active-speaker {\n    aspect-ratio: 16 / 9;\n}\n\n.room-platform-video-tile--stage,\n.room-platform-video-tile--overlay {\n    height: 100%;\n}\n\n.room-platform-video-tile-media {\n    display: block;\n    height: 100%;\n    object-fit: cover;\n    width: 100%;\n}\n\n.room-platform-video-tile--stage .room-platform-video-tile-media {\n    object-fit: contain;\n}\n\n.room-platform-video-tile-media--mirrored {\n    transform: scaleX(-1);\n}\n\n.room-platform-video-tile-label {\n    background: rgb(15 23 42 / 75%);\n    border-radius: 999px;\n    bottom: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    left: 0.5rem;\n    max-width: calc(100% - 1rem);\n    overflow: hidden;\n    padding: 0.25rem 0.5rem;\n    position: absolute;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    z-index: 15;\n}\n\n.room-platform-video-tile-empty {\n    align-items: center;\n    display: flex;\n    font-size: 0.8125rem;\n    height: 100%;\n    justify-content: center;\n    margin: 0;\n    min-height: 8rem;\n    padding: 1rem;\n    text-align: center;\n}\n\n.room-platform-tabs {\n    border-bottom: 1px solid var(--room-platform-border);\n    display: flex;\n    gap: 0.25rem;\n    overflow-x: auto;\n    padding: 0.5rem;\n}\n\n.room-platform-tab {\n    background: transparent;\n    border: 0;\n    border-radius: 6px;\n    color: #475569;\n    cursor: pointer;\n    font: inherit;\n    font-size: 0.875rem;\n    padding: 0.4rem 0.6rem;\n    white-space: nowrap;\n}\n\n.room-platform-tab[aria-selected='true'] {\n    background: #e9edf9;\n    color: var(--room-platform-navy);\n    font-weight: 700;\n}\n\n.room-platform-tab-panel {\n    padding: 0.75rem;\n}\n\n.room-platform-participant-list {\n    display: grid;\n    gap: 0.5rem;\n}\n\n.room-platform-participant-row {\n    align-items: center;\n    display: flex;\n    gap: 0.5rem;\n    justify-content: space-between;\n    padding: 0.625rem;\n}\n\n.room-platform-participant-name,\n.room-platform-participant-subtitle {\n    margin: 0;\n}\n\n.room-platform-participant-name {\n    font-size: 0.875rem;\n    font-weight: 700;\n}\n\n.room-platform-participant-subtitle {\n    color: #64748b;\n    font-size: 0.75rem;\n}\n\n.room-platform-participant-presence {\n    color: #64748b;\n    font-size: 0.75rem;\n    font-weight: 500;\n    margin: 0.25rem 0 0;\n}\n\n.room-platform-participant-presence[data-online='true'] {\n    color: #16a34a;\n}\n\n.room-platform-participant-row-trailing,\n.room-platform-participant-actions {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.375rem;\n    justify-content: flex-end;\n}\n\n.room-platform-participant-actions .room-platform-button {\n    font-size: 0.75rem;\n    min-height: 1.75rem;\n    padding: 0.25rem 0.5rem;\n}\n\n.room-platform-action-error {\n    color: #b42318;\n    font-size: 0.8125rem;\n    margin: 0.5rem 0 0;\n}\n\n.room-platform-error {\n    color: #fca5a5;\n    font-size: 0.8125rem;\n    margin: 0.5rem 0 0;\n}\n\n.room-platform-empty {\n    color: #64748b;\n    font-size: 0.875rem;\n    margin: 0;\n    padding: 1rem 0;\n    text-align: center;\n}\n\n.room-platform-whiteboard {\n    height: 100%;\n    width: 100%;\n}\n\n.room-platform-surface-error {\n    align-items: center;\n    background: rgb(15 23 42 / 88%);\n    color: #fff;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    margin: 0;\n    padding: 1rem;\n    text-align: center;\n    width: 100%;\n}\n\n.room-platform-start-audio {\n    background: #242f62;\n    border: 0;\n    border-radius: 8px;\n    color: #fff;\n    cursor: pointer;\n    left: 50%;\n    padding: 0.625rem 1rem;\n    position: fixed;\n    top: 1rem;\n    transform: translateX(-50%);\n    z-index: 50;\n}\n\n.room-platform-start-audio:focus-visible {\n    outline: 3px solid #eb6619;\n    outline-offset: 2px;\n}\n\n.room-platform-stage-frame {\n    align-items: center;\n    background: #0f172a;\n    border-radius: 8px;\n    display: flex;\n    justify-content: center;\n    max-height: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n}\n\n.room-platform-stage-frame > video {\n    display: block;\n    height: 100%;\n    object-fit: contain;\n    width: 100%;\n}\n\n.room-platform-stage-content {\n    inset: 0;\n    position: absolute;\n    z-index: 10;\n}\n\n.room-platform-stage-camera-overlay {\n    aspect-ratio: 16 / 9;\n    left: 1rem;\n    max-width: 40%;\n    overflow: hidden;\n    position: absolute;\n    top: 1rem;\n    width: 12rem;\n    z-index: 20;\n}\n\n.room-platform-stage-camera-overlay video {\n    height: 100%;\n    object-fit: cover;\n    width: 100%;\n}\n\n.room-platform-stage-status {\n    background: rgb(15 23 42 / 80%);\n    border-radius: 999px;\n    color: #dbeafe;\n    left: 50%;\n    margin: 0;\n    padding: 0.375rem 0.75rem;\n    position: absolute;\n    top: 1.5rem;\n    transform: translateX(-50%);\n    z-index: 30;\n}\n\n@keyframes private-live-room-bell-ring {\n    0%,\n    52%,\n    100% {\n        transform: rotate(0deg);\n    }\n    6% {\n        transform: rotate(14deg);\n    }\n    12% {\n        transform: rotate(-14deg);\n    }\n    18% {\n        transform: rotate(12deg);\n    }\n    24% {\n        transform: rotate(-10deg);\n    }\n    30% {\n        transform: rotate(8deg);\n    }\n    38% {\n        transform: rotate(-5deg);\n    }\n    46% {\n        transform: rotate(3deg);\n    }\n}\n\n.private-live-room-ringing-bell {\n    display: inline-flex;\n    animation: private-live-room-bell-ring 2.2s ease-in-out infinite;\n    transform-box: fill-box;\n    transform-origin: 50% 0%;\n    will-change: transform;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .private-live-room-ringing-bell {\n        animation: none;\n    }\n}\n\n@media (max-width: 900px) {\n    .room-platform-stage-area {\n        min-height: 20rem;\n    }\n}\n\n@media (max-width: 767px) {\n    .room-platform-shell-body {\n        grid-template-columns: 1fr;\n        grid-template-rows: minmax(15rem, 45dvh) minmax(0, 1fr);\n    }\n\n    .room-platform-shell-body > .room-platform-shell-main:only-child {\n        grid-row: 1 / -1;\n    }\n\n    .room-platform-shell-sidebar {\n        max-width: none;\n    }\n\n    .room-platform-top-bar {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 0.75rem;\n    }\n\n    .room-platform-top-bar-heading,\n    .room-platform-top-bar-trailing {\n        justify-content: flex-start;\n        width: 100%;\n    }\n\n    .room-platform-main {\n        flex-direction: column;\n        padding: 0.5rem;\n    }\n\n    .room-platform-workspace-alongside {\n        min-width: 0;\n        width: 100%;\n    }\n}\n";
+function _array_like_to_array$4(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$4(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$4(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$4() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
+}
+function _unsupported_iterable_to_array$4(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+}
+function RoomPlatformShadowHost(param) {
+    var children = param.children;
+    var hostRef = useRef(null);
+    var _useState = _sliced_to_array$4(useState(null), 2), surface = _useState[0], setSurface = _useState[1];
+    useLayoutEffect(function() {
+        var _host_shadowRoot;
+        var host = hostRef.current;
+        if (!host) return;
+        var shadowRoot = (_host_shadowRoot = host.shadowRoot) !== null && _host_shadowRoot !== void 0 ? _host_shadowRoot : host.attachShadow({
+            mode: 'open'
+        });
+        var style = host.ownerDocument.createElement('style');
+        var appRoot = host.ownerDocument.createElement('div');
+        var portalRoot = host.ownerDocument.createElement('div');
+        style.setAttribute('data-room-platform-style', '');
+        style.textContent = roomPlatformGeneratedStyles;
+        appRoot.setAttribute('data-room-platform-app-root', '');
+        portalRoot.className = 'room-platform-room room-platform-portal-root';
+        portalRoot.setAttribute('data-room-platform-portal-root', '');
+        shadowRoot.append(style, appRoot, portalRoot);
+        setSurface({
+            appRoot: appRoot,
+            portalRoot: portalRoot
+        });
+        return function() {
+            setSurface(null);
+            style.remove();
+            appRoot.remove();
+            portalRoot.remove();
+        };
+    }, []);
+    return /*#__PURE__*/ jsx("div", {
+        ref: hostRef,
+        "data-room-platform-host": true,
+        className: "room-platform-host",
+        children: surface ? /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(PortalContainerProvider, {
+            container: surface.portalRoot,
+            children: children
+        }), surface.appRoot) : null
+    });
+}
 function _array_like_to_array$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -26703,6 +26882,7 @@ function RoomPlatformSpeakQueue(param) {
     var canShowApprove = canApproveSpeak && onApproveSpeakRequest;
     var canShowReject = canRejectSpeak && onRejectSpeakRequest;
     var _useState = _sliced_to_array$2(useState(null), 2), pendingSpeakAction = _useState[0], setPendingSpeakAction = _useState[1];
+    var roomPlatformToast = useRoomPlatformToast();
     var runSpeakAction = function(participantIdentity, action) {
         return _async_to_generator$1(function() {
             var handler;
@@ -26737,7 +26917,7 @@ function RoomPlatformSpeakQueue(param) {
                         ];
                     case 3:
                         _state.sent();
-                        toast.error(action === 'approve' ? 'Không duyệt được học sinh phát biểu.' : 'Không từ chối được yêu cầu phát biểu.');
+                        roomPlatformToast.error(action === 'approve' ? 'Không duyệt được học sinh phát biểu.' : 'Không từ chối được yêu cầu phát biểu.');
                         return [
                             3,
                             5
@@ -27554,10 +27734,13 @@ var RoomPlatformWorkspaceContent = function(param) {
     var participantTab = extensions === null || extensions === void 0 ? void 0 : extensions.participantTab;
     var monitor = extensions === null || extensions === void 0 ? void 0 : extensions.monitor;
     var canUseMonitor = hasCapability('monitor:manage');
+    var roomPlatformToast = useRoomPlatformToast();
     var handleMonitorStartError = useCallback(function() {
         setStageView('teaching');
-        toast.error('Không thể bật Monitor. Vui lòng thử lại.');
-    }, []);
+        roomPlatformToast.error('Không thể bật Monitor. Vui lòng thử lại.');
+    }, [
+        roomPlatformToast
+    ]);
     useEffect(function() {
         if (!canUseMonitor) setStageView('teaching');
     }, [
@@ -27913,6 +28096,7 @@ function RoomPlatformPrivateRoomRuntime(param) {
         privateRoomId: privateRoomState.privateRoom.id
     }));
     var pending = acceptPending || declinePending || privateRoomState.isAcceptingPrivateRoom;
+    var roomPlatformToast = useRoomPlatformToast();
     var whiteboard = integrations === null || integrations === void 0 ? void 0 : integrations.whiteboard;
     var whiteboardAuth = (whiteboard === null || whiteboard === void 0 ? void 0 : whiteboard.joinState.available) ? whiteboard.joinState.auth : undefined;
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -27945,7 +28129,7 @@ function RoomPlatformPrivateRoomRuntime(param) {
                                     disabled: pending,
                                     onClick: function() {
                                         return void privateRoomState.declinePrivateRoom().catch(function() {
-                                            toast.error('Không thể từ chối phòng riêng. Vui lòng thử lại.');
+                                            roomPlatformToast.error('Không thể từ chối phòng riêng. Vui lòng thử lại.');
                                         });
                                     },
                                     children: [
@@ -27984,7 +28168,7 @@ function RoomPlatformPrivateRoomRuntime(param) {
                                                         ];
                                                     case 3:
                                                         _state.sent();
-                                                        toast.error('Không thể vào phòng riêng. Vui lòng thử lại.');
+                                                        roomPlatformToast.error('Không thể vào phòng riêng. Vui lòng thử lại.');
                                                         return [
                                                             3,
                                                             5
@@ -28054,7 +28238,7 @@ function RoomPlatformPrivateRoomRuntime(param) {
         ]
     });
 }
-function RoomPlatformRoom(_0) {
+function RoomPlatformRuntime(_0) {
     var children = _0.children, extensions = _0.extensions, integrations = _0.integrations, isPracticeMode = _0.isPracticeMode, onExit = _0.onExit, _0_sizing = _0.sizing, sizing = _0_sizing === void 0 ? 'viewport' : _0_sizing, providerProps = _object_without_properties(_0, [
         "children",
         "extensions",
@@ -28083,6 +28267,13 @@ function RoomPlatformRoom(_0) {
         ]
     }));
 }
+function RoomPlatformRoom(props) {
+    return /*#__PURE__*/ jsx(RoomPlatformShadowHost, {
+        children: /*#__PURE__*/ jsx(RoomPlatformToastProvider, {
+            children: /*#__PURE__*/ jsx(RoomPlatformRuntime, _object_spread({}, props))
+        })
+    });
+}
 function RoomPlatformVideoTracks(param) {
     var _param_status = param.status, status = _param_status === void 0 ? 'connected' : _param_status;