.workflow-drawer-backdrop{z-index:60;background:rgb(var(--brand-dark) / .7);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity .25s var(--ease-drawer);position:fixed;inset:0}.workflow-drawer-backdrop[data-starting-style],.workflow-drawer-backdrop[data-ending-style]{opacity:0}.workflow-drawer-viewport{z-index:60;padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:var(--drawer-keyboard-inset,0px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.workflow-drawer{--workflow-drawer-handle-height:20px;width:100%;max-width:680px;max-height:min(calc(92dvh - var(--drawer-keyboard-inset,0px)), 850px);border:1px solid rgb(var(--cream) / .15);border-radius:var(--modal-radius) var(--modal-radius) 0 0;min-height:0;transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform .25s var(--ease-drawer);border-bottom:0;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.workflow-drawer-glass{color:rgb(var(--cream));background:rgb(var(--brand-dark) / var(--modal-surface-opacity))}.workflow-drawer-light{color:rgb(var(--brand-dark));background:rgb(var(--cream))}.workflow-drawer[data-starting-style],.workflow-drawer[data-ending-style]{transform:translateY(100%)}.workflow-drawer[data-ending-style],.workflow-drawer-backdrop[data-ending-style]{transition-duration:.18s}.workflow-drawer[data-swiping],.workflow-drawer-backdrop[data-swiping]{transition-duration:0s}.workflow-drawer-handle{min-height:var(--workflow-drawer-handle-height);touch-action:none;flex:none;place-items:center;display:grid}.workflow-drawer-handle>span{opacity:.3;background:currentColor;border-radius:999px;width:32px;height:4px}.workflow-drawer-header{padding:0 var(--modal-edge-padding) 4px;touch-action:none;flex:none;align-items:center;gap:8px;display:flex}.workflow-drawer-title{flex:1;min-width:0;font-size:18px;font-weight:700;line-height:24px}.workflow-drawer-header>button{flex:none;width:44px;height:44px}.workflow-drawer .workflow-drawer-body{overscroll-behavior-y:contain;flex:auto;min-height:0;padding-block:4px 12px;overflow-y:auto}.workflow-drawer-footer{padding-bottom:max(var(--modal-edge-padding), env(safe-area-inset-bottom,0px));flex:none}.workflow-drawer[data-presentation=roomCreation]{--room-panel-height:min(650px, calc(92dvh - var(--drawer-keyboard-inset,0px) - var(--workflow-drawer-handle-height) - 1px))}.workflow-drawer[data-presentation=roomCreation] .workflow-drawer-body{padding:0;overflow:hidden}.workflow-drawer[data-presentation=roomCreation] .room-modal-actions{padding-bottom:max(var(--modal-edge-padding), env(safe-area-inset-bottom,0px))}@media (max-width:599px){.workflow-drawer{border-inline:0;max-width:none}}@media (prefers-reduced-motion:reduce){.workflow-drawer,.workflow-drawer-backdrop{transition:none}}
:root{--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1)}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height}@media (prefers-reduced-motion:reduce){.t-resize{transition:none!important}}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}@media (prefers-reduced-motion:reduce){.t-modal{transition:none!important}}.t-modal.t-resize{transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease), width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:transform, opacity, width, height}.t-modal.t-resize.is-closing{transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease), width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease)}.room-modal-backdrop{opacity:0;transition:opacity var(--modal-close-dur) var(--modal-ease)}.room-modal-backdrop.is-open{opacity:1;transition-duration:var(--modal-open-dur)}@media (prefers-reduced-motion:reduce){.room-modal-backdrop{transition:none!important}}
.glass-modal[data-presentation=workflow]{--glass-modal-tint-alpha:var(--modal-surface-opacity);border-radius:var(--modal-radius);-webkit-backdrop-filter:none;backdrop-filter:none;max-height:min(650px,100dvh - 2rem);overflow:hidden}.workflow-modal-header{align-items:flex-start;min-height:52px;padding:4px 40px 24px 0;display:flex}.workflow-modal-header[data-back=true]{padding-left:40px}.workflow-modal-close,.workflow-modal-back{z-index:2;position:absolute;top:12px}.workflow-modal-close{right:var(--modal-edge-padding)}.workflow-modal-back{left:var(--modal-edge-padding)}.glass-modal[data-presentation=workflow][data-size=md]{max-width:480px}.workflow-modal-close>button,.workflow-modal-back>button{background:rgb(var(--brand-dark));flex-shrink:0;width:32px;height:32px;position:relative}.workflow-modal-close>button:after,.workflow-modal-back>button:after{content:"";position:absolute;inset:-6px}.workflow-modal-body{padding:12px var(--modal-edge-padding);scrollbar-width:thin;scrollbar-color:rgb(var(--cream) / .2) transparent;scroll-padding-top:52px;overflow-x:hidden}.workflow-modal-fields{min-width:0;font-size:14px;line-height:1.5}.workflow-modal-fields .text-xs{font-size:14px;line-height:20px}.workflow-modal-fields :is(input,textarea){font-size:16px}.workflow-modal-fields .relative>span.pointer-events-none{color:rgb(var(--cream))}.workflow-modal-body[data-scroll-fade=true]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent)}.workflow-modal-footer{padding:12px var(--modal-edge-padding) var(--modal-edge-padding);flex-shrink:0}.workflow-modal-fields :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select):focus{box-shadow:0 0 0 1px rgb(var(--cream));outline:none}.workflow-panel{border-radius:var(--modal-panel-radius);background:rgb(var(--cream) / var(--modal-panel-opacity));padding:var(--modal-edge-padding)}.workflow-remove-file{width:34px;height:34px;color:rgb(var(--cream));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.workflow-remove-file:focus-visible{outline:1px solid rgb(var(--cream))}@media (hover:hover) and (pointer:fine){.workflow-remove-file:enabled:hover{background:rgb(var(--cream) / .1)}}