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

@naviedu/room-platform-react 0.0.12 → 0.0.14

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{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.room-platform-room *,.room-platform-room :before,.room-platform-room :after,.room-platform-room ::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:\"\"}}}.room-platform-room{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-950:oklch(29.3% .066 243.157);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:#fff;--color-foreground:oklch(14.5% 0 0);--color-card:#fff;--color-card-foreground:oklch(14.5% 0 0);--color-popover:#fff;--color-popover-foreground:oklch(14.5% 0 0);--color-primary:#242f62;--color-primary-foreground:#fff;--color-secondary:#eb6619;--color-secondary-foreground:#fff;--color-muted:oklch(97% 0 0);--color-muted-foreground:oklch(55.6% 0 0);--color-accent:oklch(97% 0 0);--color-accent-foreground:oklch(20.5% 0 0);--color-destructive:oklch(57.7% .245 27.325);--color-border:oklch(92.2% 0 0);--color-input:oklch(92.2% 0 0);--color-ring:#9dc2f3;--color-liveclass-orange:#eb6619}@property --tw-animation-delay{syntax:\"*\";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:\"*\";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:\"*\";inherits:false}@property --tw-animation-fill-mode{syntax:\"*\";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:\"*\";inherits:false;initial-value:0}.room-platform-room .\\@container\\/card-header{container:card-header/inline-size}.room-platform-room .\\@container\\/field-group{container:field-group/inline-size}.room-platform-room .pointer-events-auto{pointer-events:auto}.room-platform-room .pointer-events-none{pointer-events:none}.room-platform-room .invisible{visibility:hidden}.room-platform-room .visible{visibility:visible}.room-platform-room .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-platform-room .absolute{position:absolute}.room-platform-room .fixed{position:fixed}.room-platform-room .relative{position:relative}.room-platform-room .static{position:static}.room-platform-room .inset-0{inset:calc(var(--spacing) * 0)}.room-platform-room .inset-x-0{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .inset-x-3{inset-inline:calc(var(--spacing) * 3)}.room-platform-room .inset-y-0{inset-block:calc(var(--spacing) * 0)}.room-platform-room .start{inset-inline-start:var(--spacing)}.room-platform-room .end{inset-inline-end:var(--spacing)}.room-platform-room .-top-12{top:calc(var(--spacing) * -12)}.room-platform-room .top-0{top:calc(var(--spacing) * 0)}.room-platform-room .top-1\\.5{top:calc(var(--spacing) * 1.5)}.room-platform-room .top-1\\/2{top:50%}.room-platform-room .top-2{top:calc(var(--spacing) * 2)}.room-platform-room .top-3{top:calc(var(--spacing) * 3)}.room-platform-room .top-3\\.5{top:calc(var(--spacing) * 3.5)}.room-platform-room .top-4{top:calc(var(--spacing) * 4)}.room-platform-room .top-7{top:calc(var(--spacing) * 7)}.room-platform-room .-right-12{right:calc(var(--spacing) * -12)}.room-platform-room .right-0{right:calc(var(--spacing) * 0)}.room-platform-room .right-1{right:calc(var(--spacing) * 1)}.room-platform-room .right-2{right:calc(var(--spacing) * 2)}.room-platform-room .right-3{right:calc(var(--spacing) * 3)}.room-platform-room .right-4{right:calc(var(--spacing) * 4)}.room-platform-room .right-7{right:calc(var(--spacing) * 7)}.room-platform-room .-bottom-12{bottom:calc(var(--spacing) * -12)}.room-platform-room .bottom-0{bottom:calc(var(--spacing) * 0)}.room-platform-room .bottom-1{bottom:calc(var(--spacing) * 1)}.room-platform-room .bottom-2{bottom:calc(var(--spacing) * 2)}.room-platform-room .bottom-3{bottom:calc(var(--spacing) * 3)}.room-platform-room .bottom-4{bottom:calc(var(--spacing) * 4)}.room-platform-room .-left-12{left:calc(var(--spacing) * -12)}.room-platform-room .left-0{left:calc(var(--spacing) * 0)}.room-platform-room .left-1\\/2{left:50%}.room-platform-room .left-2{left:calc(var(--spacing) * 2)}.room-platform-room .left-3{left:calc(var(--spacing) * 3)}.room-platform-room .left-4{left:calc(var(--spacing) * 4)}.room-platform-room .isolate{isolation:isolate}.room-platform-room .z-0{z-index:0}.room-platform-room .z-10{z-index:10}.room-platform-room .z-20{z-index:20}.room-platform-room .z-30{z-index:30}.room-platform-room .z-40{z-index:40}.room-platform-room .z-50{z-index:50}.room-platform-room .z-\\[70\\]{z-index:70}.room-platform-room .order-first{order:-9999}.room-platform-room .order-last{order:9999}.room-platform-room .col-start-2{grid-column-start:2}.room-platform-room .row-span-2{grid-row:span 2/span 2}.room-platform-room .row-start-1{grid-row-start:1}.room-platform-room .container{width:100%}@media (min-width:40rem){.room-platform-room .container{max-width:40rem}}@media (min-width:48rem){.room-platform-room .container{max-width:48rem}}@media (min-width:64rem){.room-platform-room .container{max-width:64rem}}@media (min-width:80rem){.room-platform-room .container{max-width:80rem}}@media (min-width:96rem){.room-platform-room .container{max-width:96rem}}.room-platform-room .m-0{margin:calc(var(--spacing) * 0)}.room-platform-room .m-auto{margin:auto}.room-platform-room .-mx-1{margin-inline:calc(var(--spacing) * -1)}.room-platform-room .-mx-4{margin-inline:calc(var(--spacing) * -4)}.room-platform-room .mx-2{margin-inline:calc(var(--spacing) * 2)}.room-platform-room .mx-3\\.5{margin-inline:calc(var(--spacing) * 3.5)}.room-platform-room .mx-auto{margin-inline:auto}.room-platform-room .-my-2{margin-block:calc(var(--spacing) * -2)}.room-platform-room .my-1{margin-block:calc(var(--spacing) * 1)}.room-platform-room .-mt-4{margin-top:calc(var(--spacing) * -4)}.room-platform-room .mt-2{margin-top:calc(var(--spacing) * 2)}.room-platform-room .mt-3{margin-top:calc(var(--spacing) * 3)}.room-platform-room .mt-4{margin-top:calc(var(--spacing) * 4)}.room-platform-room .mt-auto{margin-top:auto}.room-platform-room .-mb-4{margin-bottom:calc(var(--spacing) * -4)}.room-platform-room .mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.room-platform-room .mb-2{margin-bottom:calc(var(--spacing) * 2)}.room-platform-room .mb-3{margin-bottom:calc(var(--spacing) * 3)}.room-platform-room .-ml-1{margin-left:calc(var(--spacing) * -1)}.room-platform-room .-ml-4{margin-left:calc(var(--spacing) * -4)}.room-platform-room .ml-4{margin-left:calc(var(--spacing) * 4)}.room-platform-room .ml-auto{margin-left:auto}.room-platform-room .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.room-platform-room .no-scrollbar::-webkit-scrollbar{display:none}.room-platform-room .block{display:block}.room-platform-room .flex{display:flex}.room-platform-room .grid{display:grid}.room-platform-room .hidden{display:none}.room-platform-room .inline{display:inline}.room-platform-room .inline-flex{display:inline-flex}.room-platform-room .inline-grid{display:inline-grid}.room-platform-room .table{display:table}.room-platform-room .table-caption{display:table-caption}.room-platform-room .table-cell{display:table-cell}.room-platform-room .table-row{display:table-row}.room-platform-room .field-sizing-content{field-sizing:content}.room-platform-room .aspect-square{aspect-ratio:1}.room-platform-room .aspect-video{aspect-ratio:var(--aspect-video)}.room-platform-room .size-\\(--cell-size\\){width:var(--cell-size);height:var(--cell-size)}.room-platform-room .size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.room-platform-room .size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.room-platform-room .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.room-platform-room .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.room-platform-room .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.room-platform-room .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.room-platform-room .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.room-platform-room .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.room-platform-room .size-auto{width:auto;height:auto}.room-platform-room .size-full{width:100%;height:100%}.room-platform-room .h-\\(--cell-size\\){height:var(--cell-size)}.room-platform-room .h-1{height:calc(var(--spacing) * 1)}.room-platform-room .h-4{height:calc(var(--spacing) * 4)}.room-platform-room .h-5{height:calc(var(--spacing) * 5)}.room-platform-room .h-6{height:calc(var(--spacing) * 6)}.room-platform-room .h-7{height:calc(var(--spacing) * 7)}.room-platform-room .h-8{height:calc(var(--spacing) * 8)}.room-platform-room .h-9{height:calc(var(--spacing) * 9)}.room-platform-room .h-10{height:calc(var(--spacing) * 10)}.room-platform-room .h-10\\!{height:calc(var(--spacing) * 10)!important}.room-platform-room .h-12{height:calc(var(--spacing) * 12)}.room-platform-room .h-\\[calc\\(--spacing\\(5\\.25\\)\\)\\]{height:calc(calc(var(--spacing) * 5.25))}.room-platform-room .h-\\[calc\\(100\\%-1px\\)\\]{height:calc(100% - 1px)}.room-platform-room .h-auto{height:auto}.room-platform-room .h-dvh{height:100dvh}.room-platform-room .h-full{height:100%}.room-platform-room .h-px{height:1px}.room-platform-room .h-screen{height:100vh}.room-platform-room .h-svh{height:100svh}.room-platform-room .max-h-\\(--available-height\\){max-height:var(--available-height)}.room-platform-room .max-h-\\(--radix-dropdown-menu-content-available-height\\){max-height:var(--radix-dropdown-menu-content-available-height)}.room-platform-room .max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}.room-platform-room .max-h-\\[85vh\\]{max-height:85vh}.room-platform-room .max-h-\\[min\\(calc\\(--spacing\\(72\\)---spacing\\(9\\)\\)\\,calc\\(var\\(--available-height\\)---spacing\\(9\\)\\)\\)\\]{max-height:min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.room-platform-room .max-h-full{max-height:100%}.room-platform-room .min-h-0{min-height:calc(var(--spacing) * 0)}.room-platform-room .min-h-8{min-height:calc(var(--spacing) * 8)}.room-platform-room .min-h-10{min-height:calc(var(--spacing) * 10)}.room-platform-room .min-h-16{min-height:calc(var(--spacing) * 16)}.room-platform-room .min-h-18{min-height:calc(var(--spacing) * 18)}.room-platform-room .min-h-\\[320px\\]{min-height:320px}.room-platform-room .min-h-dvh{min-height:100dvh}.room-platform-room .min-h-svh{min-height:100svh}.room-platform-room .w-\\(--anchor-width\\){width:var(--anchor-width)}.room-platform-room .w-\\(--cell-size\\){width:var(--cell-size)}.room-platform-room .w-\\(--radix-dropdown-menu-trigger-width\\){width:var(--radix-dropdown-menu-trigger-width)}.room-platform-room .w-4{width:calc(var(--spacing) * 4)}.room-platform-room .w-5{width:calc(var(--spacing) * 5)}.room-platform-room .w-9{width:calc(var(--spacing) * 9)}.room-platform-room .w-48{width:calc(var(--spacing) * 48)}.room-platform-room .w-72{width:calc(var(--spacing) * 72)}.room-platform-room .w-\\[var\\(--sidebar-width\\)\\]{width:var(--sidebar-width)}.room-platform-room .w-auto{width:auto}.room-platform-room .w-dvw{width:100dvw}.room-platform-room .w-fit{width:fit-content}.room-platform-room .w-full{width:100%}.room-platform-room .w-full\\!{width:100%!important}.room-platform-room .w-screen{width:100vw}.room-platform-room .max-w-\\(--available-width\\){max-width:var(--available-width)}.room-platform-room .max-w-\\[40\\%\\]{max-width:40%}.room-platform-room .max-w-\\[calc\\(100\\%-1\\.5rem\\)\\]{max-width:calc(100% - 1.5rem)}.room-platform-room .max-w-\\[calc\\(100\\%-1rem\\)\\]{max-width:calc(100% - 1rem)}.room-platform-room .max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.room-platform-room .max-w-\\[var\\(--skeleton-width\\)\\]{max-width:var(--skeleton-width)}.room-platform-room .max-w-full{max-width:100%}.room-platform-room .max-w-none{max-width:none}.room-platform-room .max-w-xs{max-width:var(--container-xs)}.room-platform-room .min-w-\\(--cell-size\\){min-width:var(--cell-size)}.room-platform-room .min-w-0{min-width:calc(var(--spacing) * 0)}.room-platform-room .min-w-5{min-width:calc(var(--spacing) * 5)}.room-platform-room .min-w-7{min-width:calc(var(--spacing) * 7)}.room-platform-room .min-w-8{min-width:calc(var(--spacing) * 8)}.room-platform-room .min-w-9{min-width:calc(var(--spacing) * 9)}.room-platform-room .min-w-16{min-width:calc(var(--spacing) * 16)}.room-platform-room .min-w-32{min-width:calc(var(--spacing) * 32)}.room-platform-room .min-w-36{min-width:calc(var(--spacing) * 36)}.room-platform-room .min-w-\\[96px\\]{min-width:96px}.room-platform-room .min-w-\\[calc\\(var\\(--anchor-width\\)\\+--spacing\\(7\\)\\)\\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.room-platform-room .flex-1{flex:1}.room-platform-room .flex-none{flex:none}.room-platform-room .shrink-0{flex-shrink:0}.room-platform-room .grow-0{flex-grow:0}.room-platform-room .basis-full{flex-basis:100%}.room-platform-room .caption-bottom{caption-side:bottom}.room-platform-room .origin-\\(--radix-dropdown-menu-content-transform-origin\\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.room-platform-room .origin-\\(--radix-popover-content-transform-origin\\){transform-origin:var(--radix-popover-content-transform-origin)}.room-platform-room .origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}.room-platform-room .origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.room-platform-room .-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .translate-y-\\[calc\\(100\\%-0\\.75rem\\)\\]{--tw-translate-y:calc(100% - .75rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.room-platform-room .rotate-45{rotate:45deg}.room-platform-room .rotate-90{rotate:90deg}.room-platform-room .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.room-platform-room .animate-in{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)}.room-platform-room .animate-pulse{animation:var(--animate-pulse)}.room-platform-room .animate-spin{animation:var(--animate-spin)}.room-platform-room .cursor-default{cursor:default}.room-platform-room .cursor-not-allowed{cursor:not-allowed}.room-platform-room .cursor-pointer{cursor:pointer}.room-platform-room .cursor-text{cursor:text}.room-platform-room .touch-manipulation{touch-action:manipulation}.room-platform-room .resize{resize:both}.room-platform-room .resize-none{resize:none}.room-platform-room .scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.room-platform-room .scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.room-platform-room .list-disc{list-style-type:disc}.room-platform-room .auto-rows-min{grid-auto-rows:min-content}.room-platform-room .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.room-platform-room .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.room-platform-room .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.room-platform-room .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.room-platform-room .grid-rows-\\[auto_minmax\\(0\\,1fr\\)\\]{grid-template-rows:auto minmax(0,1fr)}.room-platform-room .grid-rows-\\[minmax\\(240px\\,45dvh\\)_minmax\\(0\\,1fr\\)\\]{grid-template-rows:minmax(240px,45dvh) minmax(0,1fr)}.room-platform-room .flex-col{flex-direction:column}.room-platform-room .flex-col-reverse{flex-direction:column-reverse}.room-platform-room .flex-row{flex-direction:row}.room-platform-room .flex-wrap{flex-wrap:wrap}.room-platform-room .place-content-center{place-content:center}.room-platform-room .place-items-center{place-items:center}.room-platform-room .content-start{align-content:flex-start}.room-platform-room .items-center{align-items:center}.room-platform-room .items-start{align-items:flex-start}.room-platform-room .items-stretch{align-items:stretch}.room-platform-room .justify-between{justify-content:space-between}.room-platform-room .justify-center{justify-content:center}.room-platform-room .justify-end{justify-content:flex-end}.room-platform-room .justify-start{justify-content:flex-start}.room-platform-room .gap-0{gap:calc(var(--spacing) * 0)}.room-platform-room .gap-0\\.5{gap:calc(var(--spacing) * .5)}.room-platform-room .gap-1{gap:calc(var(--spacing) * 1)}.room-platform-room .gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.room-platform-room .gap-2{gap:calc(var(--spacing) * 2)}.room-platform-room .gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.room-platform-room .gap-3{gap:calc(var(--spacing) * 3)}.room-platform-room .gap-4{gap:calc(var(--spacing) * 4)}.room-platform-room .gap-5{gap:calc(var(--spacing) * 5)}.room-platform-room .gap-\\[--spacing\\(var\\(--gap\\)\\)\\]{gap:calc(var(--spacing) * var(--gap))}.room-platform-room .self-start{align-self:flex-start}.room-platform-room .self-stretch{align-self:stretch}.room-platform-room .justify-self-end{justify-self:flex-end}.room-platform-room .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-platform-room .overflow-auto{overflow:auto}.room-platform-room .overflow-hidden{overflow:hidden}.room-platform-room .overflow-x-auto{overflow-x:auto}.room-platform-room .overflow-x-hidden{overflow-x:hidden}.room-platform-room .overflow-y-auto{overflow-y:auto}.room-platform-room .overscroll-contain{overscroll-behavior:contain}.room-platform-room .rounded-\\(--cell-radius\\){border-radius:var(--cell-radius)}.room-platform-room .rounded-2xl{border-radius:var(--radius-2xl)}.room-platform-room .rounded-4xl{border-radius:var(--radius-4xl)}.room-platform-room .rounded-\\[2px\\]{border-radius:2px}.room-platform-room .rounded-\\[4px\\]{border-radius:4px}.room-platform-room .rounded-\\[calc\\(var\\(--radius\\)-3px\\)\\]{border-radius:calc(var(--radius) - 3px)}.room-platform-room .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.room-platform-room .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.room-platform-room .rounded-full{border-radius:3.40282e38px}.room-platform-room .rounded-lg{border-radius:var(--radius-lg)}.room-platform-room .rounded-md{border-radius:var(--radius-md)}.room-platform-room .rounded-none{border-radius:0}.room-platform-room .rounded-sm{border-radius:var(--radius-sm)}.room-platform-room .rounded-xl{border-radius:var(--radius-xl)}.room-platform-room .rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.room-platform-room .rounded-l-\\(--cell-radius\\){border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .rounded-r-\\(--cell-radius\\){border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.room-platform-room .border{border-style:var(--tw-border-style);border-width:1px}.room-platform-room .border-0{border-style:var(--tw-border-style);border-width:0}.room-platform-room .border-2{border-style:var(--tw-border-style);border-width:2px}.room-platform-room .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.room-platform-room .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .border-dashed{--tw-border-style:dashed;border-style:dashed}.room-platform-room .border-\\[\\#2563EB\\]{border-color:#2563eb}.room-platform-room .border-amber-200{border-color:var(--color-amber-200)}.room-platform-room .border-border{border-color:var(--color-border)}.room-platform-room .border-emerald-200{border-color:var(--color-emerald-200)}.room-platform-room .border-input{border-color:var(--color-input)}.room-platform-room .border-liveclass-orange{border-color:var(--color-liveclass-orange)}.room-platform-room .border-liveclass-orange\\/30{border-color:#eb66194d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-liveclass-orange\\/30{border-color:color-mix(in oklab, var(--color-liveclass-orange) 30%, transparent)}}.room-platform-room .border-primary\\/10{border-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-primary\\/10{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .border-red-200{border-color:var(--color-red-200)}.room-platform-room .border-red-300\\/40{border-color:#ffa3a366}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-red-300\\/40{border-color:color-mix(in oklab, var(--color-red-300) 40%, transparent)}}.room-platform-room .border-sky-200{border-color:var(--color-sky-200)}.room-platform-room .border-slate-200{border-color:var(--color-slate-200)}.room-platform-room .border-slate-300{border-color:var(--color-slate-300)}.room-platform-room .border-transparent{border-color:#0000}.room-platform-room .border-white{border-color:var(--color-white)}.room-platform-room .border-white\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.room-platform-room .border-white\\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .border-white\\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.room-platform-room .bg-amber-50{background-color:var(--color-amber-50)}.room-platform-room .bg-background{background-color:var(--color-background)}.room-platform-room .bg-black{background-color:var(--color-black)}.room-platform-room .bg-black\\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-black\\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.room-platform-room .bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-black\\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.room-platform-room .bg-border{background-color:var(--color-border)}.room-platform-room .bg-card{background-color:var(--color-card)}.room-platform-room .bg-destructive\\/10{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-destructive\\/10{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.room-platform-room .bg-emerald-50{background-color:var(--color-emerald-50)}.room-platform-room .bg-input{background-color:var(--color-input)}.room-platform-room .bg-liveclass-orange{background-color:var(--color-liveclass-orange)}.room-platform-room .bg-liveclass-orange\\/10{background-color:#eb66191a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-liveclass-orange\\/10{background-color:color-mix(in oklab, var(--color-liveclass-orange) 10%, transparent)}}.room-platform-room .bg-muted{background-color:var(--color-muted)}.room-platform-room .bg-muted\\/50{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-muted\\/50{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .bg-popover{background-color:var(--color-popover)}.room-platform-room .bg-primary{background-color:var(--color-primary)}.room-platform-room .bg-primary\\/10{background-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-primary\\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .bg-red-50{background-color:var(--color-red-50)}.room-platform-room .bg-secondary{background-color:var(--color-secondary)}.room-platform-room .bg-sky-50{background-color:var(--color-sky-50)}.room-platform-room .bg-slate-50{background-color:var(--color-slate-50)}.room-platform-room .bg-slate-900{background-color:var(--color-slate-900)}.room-platform-room .bg-slate-900\\/45{background-color:#0f172b73}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-900\\/45{background-color:color-mix(in oklab, var(--color-slate-900) 45%, transparent)}}.room-platform-room .bg-slate-950{background-color:var(--color-slate-950)}.room-platform-room .bg-slate-950\\/40{background-color:#02061866}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\\/40{background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.room-platform-room .bg-slate-950\\/75{background-color:#020618bf}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\\/75{background-color:color-mix(in oklab, var(--color-slate-950) 75%, transparent)}}.room-platform-room .bg-slate-950\\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.room-platform-room .bg-slate-950\\/90{background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-slate-950\\/90{background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.room-platform-room .bg-transparent{background-color:#0000}.room-platform-room .bg-white{background-color:var(--color-white)}.room-platform-room .bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .bg-white\\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.room-platform-room .bg-clip-padding{background-clip:padding-box}.room-platform-room .fill-primary{fill:var(--color-primary)}.room-platform-room .object-contain{object-fit:contain}.room-platform-room .object-cover{object-fit:cover}.room-platform-room .p-0{padding:calc(var(--spacing) * 0)}.room-platform-room .p-1{padding:calc(var(--spacing) * 1)}.room-platform-room .p-2{padding:calc(var(--spacing) * 2)}.room-platform-room .p-2\\.5{padding:calc(var(--spacing) * 2.5)}.room-platform-room .p-3{padding:calc(var(--spacing) * 3)}.room-platform-room .p-4{padding:calc(var(--spacing) * 4)}.room-platform-room .p-6{padding:calc(var(--spacing) * 6)}.room-platform-room .p-\\[3px\\]{padding:3px}.room-platform-room .px-\\(--cell-size\\){padding-inline:var(--cell-size)}.room-platform-room .px-1{padding-inline:calc(var(--spacing) * 1)}.room-platform-room .px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.room-platform-room .px-2{padding-inline:calc(var(--spacing) * 2)}.room-platform-room .px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.room-platform-room .px-3{padding-inline:calc(var(--spacing) * 3)}.room-platform-room .px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.room-platform-room .px-4{padding-inline:calc(var(--spacing) * 4)}.room-platform-room .py-0\\.5{padding-block:calc(var(--spacing) * .5)}.room-platform-room .py-1{padding-block:calc(var(--spacing) * 1)}.room-platform-room .py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.room-platform-room .py-2{padding-block:calc(var(--spacing) * 2)}.room-platform-room .py-3{padding-block:calc(var(--spacing) * 3)}.room-platform-room .py-4{padding-block:calc(var(--spacing) * 4)}.room-platform-room .pt-2{padding-top:calc(var(--spacing) * 2)}.room-platform-room .pt-4{padding-top:calc(var(--spacing) * 4)}.room-platform-room .pr-2{padding-right:calc(var(--spacing) * 2)}.room-platform-room .pr-8{padding-right:calc(var(--spacing) * 8)}.room-platform-room .pr-10{padding-right:calc(var(--spacing) * 10)}.room-platform-room .pr-20{padding-right:calc(var(--spacing) * 20)}.room-platform-room .pb-2{padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .pb-3{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .pl-1\\.5{padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .pl-2{padding-left:calc(var(--spacing) * 2)}.room-platform-room .pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.room-platform-room .pl-4{padding-left:calc(var(--spacing) * 4)}.room-platform-room .text-center{text-align:center}.room-platform-room .text-left{text-align:left}.room-platform-room .align-middle{vertical-align:middle}.room-platform-room .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.room-platform-room .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .text-\\[0\\.8rem\\]{font-size:.8rem}.room-platform-room .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.room-platform-room .leading-none{--tw-leading:1;line-height:1}.room-platform-room .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.room-platform-room .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.room-platform-room .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.room-platform-room .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.room-platform-room .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.room-platform-room .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.room-platform-room .text-balance{text-wrap:balance}.room-platform-room .whitespace-nowrap{white-space:nowrap}.room-platform-room .text-\\[\\#2563EB\\]{color:#2563eb}.room-platform-room .text-amber-700{color:var(--color-amber-700)}.room-platform-room .text-amber-950{color:var(--color-amber-950)}.room-platform-room .text-card-foreground{color:var(--color-card-foreground)}.room-platform-room .text-current{color:currentColor}.room-platform-room .text-destructive{color:var(--color-destructive)}.room-platform-room .text-emerald-950{color:var(--color-emerald-950)}.room-platform-room .text-foreground{color:var(--color-foreground)}.room-platform-room .text-foreground\\/60{color:#0a0a0a99}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-foreground\\/60{color:color-mix(in oklab, var(--color-foreground) 60%, transparent)}}.room-platform-room .text-liveclass-orange{color:var(--color-liveclass-orange)}.room-platform-room .text-muted-foreground{color:var(--color-muted-foreground)}.room-platform-room .text-popover-foreground{color:var(--color-popover-foreground)}.room-platform-room .text-primary{color:var(--color-primary)}.room-platform-room .text-primary-foreground{color:var(--color-primary-foreground)}.room-platform-room .text-red-100{color:var(--color-red-100)}.room-platform-room .text-secondary-foreground{color:var(--color-secondary-foreground)}.room-platform-room .text-sky-950{color:var(--color-sky-950)}.room-platform-room .text-slate-200{color:var(--color-slate-200)}.room-platform-room .text-slate-300{color:var(--color-slate-300)}.room-platform-room .text-slate-400{color:var(--color-slate-400)}.room-platform-room .text-slate-500{color:var(--color-slate-500)}.room-platform-room .text-slate-700{color:var(--color-slate-700)}.room-platform-room .text-slate-950{color:var(--color-slate-950)}.room-platform-room .text-white{color:var(--color-white)}.room-platform-room .text-white\\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.room-platform-room .text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.room-platform-room .text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.room-platform-room .text-white\\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.room-platform-room .uppercase{text-transform:uppercase}.room-platform-room .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.room-platform-room .underline-offset-4{text-underline-offset:4px}.room-platform-room .opacity-0{opacity:0}.room-platform-room .opacity-50{opacity:.5}.room-platform-room .opacity-70{opacity:.7}.room-platform-room .opacity-80{opacity:.8}.room-platform-room .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-\\[0_0_0_1px_var\\(--sidebar-border\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .ring-\\[\\#2563EB\\]\\/15{--tw-ring-color:oklab(54.615% -.026671 -.213549/.15)}.room-platform-room .ring-emerald-400{--tw-ring-color:var(--color-emerald-400)}.room-platform-room .ring-foreground\\/10{--tw-ring-color:#0a0a0a1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .ring-foreground\\/10{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.room-platform-room .ring-white\\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .ring-white\\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.room-platform-room .outline-hidden{outline-offset:2px;outline:2px solid #0000}}.room-platform-room .outline{outline-style:var(--tw-outline-style);outline-width:1px}.room-platform-room .blur{--tw-blur:blur(8px);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,)}.room-platform-room .blur-\\[3px\\]{--tw-blur:blur(3px);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,)}.room-platform-room .blur-\\[6px\\]{--tw-blur:blur(6px);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,)}.room-platform-room .drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.room-platform-room .backdrop-blur-\\[1px\\]{--tw-backdrop-blur:blur(1px);-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,);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,)}.room-platform-room .transition{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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\\[left\\,right\\,width\\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\\[margin\\,opacity\\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\\[width\\,height\\,padding\\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\\[width\\,transform\\,opacity\\]{transition-property:width,transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .transition-none{transition-property:none}.room-platform-room .duration-100{--tw-duration:.1s;transition-duration:.1s}.room-platform-room .duration-200{--tw-duration:.2s;transition-duration:.2s}.room-platform-room .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.room-platform-room .ease-linear{--tw-ease:linear;transition-timing-function:linear}.room-platform-room .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.room-platform-room .fade-in-0{--tw-enter-opacity:0}.room-platform-room .outline-none{--tw-outline-style:none;outline-style:none}.room-platform-room .select-none{-webkit-user-select:none;user-select:none}.room-platform-room .zoom-in-95{--tw-enter-scale:.95}.room-platform-room .\\[--cell-radius\\:var\\(--radius-md\\)\\]{--cell-radius:var(--radius-md)}.room-platform-room .\\[--cell-size\\:--spacing\\(7\\)\\]{--cell-size:calc(var(--spacing) * 7)}.room-platform-room .paused{animation-play-state:paused}.room-platform-room .ring-inset{--tw-ring-inset:inset}.room-platform-room .running{animation-play-state:running}.room-platform-room :is(.\\*\\:w-full>*){width:100%}.room-platform-room .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *){opacity:1}@media (hover:hover){.room-platform-room .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *){opacity:1}}.room-platform-room .group-focus\\/dropdown-menu-item\\:text-accent-foreground:is(:where(.group\\/dropdown-menu-item):focus *){color:var(--color-accent-foreground)}.room-platform-room .group-has-disabled\\/field\\:opacity-50:is(:where(.group\\/field):has(:disabled) *){opacity:.5}.room-platform-room .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.room-platform-room .group-has-data-\\[slot\\=combobox-clear\\]\\/input-group\\:hidden:is(:where(.group\\/input-group):has([data-slot=combobox-clear]) *){display:none}.room-platform-room .group-has-data-horizontal\\/field\\:text-balance:is(:where(.group\\/field):has(:where([data-orientation=horizontal])) *){text-wrap:balance}.room-platform-room .group-has-\\[\\>input\\]\\/input-group\\:pt-2:is(:where(.group\\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2)}.room-platform-room .group-has-\\[\\>input\\]\\/input-group\\:pb-2:is(:where(.group\\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .group-has-\\[\\>svg\\]\\/alert\\:col-start-2:is(:where(.group\\/alert):has(>svg) *){grid-column-start:2}.room-platform-room .group-data-empty\\/combobox-content\\:flex:is(:where(.group\\/combobox-content)[data-empty] *){display:flex}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+1rem\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+1rem\\+2px\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:w-\\[var\\(--sidebar-width-icon\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.room-platform-room .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.room-platform-room .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *),.room-platform-room .group-data-\\[disabled\\=true\\]\\/field\\:opacity-50:is(:where(.group\\/field)[data-disabled=true] *),.room-platform-room .group-data-\\[disabled\\=true\\]\\/input-group\\:opacity-50:is(:where(.group\\/input-group)[data-disabled=true] *){opacity:.5}.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=true] *){position:relative}.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=true] *){z-index:10}.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=true] *){border-color:var(--color-ring)}.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.room-platform-room .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.room-platform-room .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.room-platform-room .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.room-platform-room .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){display:grid}.room-platform-room .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:p-3:is(:where(.group\\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:px-3:is(:where(.group\\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *){border-radius:0}.room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *){padding-inline:calc(var(--spacing) * 2)}.room-platform-room .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.room-platform-room .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\\[variant\\=floating\\]\\:ring-1:is(:where(.group)[data-variant=floating] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *){background-color:#0000}.room-platform-room .group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2:is(:where(.group\\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.room-platform-room .group-data-horizontal\\/tabs\\:h-8:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.room-platform-room .group-data-vertical\\/tabs\\:h-fit:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){height:fit-content}.room-platform-room .group-data-vertical\\/tabs\\:w-full:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){width:100%}.room-platform-room .group-data-vertical\\/tabs\\:flex-col:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.room-platform-room .group-data-vertical\\/tabs\\:justify-start:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.room-platform-room .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.room-platform-room .peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.room-platform-room .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.room-platform-room .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.room-platform-room .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.room-platform-room .file\\:inline-flex::file-selector-button{display:inline-flex}.room-platform-room .file\\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.room-platform-room .file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.room-platform-room .file\\:bg-transparent::file-selector-button{background-color:#0000}.room-platform-room .file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .file\\:text-foreground::file-selector-button{color:var(--color-foreground)}.room-platform-room .placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.room-platform-room .after\\:absolute:after{content:var(--tw-content);position:absolute}.room-platform-room .after\\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.room-platform-room .after\\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.room-platform-room .after\\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.room-platform-room .after\\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.room-platform-room .after\\:start-1\\/2:after{content:var(--tw-content);inset-inline-start:50%}.room-platform-room .after\\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.room-platform-room .after\\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.room-platform-room .after\\:w-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4)}.room-platform-room .after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}.room-platform-room .after\\:bg-foreground:after{content:var(--tw-content);background-color:var(--color-foreground)}.room-platform-room .after\\:bg-muted:after{content:var(--tw-content);background-color:var(--color-muted)}.room-platform-room .after\\:opacity-0:after{content:var(--tw-content);opacity:0}.room-platform-room .after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.room-platform-room .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.room-platform-room .group-data-horizontal\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.room-platform-room .group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.room-platform-room .group-data-horizontal\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.room-platform-room .group-data-vertical\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.room-platform-room .group-data-vertical\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.room-platform-room .group-data-vertical\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.room-platform-room .last\\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.room-platform-room .focus-within\\:border-ring:focus-within{border-color:var(--color-ring)}.room-platform-room .focus-within\\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}@media (hover:hover){.room-platform-room .hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.room-platform-room .hover\\:border-slate-400:hover{border-color:var(--color-slate-400)}.room-platform-room .hover\\:bg-destructive\\/20:hover{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .hover\\:bg-liveclass-orange\\/90:hover{background-color:#eb6619e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-liveclass-orange\\/90:hover{background-color:color-mix(in oklab, var(--color-liveclass-orange) 90%, transparent)}}.room-platform-room .hover\\:bg-muted:hover{background-color:var(--color-muted)}.room-platform-room .hover\\:bg-muted\\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.room-platform-room .hover\\:bg-red-500\\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-red-500\\/15:hover{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.room-platform-room .hover\\:bg-secondary\\/80:hover{background-color:#eb6619cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.room-platform-room .hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.room-platform-room .hover\\:bg-slate-900:hover{background-color:var(--color-slate-900)}.room-platform-room .hover\\:bg-transparent:hover{background-color:#0000}.room-platform-room .hover\\:bg-white:hover{background-color:var(--color-white)}.room-platform-room .hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .hover\\:bg-white\\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.room-platform-room .hover\\:bg-white\\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.room-platform-room .hover\\:text-foreground:hover{color:var(--color-foreground)}.room-platform-room .hover\\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.room-platform-room .hover\\:text-red-600:hover{color:var(--color-red-600)}.room-platform-room .hover\\:text-white:hover{color:var(--color-white)}.room-platform-room .hover\\:underline:hover{text-decoration-line:underline}.room-platform-room .hover\\:opacity-100:hover{opacity:1}.room-platform-room .hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.room-platform-room .focus\\:z-10:focus{z-index:10}.room-platform-room .focus\\:bg-accent:focus{background-color:var(--color-accent)}.room-platform-room .focus\\:text-accent-foreground:focus,.room-platform-room :is(.focus\\:\\*\\*\\:text-accent-foreground:focus *),.room-platform-room :is(.not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--color-accent-foreground)}.room-platform-room .focus-visible\\:z-10:focus-visible{z-index:10}.room-platform-room .focus-visible\\:border-destructive\\/40:focus-visible{border-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .focus-visible\\:border-ring:focus-visible{border-color:var(--color-ring)}.room-platform-room .focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\\:ring-3:focus-visible,.room-platform-room .focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.room-platform-room .focus-visible\\:outline-ring:focus-visible{outline-color:var(--color-ring)}.room-platform-room :is(.\\*\\:focus-visible\\:relative>*):focus-visible{position:relative}.room-platform-room :is(.\\*\\:focus-visible\\:z-10>*):focus-visible{z-index:10}.room-platform-room .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .disabled\\:pointer-events-none:disabled{pointer-events:none}.room-platform-room .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.room-platform-room .disabled\\:border-white\\/35:disabled{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\\:border-white\\/35:disabled{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.room-platform-room .disabled\\:bg-input\\/50:disabled{background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\\:bg-input\\/50:disabled{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .disabled\\:bg-transparent:disabled{background-color:#0000}.room-platform-room .disabled\\:bg-white\\/5:disabled{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\\:bg-white\\/5:disabled{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.room-platform-room .disabled\\:text-white\\/65:disabled{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.room-platform-room .disabled\\:text-white\\/65:disabled{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.room-platform-room .disabled\\:opacity-50:disabled{opacity:.5}.room-platform-room :where([data-side=left]) .in-data-\\[side\\=left\\]\\:cursor-w-resize{cursor:w-resize}.room-platform-room :where([data-side=right]) .in-data-\\[side\\=right\\]\\:cursor-e-resize{cursor:e-resize}.room-platform-room :where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--radius-lg)}.room-platform-room :where([data-slot=card-content]) .in-data-\\[slot\\=card-content\\]\\:bg-transparent{background-color:#0000}.room-platform-room :where([data-slot=combobox-content]) .in-data-\\[slot\\=combobox-content\\]\\:focus-within\\:border-inherit:focus-within{border-color:inherit}.room-platform-room :where([data-slot=combobox-content]) .in-data-\\[slot\\=combobox-content\\]\\:focus-within\\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :where([data-slot=popover-content]) .in-data-\\[slot\\=popover-content\\]\\:bg-transparent{background-color:#0000}.room-platform-room .has-disabled\\:pointer-events-none:has(:disabled){pointer-events:none}.room-platform-room .has-disabled\\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.room-platform-room .has-disabled\\:bg-input\\/50:has(:disabled){background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-disabled\\:bg-input\\/50:has(:disabled){background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .has-disabled\\:opacity-50:has(:disabled){opacity:.5}.room-platform-room .has-aria-expanded\\:bg-muted\\/50:has([aria-expanded=true]){background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-aria-expanded\\:bg-muted\\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .has-aria-invalid\\:border-destructive:has([aria-invalid=true]){border-color:var(--color-destructive)}.room-platform-room .has-aria-invalid\\:ring-3:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=true]){--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-1:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1)}.room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.room-platform-room .has-data-\\[icon\\=inline-end\\]\\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-1:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1)}.room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.room-platform-room .has-data-\\[icon\\=inline-start\\]\\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.room-platform-room .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .has-data-\\[slot\\=alert-action\\]\\:relative:has([data-slot=alert-action]){position:relative}.room-platform-room .has-data-\\[slot\\=alert-action\\]\\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.room-platform-room .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.room-platform-room .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 4)}.room-platform-room .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.room-platform-room .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]){grid-template-rows:auto auto}.room-platform-room .has-data-\\[slot\\=card-footer\\]\\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.room-platform-room .has-data-\\[slot\\=combobox-chip\\]\\:px-1:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1)}.room-platform-room .has-data-\\[slot\\=combobox-chip-remove\\]\\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.room-platform-room .has-data-checked\\:border-primary\\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:#242f624d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-data-checked\\:border-primary\\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.room-platform-room .has-data-checked\\:bg-primary\\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:#242f620d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-data-checked\\:bg-primary\\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--color-ring)}.room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-3:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:#9dc2f380}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--color-destructive)}.room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-3:has([data-slot][aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto:has(>[data-align=block-end]){height:auto}.room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col:has(>[data-align=block-end]){flex-direction:column}.room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto:has(>[data-align=block-start]){height:auto}.room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col:has(>[data-align=block-start]){flex-direction:column}.room-platform-room .has-\\[\\>\\[data-slot\\=button-group\\]\\]\\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.room-platform-room .has-\\[\\>\\[data-slot\\=checkbox-group\\]\\]\\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.room-platform-room .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:w-full:has(>[data-slot=field]){width:100%}.room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:flex-col:has(>[data-slot=field]){flex-direction:column}.room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:rounded-lg:has(>[data-slot=field]){border-radius:var(--radius-lg)}.room-platform-room .has-\\[\\>\\[data-slot\\=field\\]\\]\\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.room-platform-room .has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.room-platform-room .has-\\[\\>button\\]\\:mr-\\[-0\\.3rem\\]:has(>button){margin-right:-.3rem}.room-platform-room .has-\\[\\>button\\]\\:ml-\\[-0\\.3rem\\]:has(>button){margin-left:-.3rem}.room-platform-room .has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.room-platform-room .has-\\[\\>kbd\\]\\:mr-\\[-0\\.15rem\\]:has(>kbd){margin-right:-.15rem}.room-platform-room .has-\\[\\>kbd\\]\\:ml-\\[-0\\.15rem\\]:has(>kbd){margin-left:-.15rem}.room-platform-room .has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\]:has(>svg){grid-template-columns:auto 1fr}.room-platform-room .has-\\[\\>svg\\]\\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.room-platform-room .has-\\[\\>svg\\]\\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.room-platform-room .has-\\[\\>textarea\\]\\:h-auto:has(>textarea){height:auto}.room-platform-room .aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.room-platform-room .aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.room-platform-room .aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--color-muted)}.room-platform-room .aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--color-secondary)}.room-platform-room .aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--color-foreground)}.room-platform-room .aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--color-secondary-foreground)}.room-platform-room .aria-expanded\\:opacity-100[aria-expanded=true]{opacity:1}.room-platform-room .aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.room-platform-room .aria-invalid\\:ring-0[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .aria-invalid\\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--color-primary)}.room-platform-room .aria-pressed\\:bg-muted[aria-pressed=true]{background-color:var(--color-muted)}.room-platform-room .aria-selected\\:text-muted-foreground[aria-selected=true]{color:var(--color-muted-foreground)}.room-platform-room .data-empty\\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.room-platform-room .data-highlighted\\:bg-accent[data-highlighted]{background-color:var(--color-accent)}.room-platform-room .data-highlighted\\:text-accent-foreground[data-highlighted],.room-platform-room :is(.not-data-\\[variant\\=destructive\\]\\:data-highlighted\\:\\*\\*\\:text-accent-foreground:not([data-variant=destructive])[data-highlighted] *){color:var(--color-accent-foreground)}.room-platform-room .data-inset\\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.room-platform-room .data-placeholder\\:text-muted-foreground[data-placeholder]{color:var(--color-muted-foreground)}.room-platform-room .data-pressed\\:bg-transparent[data-pressed]{background-color:#0000}.room-platform-room .data-\\[align-trigger\\=true\\]\\:animate-none[data-align-trigger=true]{animation:none}.room-platform-room .data-\\[chips\\=true\\]\\:min-w-\\(--anchor-width\\)[data-chips=true]{min-width:var(--anchor-width)}.room-platform-room .data-\\[invalid\\=true\\]\\:text-destructive[data-invalid=true]{color:var(--color-destructive)}.room-platform-room .data-\\[lk-enabled\\=true\\]\\:border-white[data-lk-enabled=true]{border-color:var(--color-white)}.room-platform-room .data-\\[lk-enabled\\=true\\]\\:bg-white[data-lk-enabled=true]{background-color:var(--color-white)}.room-platform-room .data-\\[lk-enabled\\=true\\]\\:text-slate-950[data-lk-enabled=true]{color:var(--color-slate-950)}@media (hover:hover){.room-platform-room .data-\\[lk-enabled\\=true\\]\\:hover\\:bg-white[data-lk-enabled=true]:hover{background-color:var(--color-white)}}.room-platform-room .data-\\[position\\=popper\\]\\:h-\\(--radix-select-trigger-height\\)[data-position=popper]{height:var(--radix-select-trigger-height)}.room-platform-room .data-\\[position\\=popper\\]\\:w-full[data-position=popper]{width:100%}.room-platform-room .data-\\[position\\=popper\\]\\:min-w-\\(--radix-select-trigger-width\\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.room-platform-room .data-\\[range-end\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-end=true]{border-radius:var(--cell-radius)}.room-platform-room .data-\\[range-end\\=true\\]\\:rounded-r-\\(--cell-radius\\)[data-range-end=true]{border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=true]{background-color:var(--color-primary)}.room-platform-room .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=true]{border-radius:0}.room-platform-room .data-\\[range-middle\\=true\\]\\:bg-muted[data-range-middle=true]{background-color:var(--color-muted)}.room-platform-room .data-\\[range-middle\\=true\\]\\:text-foreground[data-range-middle=true]{color:var(--color-foreground)}.room-platform-room .data-\\[range-start\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-start=true]{border-radius:var(--cell-radius)}.room-platform-room .data-\\[range-start\\=true\\]\\:rounded-l-\\(--cell-radius\\)[data-range-start=true]{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=true]{background-color:var(--color-primary)}.room-platform-room .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=true]{background-color:var(--color-primary)}.room-platform-room .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=true]{color:var(--color-primary-foreground)}.room-platform-room .data-\\[selected\\=true\\]\\:rounded-none[data-selected=true]{border-radius:0}.room-platform-room .data-\\[side\\=bottom\\]\\:inset-x-0[data-side=bottom]{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=bottom\\]\\:bottom-0[data-side=bottom]{bottom:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=bottom\\]\\:h-auto[data-side=bottom]{height:auto}.room-platform-room .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\\[side\\=bottom\\]\\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.room-platform-room .data-\\[side\\=inline-end\\]\\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.room-platform-room .data-\\[side\\=inline-start\\]\\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.room-platform-room .data-\\[side\\=left\\]\\:inset-y-0[data-side=left]{inset-block:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=left\\]\\:left-0[data-side=left]{left:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=left\\]\\:h-full[data-side=left]{height:100%}.room-platform-room .data-\\[side\\=left\\]\\:w-3\\/4[data-side=left]{width:75%}.room-platform-room .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\\[side\\=left\\]\\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.room-platform-room .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.room-platform-room .data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=left]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.room-platform-room .data-\\[side\\=right\\]\\:inset-y-0[data-side=right]{inset-block:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=right\\]\\:right-0[data-side=right]{right:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=right\\]\\:h-full[data-side=right]{height:100%}.room-platform-room .data-\\[side\\=right\\]\\:w-3\\/4[data-side=right]{width:75%}.room-platform-room .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\\[side\\=right\\]\\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.room-platform-room .data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=right]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.room-platform-room .data-\\[side\\=top\\]\\:inset-x-0[data-side=top]{inset-inline:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=top\\]\\:top-0[data-side=top]{top:calc(var(--spacing) * 0)}.room-platform-room .data-\\[side\\=top\\]\\:h-auto[data-side=top]{height:auto}.room-platform-room .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room .data-\\[side\\=top\\]\\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.room-platform-room .data-\\[size\\=default\\]\\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.room-platform-room .data-\\[size\\=default\\]\\:max-w-xs[data-size=default]{max-width:var(--container-xs)}.room-platform-room .data-\\[size\\=md\\]\\:text-sm[data-size=md]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .data-\\[size\\=sm\\]\\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.room-platform-room .data-\\[size\\=sm\\]\\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.room-platform-room .data-\\[size\\=sm\\]\\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.room-platform-room .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.room-platform-room .data-\\[size\\=sm\\]\\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.room-platform-room .data-\\[size\\=sm\\]\\:text-xs[data-size=sm]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.room-platform-room :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90>*)[data-slot=alert-description]{color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.room-platform-room .data-\\[slot\\=checkbox-group\\]\\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.room-platform-room :is(.\\*\\:data-\\[slot\\=field\\]\\:p-2\\.5>*)[data-slot=field]{padding:calc(var(--spacing) * 2.5)}.room-platform-room :is(.\\*\\:data-\\[slot\\=field-group\\]\\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.room-platform-room :is(.\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]{flex:auto}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:border-input\\/30>*)[data-slot=input-group]{border-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:border-input\\/30>*)[data-slot=input-group]{border-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:bg-input\\/30>*)[data-slot=input-group]{background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:bg-input\\/30>*)[data-slot=input-group]{background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room :is(.\\*\\:data-\\[slot\\=input-group\\]\\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.room-platform-room :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}.room-platform-room :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}.room-platform-room :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-1\\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"]:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"]:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"]:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"]:last-child{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.room-platform-room .data-\\[state\\=closed\\]\\:overflow-hidden[data-state=closed]{overflow:hidden}.room-platform-room .data-\\[state\\=on\\]\\:bg-muted[data-state=on],.room-platform-room .data-\\[state\\=selected\\]\\:bg-muted[data-state=selected]{background-color:var(--color-muted)}.room-platform-room .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--color-destructive)}.room-platform-room .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.room-platform-room .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--color-destructive)}.room-platform-room .data-\\[variant\\=label\\]\\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .data-\\[variant\\=legend\\]\\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.room-platform-room .data-\\[variant\\=line\\]\\:rounded-none[data-variant=line]{border-radius:0}.room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.room-platform-room .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.room-platform-room .nth-last-2\\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.room-platform-room .supports-backdrop-filter\\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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,);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,)}}@media (min-width:40rem){.room-platform-room .sm\\:flex{display:flex}.room-platform-room .sm\\:max-w-2xl{max-width:var(--container-2xl)}.room-platform-room .sm\\:max-w-none{max-width:none}.room-platform-room .sm\\:max-w-sm{max-width:var(--container-sm)}.room-platform-room .sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.room-platform-room .sm\\:flex-row{flex-direction:row}.room-platform-room .sm\\:justify-end{justify-content:flex-end}.room-platform-room .sm\\:p-4{padding:calc(var(--spacing) * 4)}.room-platform-room .sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=default] *){place-items:start}.room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=default] *){text-align:left}.room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *):is(:where(.group\\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.room-platform-room .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.room-platform-room .data-\\[side\\=left\\]\\:sm\\:max-w-sm[data-side=left],.room-platform-room .data-\\[side\\=right\\]\\:sm\\:max-w-sm[data-side=right],.room-platform-room .data-\\[size\\=default\\]\\:sm\\:max-w-sm[data-size=default]{max-width:var(--container-sm)}}@media (min-width:48rem){.room-platform-room .md\\:block{display:block}.room-platform-room .md\\:flex{display:flex}.room-platform-room .md\\:inline-flex{display:inline-flex}.room-platform-room .md\\:max-w-\\[300px\\]{max-width:300px}.room-platform-room .md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.room-platform-room .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(12rem\\,16rem\\)\\]{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem)}.room-platform-room .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(260px\\,300px\\)\\]{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}.room-platform-room .md\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.room-platform-room .md\\:flex-row{flex-direction:row}.room-platform-room .md\\:justify-self-end{justify-self:flex-end}.room-platform-room .md\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.room-platform-room .md\\:border-white\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .md\\:border-white\\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.room-platform-room .md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.room-platform-room .md\\:text-pretty{text-wrap:pretty}.room-platform-room .md\\:opacity-0{opacity:0}.room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.room-platform-room .md\\:after\\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.room-platform-room .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container field-group (min-width:28rem){.room-platform-room .\\@md\\/field-group\\:flex-row{flex-direction:row}.room-platform-room .\\@md\\/field-group\\:items-center{align-items:center}.room-platform-room :is(.\\@md\\/field-group\\:\\*\\:w-auto>*){width:auto}.room-platform-room .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.room-platform-room :is(.\\@md\\/field-group\\:\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]{flex:auto}}.room-platform-room .ltr\\:-translate-x-1\\/2:where(:dir(ltr),[dir=ltr],[dir=ltr] *),.room-platform-room .rtl\\:-translate-x-1\\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.room-platform-room .dark\\:border-input{border-color:var(--color-input)}.room-platform-room .dark\\:bg-destructive\\/20{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:bg-destructive\\/20{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .dark\\:bg-input\\/30{background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:bg-input\\/30{background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room .dark\\:bg-transparent{background-color:#0000}.room-platform-room .dark\\:text-muted-foreground{color:var(--color-muted-foreground)}@media (hover:hover){.room-platform-room .dark\\:hover\\:bg-destructive\\/30:hover{background-color:#e400144d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:hover\\:bg-destructive\\/30:hover{background-color:color-mix(in oklab, var(--color-destructive) 30%, transparent)}}.room-platform-room .dark\\:hover\\:bg-input\\/50:hover{background-color:#e5e5e580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:hover\\:bg-input\\/50:hover{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.room-platform-room .dark\\:hover\\:bg-muted\\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.room-platform-room .dark\\:hover\\:text-foreground:hover{color:var(--color-foreground)}}.room-platform-room .dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\\:disabled\\:bg-input\\/80:disabled{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:disabled\\:bg-input\\/80:disabled{background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.room-platform-room .dark\\:disabled\\:bg-transparent:disabled{background-color:#0000}.room-platform-room .dark\\:has-disabled\\:bg-input\\/80:has(:disabled){background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-disabled\\:bg-input\\/80:has(:disabled){background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.room-platform-room .dark\\:has-aria-invalid\\:border-destructive\\/50:has([aria-invalid=true]){border-color:#e4001480}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-aria-invalid\\:border-destructive\\/50:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.room-platform-room .dark\\:has-aria-invalid\\:ring-destructive\\/40:has([aria-invalid=true]){--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-aria-invalid\\:ring-destructive\\/40:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\\:has-data-checked\\:border-primary\\/20:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:#242f6233}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-data-checked\\:border-primary\\/20:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.room-platform-room .dark\\:has-data-checked\\:bg-primary\\/10:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:#242f621a}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-data-checked\\:bg-primary\\/10:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.room-platform-room .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:#e4001480}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:aria-invalid\\:border-destructive\\/50[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.room-platform-room .dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:#e4001466}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:aria-invalid\\:ring-destructive\\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.room-platform-room .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20[data-variant=destructive]:focus{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}}.room-platform-room .data-open\\:animate-in:where([data-state=open]),.room-platform-room .data-open\\:animate-in:where([data-open]:not([data-open=false])){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)}.room-platform-room .data-open\\:bg-accent:where([data-state=open]),.room-platform-room .data-open\\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--color-accent)}.room-platform-room .data-open\\:text-accent-foreground:where([data-state=open]),.room-platform-room .data-open\\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--color-accent-foreground)}.room-platform-room .data-open\\:fade-in-0:where([data-state=open]),.room-platform-room .data-open\\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.room-platform-room .data-open\\:zoom-in-95:where([data-state=open]),.room-platform-room .data-open\\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.room-platform-room .data-\\[side\\=bottom\\]\\:data-open\\:slide-in-from-bottom-10[data-side=bottom]:where([data-state=open]),.room-platform-room .data-\\[side\\=bottom\\]\\:data-open\\:slide-in-from-bottom-10[data-side=bottom]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*100%)}.room-platform-room .data-\\[side\\=left\\]\\:data-open\\:slide-in-from-left-10[data-side=left]:where([data-state=open]),.room-platform-room .data-\\[side\\=left\\]\\:data-open\\:slide-in-from-left-10[data-side=left]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*-100%)}.room-platform-room .data-\\[side\\=right\\]\\:data-open\\:slide-in-from-right-10[data-side=right]:where([data-state=open]),.room-platform-room .data-\\[side\\=right\\]\\:data-open\\:slide-in-from-right-10[data-side=right]:where([data-open]:not([data-open=false])){--tw-enter-translate-x:calc(.1*100%)}.room-platform-room .data-\\[side\\=top\\]\\:data-open\\:slide-in-from-top-10[data-side=top]:where([data-state=open]),.room-platform-room .data-\\[side\\=top\\]\\:data-open\\:slide-in-from-top-10[data-side=top]:where([data-open]:not([data-open=false])){--tw-enter-translate-y:calc(.1*-100%)}.room-platform-room .data-closed\\:animate-out:where([data-state=closed]),.room-platform-room .data-closed\\:animate-out:where([data-closed]:not([data-closed=false])){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)}.room-platform-room .data-closed\\:fade-out-0:where([data-state=closed]),.room-platform-room .data-closed\\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.room-platform-room .data-closed\\:zoom-out-95:where([data-state=closed]),.room-platform-room .data-closed\\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.room-platform-room .data-\\[side\\=bottom\\]\\:data-closed\\:slide-out-to-bottom-10[data-side=bottom]:where([data-state=closed]),.room-platform-room .data-\\[side\\=bottom\\]\\:data-closed\\:slide-out-to-bottom-10[data-side=bottom]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*100%)}.room-platform-room .data-\\[side\\=left\\]\\:data-closed\\:slide-out-to-left-10[data-side=left]:where([data-state=closed]),.room-platform-room .data-\\[side\\=left\\]\\:data-closed\\:slide-out-to-left-10[data-side=left]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*-100%)}.room-platform-room .data-\\[side\\=right\\]\\:data-closed\\:slide-out-to-right-10[data-side=right]:where([data-state=closed]),.room-platform-room .data-\\[side\\=right\\]\\:data-closed\\:slide-out-to-right-10[data-side=right]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x:calc(.1*100%)}.room-platform-room .data-\\[side\\=top\\]\\:data-closed\\:slide-out-to-top-10[data-side=top]:where([data-state=closed]),.room-platform-room .data-\\[side\\=top\\]\\:data-closed\\:slide-out-to-top-10[data-side=top]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y:calc(.1*-100%)}.room-platform-room .data-checked\\:border-primary:where([data-state=checked]),.room-platform-room .data-checked\\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--color-primary)}.room-platform-room .data-checked\\:bg-primary:where([data-state=checked]),.room-platform-room .data-checked\\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--color-primary)}.room-platform-room .data-checked\\:text-primary-foreground:where([data-state=checked]),.room-platform-room .data-checked\\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--color-primary-foreground)}@media (prefers-color-scheme:dark){.room-platform-room .dark\\:data-checked\\:bg-primary:where([data-state=checked]),.room-platform-room .dark\\:data-checked\\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--color-primary)}}.room-platform-room .data-disabled\\:pointer-events-none:where([data-disabled=true]),.room-platform-room .data-disabled\\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.room-platform-room .data-disabled\\:opacity-50:where([data-disabled=true]),.room-platform-room .data-disabled\\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.room-platform-room .data-active\\:bg-background:where([data-state=active]),.room-platform-room .data-active\\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--color-background)}.room-platform-room .data-active\\:font-medium:where([data-state=active]),.room-platform-room .data-active\\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.room-platform-room .data-active\\:text-foreground:where([data-state=active]),.room-platform-room .data-active\\:text-foreground:where([data-active]:not([data-active=false])){color:var(--color-foreground)}.room-platform-room .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=default] *):where([data-state=active]),.room-platform-room .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.room-platform-room :is(.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}@media (prefers-color-scheme:dark){.room-platform-room .dark\\:data-active\\:border-input:where([data-state=active]),.room-platform-room .dark\\:data-active\\:border-input:where([data-active]:not([data-active=false])){border-color:var(--color-input)}.room-platform-room .dark\\:data-active\\:bg-input\\/30:where([data-state=active]),.room-platform-room .dark\\:data-active\\:bg-input\\/30:where([data-active]:not([data-active=false])){background-color:#e5e5e54d}@supports (color:color-mix(in lab, red, red)){.room-platform-room .dark\\:data-active\\:bg-input\\/30:where([data-state=active]),.room-platform-room .dark\\:data-active\\:bg-input\\/30:where([data-active]:not([data-active=false])){background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.room-platform-room .dark\\:data-active\\:text-foreground:where([data-state=active]),.room-platform-room .dark\\:data-active\\:text-foreground:where([data-active]:not([data-active=false])){color:var(--color-foreground)}.room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.room-platform-room .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}}.room-platform-room .data-horizontal\\:mx-px:where([data-orientation=horizontal]){margin-inline:1px}.room-platform-room .data-horizontal\\:h-px:where([data-orientation=horizontal]){height:1px}.room-platform-room .data-horizontal\\:w-auto:where([data-orientation=horizontal]){width:auto}.room-platform-room .data-horizontal\\:w-full:where([data-orientation=horizontal]){width:100%}.room-platform-room .data-horizontal\\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.room-platform-room .data-vertical\\:my-px:where([data-orientation=vertical]){margin-block:1px}.room-platform-room .data-vertical\\:h-auto:where([data-orientation=vertical]){height:auto}.room-platform-room .data-vertical\\:w-px:where([data-orientation=vertical]){width:1px}.room-platform-room .data-vertical\\:flex-col:where([data-orientation=vertical]){flex-direction:column}.room-platform-room .data-vertical\\:items-stretch:where([data-orientation=vertical]){align-items:stretch}.room-platform-room .data-vertical\\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.room-platform-room .\\[\\&_a\\]\\:underline a{text-decoration-line:underline}.room-platform-room .\\[\\&_a\\]\\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.room-platform-room .\\[\\&_a\\]\\:hover\\:text-foreground a:hover{color:var(--color-foreground)}}.room-platform-room .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.room-platform-room .\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.room-platform-room .\\[\\&_svg\\]\\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\\[\\&_tr\\]\\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.room-platform-room .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.room-platform-room .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):first-child[data-selected=true] button{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.room-platform-room .\\[\\.border-b\\]\\:pb-2.border-b{padding-bottom:calc(var(--spacing) * 2)}.room-platform-room .\\[\\.border-b\\]\\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.room-platform-room .group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3:is(:where(.group\\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .\\[\\.border-t\\]\\:pt-2.border-t{padding-top:calc(var(--spacing) * 2)}.room-platform-room :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),.room-platform-room :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.room-platform-room :is(.\\*\\:\\[a\\]\\:underline>*):is(a){text-decoration-line:underline}.room-platform-room :is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.room-platform-room .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.room-platform-room .\\[a\\]\\:hover\\:bg-muted:is(a):hover{background-color:var(--color-muted)}.room-platform-room .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:#242f62cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.room-platform-room .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:#eb6619cc}@supports (color:color-mix(in lab, red, red)){.room-platform-room .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.room-platform-room .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover{color:var(--color-muted-foreground)}.room-platform-room :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover{color:var(--color-foreground)}}.room-platform-room :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.room-platform-room :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.room-platform-room :is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}.room-platform-room :is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}.room-platform-room :is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.room-platform-room :is(.\\*\\:\\[svg\\]\\:row-span-2>*):is(svg){grid-row:span 2/span 2}.room-platform-room :is(.\\*\\:\\[svg\\]\\:translate-y-0\\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.room-platform-room :is(.\\*\\:\\[svg\\]\\:text-current>*):is(svg){color:currentColor}.room-platform-room :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--color-destructive)}.room-platform-room :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.room-platform-room .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-\\(--cell-radius\\):last-child[data-selected=true] button{border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.room-platform-room .\\[\\&\\:nth-child\\(2\\)\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):nth-child(2)[data-selected=true] button{border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.room-platform-room .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.room-platform-room .\\[\\&\\>\\.sr-only\\]\\:w-auto>.sr-only{width:auto}.room-platform-room .has-\\[select\\[aria-hidden\\=true\\]\\:last-child\\]\\:\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:last-of-type\\]\\:rounded-r-lg:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.room-platform-room .\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:not\\(\\[class\\*\\=\\'w-\\'\\]\\)\\]\\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.room-platform-room .\\[\\&\\>\\[data-slot\\]\\:not\\(\\:has\\(\\~\\[data-slot\\]\\)\\)\\]\\:rounded-r-lg\\!>[data-slot]:not(:has(~[data-slot])){border-top-right-radius:var(--radius-lg)!important;border-bottom-right-radius:var(--radius-lg)!important}.room-platform-room .\\[\\&\\>\\[data-slot\\]\\:not\\(\\:has\\(\\~\\[data-slot\\]\\)\\)\\]\\:rounded-b-lg\\!>[data-slot]:not(:has(~[data-slot])){border-bottom-right-radius:var(--radius-lg)!important;border-bottom-left-radius:var(--radius-lg)!important}.room-platform-room .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.room-platform-room .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.room-platform-room .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.room-platform-room .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.room-platform-room .\\[\\&\\>a\\]\\:underline>a{text-decoration-line:underline}.room-platform-room .\\[\\&\\>a\\]\\:underline-offset-4>a{text-underline-offset:4px}.room-platform-room .\\[\\&\\>a\\:hover\\]\\:text-primary>a:hover{color:var(--color-primary)}.room-platform-room .\\[\\&\\>button\\]\\:hidden>button{display:none}.room-platform-room .\\[\\&\\>input\\]\\:flex-1>input{flex:1}.room-platform-room .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.room-platform-room .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.room-platform-room .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-1\\.5:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 1.5)}.room-platform-room .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-1\\.5:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 1.5)}.room-platform-room .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\]>kbd{border-radius:calc(var(--radius) - 5px)}.room-platform-room .\\[\\&\\>span\\]\\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.room-platform-room .\\[\\&\\>span\\]\\:opacity-70>span{opacity:.7}.room-platform-room .\\[\\&\\>span\\:last-child\\]\\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-platform-room .\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}.room-platform-room .\\[\\&\\>svg\\]\\:size-3\\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.room-platform-room .\\[\\&\\>svg\\]\\:size-3\\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\\[\\&\\>svg\\]\\:shrink-0>svg{flex-shrink:0}.room-platform-room .\\[\\&\\>svg\\]\\:text-muted-foreground>svg{color:var(--color-muted-foreground)}.room-platform-room .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.room-platform-room .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-platform-room .\\[\\&\\>tr\\]\\:last\\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.room-platform-room [data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2{right:calc(var(--spacing) * -2)}.room-platform-room [data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize{cursor:e-resize}.room-platform-room [data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2{left:calc(var(--spacing) * -2)}.room-platform-room [data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize{cursor:w-resize}.room-platform-room [data-variant=legend]+.\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5{margin-top:calc(var(--spacing) * -1.5)}.room-platform-room .navi-chat__panel{border:1px solid var(--navi-chat-color-border,#d8e0ea);border-radius:var(--navi-chat-radius,10px);background:var(--navi-chat-color-surface,#fff);width:100%;height:100%;min-height:0;color:var(--navi-chat-color-text,#111827);font-family:var(--navi-chat-font-family,Inter, ui-sans-serif, system-ui, sans-serif);flex-direction:column;display:flex;overflow:hidden}.room-platform-room .navi-chat__header{border-bottom:1px solid var(--navi-chat-color-border,#d8e0ea);background:#f8fafc;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.room-platform-room .navi-chat__header-main{min-width:0}.room-platform-room .navi-chat__title{color:var(--navi-chat-color-text,#111827);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;line-height:1.25;display:inline-flex;overflow:hidden}.room-platform-room .navi-chat__online-count{min-width:20px;height:20px;color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.room-platform-room .navi-chat__header-meta{flex:none;align-items:center;gap:8px;display:flex}.room-platform-room .navi-chat__role-badge{color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1}.room-platform-room .navi-chat__rooms{border-bottom:1px solid var(--navi-chat-color-border,#d8e0ea);flex:none;gap:6px;padding:10px;display:flex;overflow-x:auto}.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{font:inherit}.room-platform-room .navi-chat__room-tab{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:160px;padding:7px 10px;display:inline-flex}.room-platform-room .navi-chat__room-tab--active{background:var(--navi-chat-color-primary,#2563eb);color:#fff}.room-platform-room .navi-chat__room-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.room-platform-room .navi-chat__unread-badge{min-width:18px;height:18px;color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.room-platform-room .navi-chat__room-tab--active .navi-chat__unread-badge{color:#fff;background:#ffffff2e}.room-platform-room .navi-chat__messages{background:#fbfdff;flex-direction:column;flex:auto;min-height:0;padding:14px;display:flex;overflow-y:auto}.room-platform-room .navi-chat__messages-stack{flex-direction:column;gap:10px;margin-top:auto;display:flex}.room-platform-room .navi-chat__empty{color:#64748b;text-align:center;background:#fbfdff;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.room-platform-room .navi-chat__empty strong{color:#334155;margin-top:8px;font-size:14px}.room-platform-room .navi-chat__empty span{margin-top:4px;font-size:13px}.room-platform-room .navi-chat__empty-icon{color:var(--navi-chat-color-primary,#2563eb);font-size:22px;line-height:1}.room-platform-room .navi-chat__message{display:flex}.room-platform-room .navi-chat__message-group{flex-direction:column;gap:4px;display:flex}.room-platform-room .navi-chat__loading-older{color:#64748b;align-self:center;padding:4px 0;font-size:12px;font-weight:600}.room-platform-room .navi-chat__message--own{justify-content:flex-end}.room-platform-room .navi-chat__message-row{align-items:flex-end;gap:6px;min-width:0;max-width:min(82%,560px);display:flex;position:relative}.room-platform-room .navi-chat__message-row--own{flex-direction:row-reverse}.room-platform-room .navi-chat__message-bubble{border:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;border-radius:10px;min-width:0;max-width:100%;padding:9px 11px;box-shadow:0 1px 2px #0f172a0a}.room-platform-room .navi-chat__message--grouped .navi-chat__message-bubble{padding-top:8px}.room-platform-room .navi-chat__message--own .navi-chat__message-bubble{border-color:var(--navi-chat-own-message-border,#bfdbfe);background:var(--navi-chat-own-message-background,#eff6ff)}.room-platform-room .navi-chat__message--deleted .navi-chat__message-bubble{color:#64748b;background:#f8fafc;font-style:italic}.room-platform-room .navi-chat__message-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.room-platform-room .navi-chat__message-author{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.room-platform-room .navi-chat__message-time{color:#94a3b8;white-space:nowrap;font-size:11px}.room-platform-room .navi-chat__message-text{color:var(--navi-chat-color-text,#111827);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.room-platform-room .navi-chat__message-action{color:var(--navi-chat-color-primary,#2563eb);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;font-weight:600}.room-platform-room .navi-chat__message-menu{z-index:3;opacity:0;pointer-events:none;vertical-align:middle;flex:none;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;bottom:2px;right:-30px;transform:translateY(2px)}.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu{left:-30px;right:auto}.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{opacity:1;pointer-events:auto;transform:translateY(0)}.room-platform-room .navi-chat__message-menu-trigger{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:#64748b;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0f172a14}.room-platform-room .navi-chat__message-menu-trigger:hover,.room-platform-room .navi-chat__message-menu-trigger:focus-visible{color:var(--navi-chat-color-primary,#2563eb);background:#eff6ff;border-color:#bfdbfe}.room-platform-room .navi-chat__message-menu-popover{z-index:2;border:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;border-radius:8px;flex-direction:column;min-width:82px;display:flex;position:absolute;bottom:32px;right:0;overflow:hidden;box-shadow:0 8px 18px #0f172a24}.room-platform-room .navi-chat__message-row--own .navi-chat__message-menu-popover{left:0;right:auto}.room-platform-room .navi-chat__message-menu-item{color:var(--navi-chat-color-text,#111827);cursor:pointer;text-align:left;background:0 0;border:0;padding:8px 10px;font-size:12px;font-weight:600;line-height:1}.room-platform-room .navi-chat__message-menu-item:hover,.room-platform-room .navi-chat__message-menu-item:focus-visible{color:var(--navi-chat-color-primary,#2563eb);background:#f1f5f9}.room-platform-room .navi-chat__message-edit{flex-direction:column;gap:6px;display:flex}.room-platform-room .navi-chat__message-edit-input{box-sizing:border-box;resize:vertical;width:min(280px,100%);min-height:64px;color:var(--navi-chat-color-text,#111827);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 9px;font-size:13px;line-height:1.4}.room-platform-room .navi-chat__message-edit-actions{justify-content:flex-end;gap:6px;display:flex}.room-platform-room .navi-chat__message-edit-button{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:#334155;cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:700;line-height:1}.room-platform-room .navi-chat__message-edit-button--primary{border-color:var(--navi-chat-color-primary,#2563eb);background:var(--navi-chat-color-primary,#2563eb);color:#fff}.room-platform-room .navi-chat__latest-overlay{box-sizing:border-box;pointer-events:none;grid-template-columns:1fr auto 1fr;align-self:stretch;align-items:center;gap:8px;margin-top:8px;display:grid;position:sticky;bottom:8px}.room-platform-room .navi-chat__new-message-notice{border:1px solid var(--navi-chat-color-border,#d8e0ea);color:var(--navi-chat-color-primary,#2563eb);background:#fff;border-radius:999px;grid-column:2;padding:8px 12px;font-size:12px;font-weight:700;line-height:1;box-shadow:0 6px 16px #0f172a24}.room-platform-room .navi-chat__scroll-latest{box-sizing:border-box;border:1px solid var(--navi-chat-color-border,#d8e0ea);width:34px;height:34px;color:var(--navi-chat-color-primary,#2563eb);cursor:pointer;pointer-events:auto;background:#fff;border-radius:50%;flex:none;grid-column:3;justify-content:center;justify-self:end;align-items:center;margin-right:4px;padding:0;display:inline-flex;box-shadow:0 6px 16px #0f172a29}.room-platform-room .navi-chat__scroll-latest-icon{fill:currentColor;width:18px;height:18px}.room-platform-room .navi-chat__composer{border-top:1px solid var(--navi-chat-color-border,#d8e0ea);background:#fff;flex:none;align-items:flex-end;gap:8px;padding:10px;display:flex}.room-platform-room .navi-chat__composer-main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.room-platform-room .navi-chat__composer-input{resize:vertical;min-width:0;min-height:38px;max-height:84px;color:var(--navi-chat-color-text,#111827);font:inherit;border:1px solid #cbd5e1;border-radius:8px;flex:auto;padding:9px 10px;font-size:13px;line-height:1.4}.room-platform-room .navi-chat__composer-tip{color:#64748b;margin:0;font-size:11px;line-height:1.3}.room-platform-room .navi-chat__send-button{background:var(--navi-chat-color-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.room-platform-room .navi-chat__send-button:disabled{cursor:not-allowed;opacity:.45}.room-platform-room .navi-chat__send-icon{fill:currentColor;width:18px;height:18px}.room-platform-room .navi-chat__readonly{border-top:1px solid var(--navi-chat-color-border,#d8e0ea);color:#64748b;background:#f8fafc;flex:none;padding:12px 14px;font-size:13px}.room-platform-room .navi-chat__status{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.room-platform-room .navi-chat__status-dot{background:#94a3b8;border-radius:999px;width:9px;height:9px}.room-platform-room .navi-chat__status--connected .navi-chat__status-dot{background:#16a34a}.room-platform-room .navi-chat__status--muted .navi-chat__status-dot{background:#94a3b8}.room-platform-room .navi-chat__status--error .navi-chat__status-dot{background:#dc2626}.room-platform-room .whiteboard-react-canvas{width:100%;height:100%;position:relative}.room-platform-room .whiteboard-react-canvas__scene{height:100%;min-height:100%;position:relative}.room-platform-room .whiteboard-react-canvas__layer{width:100%;height:100%;position:absolute;inset:0}.room-platform-room .whiteboard-react-canvas__layer--scene{z-index:10;pointer-events:none}.room-platform-room .whiteboard-react-canvas__layer--interaction{z-index:11;touch-action:none;-webkit-user-select:none;user-select:none}.room-platform-room .whiteboard-react-trigger,.room-platform-room .whiteboard-react-toolbar,.room-platform-room .whiteboard-react-toolbar__popover{--whiteboard-overlay-bg:#fffffff0;--whiteboard-overlay-border:#94a3b852;--whiteboard-overlay-shadow:0 18px 40px #0f172a3d;--whiteboard-overlay-text:#0f172a;--whiteboard-overlay-muted:#475569;--whiteboard-overlay-accent:#0f766e;--whiteboard-overlay-accent-soft:#0f766e1f;--whiteboard-overlay-danger:#dc2626;border:1px solid var(--whiteboard-overlay-border);background:var(--whiteboard-overlay-bg);color:var(--whiteboard-overlay-text);box-shadow:var(--whiteboard-overlay-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.125rem;position:fixed}.room-platform-room .whiteboard-react-trigger{z-index:60;color:#00ff9d;cursor:pointer;background:#252627;border:0;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:background .14s,color .14s;display:inline-flex}.room-platform-room .whiteboard-react-trigger:hover{color:#000;background:#00ff9d}.room-platform-room .whiteboard-react-toolbar__tooltip-trigger{display:inline-flex}.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{outline-offset:2px;outline:2px solid #0f766e73}.room-platform-room .whiteboard-react-trigger__icon{flex:none;width:1.5rem;height:1.5rem}.room-platform-room .whiteboard-react-toolbar__icon{flex:none;width:1.35rem;height:1.35rem}.room-platform-room .whiteboard-react-toolbar__icon.ColorSvg{width:2rem}.room-platform-room .whiteboard-react-trigger__label{white-space:nowrap}.room-platform-room .whiteboard-react-trigger__status-dot,.room-platform-room .whiteboard-react-toolbar__status-dot{background:var(--whiteboard-overlay-accent);border-radius:999px;flex:none;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #0f766e24}.room-platform-room .whiteboard-react-trigger[data-runtime-state=failed] .whiteboard-react-trigger__status-dot{background:var(--whiteboard-overlay-danger);box-shadow:0 0 0 4px #dc26261f}.room-platform-room .whiteboard-react-toolbar{z-index:61;color:#f8fafc;transform-origin:50%;background:#292a2c;border:.15rem solid #e2e8f0b8;border-radius:.5rem;transition:transform .14s,box-shadow .14s;animation:.18s ease-in-out whiteboard-toolbar-orientation-vertical;box-shadow:0 12px 28px #0f172a4d}@keyframes whiteboard-toolbar-orientation-vertical{0%{transform:scaleX(1.2)}to{transform:scale(1)}}@keyframes whiteboard-toolbar-orientation-horizontal{0%{transform:scaleX(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.room-platform-room .whiteboard-react-toolbar{transition:none;animation:none}}.room-platform-room .whiteboard-react-toolbar__chrome{flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__chrome{box-sizing:border-box;flex-direction:row;align-items:center;padding:.4rem}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal]{animation-name:whiteboard-toolbar-orientation-horizontal}.room-platform-room .whiteboard-react-toolbar__drag-handle{color:#e2e8f0d6;cursor:grab;background:0 0;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.75rem;transition:color .12s,border-color .12s;display:inline-flex;position:relative}.room-platform-room .whiteboard-react-toolbar__drag-handle:before{content:\"\";background:#e2e8f073;height:1px;position:absolute;top:-.5rem;left:0;right:0}.room-platform-room .whiteboard-react-toolbar__drag-handle:hover{color:#fff;background:#ffffff1a}.room-platform-room .whiteboard-react-toolbar__drag-handle:active{cursor:grabbing}.room-platform-room .whiteboard-react-toolbar__status{max-width:16rem;color:var(--whiteboard-overlay-muted);background:#f8fafcf5;border-radius:.875rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__status[data-state=failed]{color:var(--whiteboard-overlay-danger);background:#fef2f2f5}.room-platform-room .whiteboard-react-toolbar__status[data-state=busy]{color:var(--whiteboard-overlay-accent);background:#f0fdfaf5}.room-platform-room .whiteboard-react-toolbar__status-action{color:inherit;background:0 0;border:0;margin-left:.25rem;font-weight:700;text-decoration:underline}.room-platform-room .whiteboard-react-toolbar__rail{gap:.5rem;display:flex}.room-platform-room .whiteboard-react-toolbar[data-orientation=vertical] .whiteboard-react-toolbar__rail{flex-direction:column}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__rail{flex-direction:row;align-items:center}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] .whiteboard-react-toolbar__drag-handle:before{width:1px;height:auto;inset:0 auto 0 -.15rem}.room-platform-room .whiteboard-react-toolbar__button{color:#f8fafc;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.75rem;transition:transform .12s,background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.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{margin-top:0;margin-bottom:0;margin-left:.75rem}.room-platform-room .whiteboard-react-toolbar__button:hover:not(:disabled){cursor:pointer;background:#ffffff1a}.room-platform-room .whiteboard-react-toolbar__button[data-active=true]{color:#fff;background:#0878f7}.room-platform-room .whiteboard-react-toolbar__button[data-active=true]:hover:not(:disabled){background:#0878f7}.room-platform-room .whiteboard-react-toolbar__button[aria-label=Color] .whiteboard-react-toolbar__icon{display:none}.room-platform-room .whiteboard-react-toolbar__button[aria-label=Color] .whiteboard-react-toolbar__button-swatch{border:0;width:1.5rem;height:1.5rem;position:static}.room-platform-room .whiteboard-react-toolbar__button[aria-label=\"Close whiteboard tools\"]{color:#fff;background:#ef1111;margin-bottom:.75rem}.room-platform-room .whiteboard-react-toolbar__button[aria-label=\"Close whiteboard tools\"]:hover:not(:disabled){background:#dc0d0d}.room-platform-room .whiteboard-react-toolbar[data-orientation=horizontal] span:last-child .whiteboard-react-toolbar__button{margin-bottom:0;margin-right:.75rem}.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{cursor:not-allowed;opacity:.46}.room-platform-room .whiteboard-react-toolbar__button-swatch{background:var(--whiteboard-color);border:1px solid #fffc;border-radius:999px;width:.6rem;height:.6rem;position:absolute;bottom:.34rem;right:.34rem;box-shadow:0 0 0 1px #0f172a1f}.room-platform-room .whiteboard-react-toolbar__popover{z-index:62;color:#f8fafc;background:#292a2c;border:.15rem solid #e2e8f0b8;border-radius:.5rem;padding:.65rem;box-shadow:0 12px 28px #0f172a4d}.room-platform-room .whiteboard-react-draw-popover{max-width:15.5rem}.room-platform-room .whiteboard-react-color-popover{width:12.5rem}.room-platform-room .whiteboard-react-toolbar__popover-section{flex-direction:column;gap:.35rem;display:flex}.room-platform-room .whiteboard-react-toolbar__popover-section+.whiteboard-react-toolbar__popover-section{margin-top:.55rem}.room-platform-room .whiteboard-react-toolbar__popover-label{letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0d1;margin:0;font-size:.75rem;font-weight:700}.room-platform-room .whiteboard-react-toolbar__option-grid,.room-platform-room .whiteboard-react-toolbar__width-grid{gap:.35rem;display:grid}.room-platform-room .whiteboard-react-toolbar__option-grid,.room-platform-room .whiteboard-react-toolbar__option-grid--shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .whiteboard-react-toolbar__option-chip,.room-platform-room .whiteboard-react-toolbar__width-chip{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__option-chip[data-active=true],.room-platform-room .whiteboard-react-toolbar__width-chip[data-active=true]{color:#fff;background:#0878f7;border-color:#0000}.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]){color:#fff}.room-platform-room .whiteboard-react-toolbar__width-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-platform-room .whiteboard-react-toolbar__option-icon{flex:none}.room-platform-room .whiteboard-react-toolbar__width-sample{background:currentColor;border-radius:999px;flex:none;width:1.35rem;height:1.35rem;display:inline-flex}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=xs]{width:.3rem;height:.3rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=sm]{width:.45rem;height:.45rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=md]{width:.65rem;height:.65rem}.room-platform-room .whiteboard-react-toolbar__width-sample[data-width=lg]{width:.9rem;height:.9rem}.room-platform-room .whiteboard-react-color-popover__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.room-platform-room .whiteboard-react-color-popover__swatch{cursor:pointer;background:#ffffffe6;border:1px solid #94a3b847;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:inline-flex}.room-platform-room .whiteboard-react-color-popover__swatch-fill{background:var(--whiteboard-color);border-radius:999px;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px #0f172a14}.room-platform-room .whiteboard-react-color-popover__swatch[data-active=true]{border-color:#0f766e73;box-shadow:0 0 0 4px #0f766e1f}.room-platform-room .whiteboard-react-color-popover__swatch[data-light=true] .whiteboard-react-color-popover__swatch-fill{box-shadow:inset 0 0 0 1px #0f172a1f,0 0 0 1px #e2e8f0cc}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);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));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);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));filter:blur(var(--tw-exit-blur,0))}}\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;