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

@naviedu/room-platform-react 0.0.12 → 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 (3) hide show

package/index.esm.js CHANGED Viewed

@@ -26429,7 +26429,7 @@ var subjectFromToken = function(token) {
     }
 };
-var roomPlatformGeneratedStyles = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n.room-platform-room {\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-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-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\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  --animate-spin: spin 1s linear 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  --color-background: #ffffff;\n  --color-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@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 .pointer-events-none {\n  pointer-events: none;\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 .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-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-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-2 {\n  right: calc(var(--spacing) * 2);\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-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-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-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 .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-auto {\n  margin-inline: auto;\n}\n.room-platform-room .my-1 {\n  margin-block: calc(var(--spacing) * 1);\n}\n.room-platform-room .mt-3 {\n  margin-top: calc(var(--spacing) * 3);\n}\n.room-platform-room .-mb-4 {\n  margin-bottom: calc(var(--spacing) * -4);\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 .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 .aspect-video {\n  aspect-ratio: var(--aspect-video);\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 .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) !important;\n}\n.room-platform-room .h-12 {\n  height: calc(var(--spacing) * 12);\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 .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-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-10 {\n  min-height: calc(var(--spacing) * 10);\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 .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-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-\\[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-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-0 {\n  min-width: calc(var(--spacing) * 0);\n}\n.room-platform-room .min-w-36 {\n  min-width: calc(var(--spacing) * 36);\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 .origin-\\(--radix-select-content-transform-origin\\) {\n  transform-origin: var(--radix-select-content-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-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 .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-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 .resize {\n  resize: both;\n}\n.room-platform-room .scroll-my-1 {\n  scroll-margin-block: calc(var(--spacing) * 1);\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-wrap {\n  flex-wrap: wrap;\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 .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 .gap-0 {\n  gap: calc(var(--spacing) * 0);\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-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 .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-hidden {\n  overflow-x: hidden;\n}\n.room-platform-room .overflow-y-auto {\n  overflow-y: auto;\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-\\[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-xl {\n  border-radius: var(--radius-xl);\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-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-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-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-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-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-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-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-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-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 .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-20 {\n  padding-right: calc(var(--spacing) * 20);\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\\.5 {\n  padding-left: calc(var(--spacing) * 2.5);\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 .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 .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-semibold {\n  --tw-font-weight: var(--font-weight-semibold);\n  font-weight: var(--font-weight-semibold);\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-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 .underline-offset-4 {\n  text-underline-offset: 4px;\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-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-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-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-\\[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-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 .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-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 .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 .group-data-horizontal\\/tabs\\:h-8 {\n  .room-platform-room &:is(:where(.group\\/tabs)[data-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)[data-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)[data-vertical] *) {\n    width: 100%;\n  }\n}\n.room-platform-room .group-data-vertical\\/tabs\\:flex-col {\n  .room-platform-room &:is(:where(.group\\/tabs)[data-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)[data-vertical] *) {\n    justify-content: flex-start;\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-\\[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 .after\\:absolute {\n  .room-platform-room &::after {\n    content: var(--tw-content);\n    position: absolute;\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\\: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-horizontal\\/tabs\\:after\\:inset-x-0 {\n  .room-platform-room &:is(:where(.group\\/tabs)[data-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)[data-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)[data-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)[data-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)[data-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)[data-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 .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-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-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 .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 .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\\: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-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 .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-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-\\[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 .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 .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 .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 .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-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-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 .data-active\\:bg-background {\n  .room-platform-room &[data-active] {\n    background-color: var(--color-background);\n  }\n}\n.room-platform-room .data-active\\:text-foreground {\n  .room-platform-room &[data-active] {\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 &[data-active] {\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 &[data-active] {\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 &[data-active] {\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 &[data-active] {\n      .room-platform-room &::after {\n        content: var(--tw-content);\n        opacity: 100%;\n      }\n    }\n  }\n}\n.room-platform-room .data-closed\\:animate-out {\n  .room-platform-room &[data-closed] {\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 &[data-closed] {\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 &[data-closed] {\n    --tw-exit-scale: calc(95*1%);\n    --tw-exit-scale: .95;\n  }\n}\n.room-platform-room .data-disabled\\:pointer-events-none {\n  .room-platform-room &[data-disabled] {\n    pointer-events: none;\n  }\n}\n.room-platform-room .data-disabled\\:opacity-50 {\n  .room-platform-room &[data-disabled] {\n    opacity: 50%;\n  }\n}\n.room-platform-room .data-horizontal\\:flex-col {\n  .room-platform-room &[data-horizontal] {\n    flex-direction: column;\n  }\n}\n.room-platform-room .data-open\\:animate-in {\n  .room-platform-room &[data-open] {\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\\:fade-in-0 {\n  .room-platform-room &[data-open] {\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 &[data-open] {\n    --tw-enter-scale: calc(95*1%);\n    --tw-enter-scale: .95;\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-\\[align-trigger\\=true\\]\\:animate-none {\n  .room-platform-room &[data-align-trigger=\"true\"] {\n    animation: none;\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-\\[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\\]\\: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\\=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\\]\\: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\\=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\\]\\: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\\=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\\]\\: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\\=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\\]\\: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-\\[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 .data-\\[variant\\=line\\]\\:rounded-none {\n  .room-platform-room &[data-variant=\"line\"] {\n    border-radius: 0;\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\\: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-\\[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\\: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\\: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-pretty {\n  @media (width >= 48rem) {\n    text-wrap: pretty;\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 .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\\: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\\: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-active\\:border-input {\n  @media (prefers-color-scheme: dark) {\n    .room-platform-room &[data-active] {\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 &[data-active] {\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 &[data-active] {\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 &[data-active] {\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 &[data-active] {\n        background-color: transparent;\n      }\n    }\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\\]\\: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 .\\*\\:\\[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 .\\*\\:\\[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\\: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 .\\[\\&\\>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 .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-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 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-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      --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-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    }\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";
+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;