#ck-session-tabs{display:flex;gap:6px;flex-shrink:0;overflow-x:auto;padding:5px 12px;background:var(--ui-chrome,#14212b);border-bottom:1px solid var(--ui-border,#33434b)}
#ck-session-tabs button{flex:0 0 auto;white-space:nowrap;min-height:36px;padding:6px 12px;border:1px solid var(--ui-border,#526469);border-radius:7px;background:var(--ui-raised,#203740);color:var(--ui-accent,#e1d3ab);font:600 13px system-ui;cursor:pointer}
#ck-session-tabs button[aria-current=page]{border-color:var(--ui-accent,#e1d3ab);box-shadow:inset 0 -3px var(--ui-accent,#e1d3ab)}
#ck-session-tabs button.disconnected{border-style:dashed}
.ck-desktop .ck-panel-editing{outline:2px solid var(--ui-accent,#e1d3ab);z-index:450!important;user-select:none}
.ck-desktop :is(.bm-heading,.br-feed-heading,#beta-chat>header){touch-action:none}
#ck-login-dialog{width:min(520px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--ui-border,#58717b);border-radius:12px;background:var(--ui-chrome,#182b36);color:var(--ui-text,#eee);font:16px/1.5 system-ui}
#ck-login-dialog::backdrop{background:#0009}.ck-login-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.ck-login-heading h2{margin:0;font-size:22px}
#ck-login-dialog button{min-height:44px;padding:8px 16px;border:1px solid var(--ui-border,#58717b);border-radius:7px;background:var(--ui-raised,#243a44);color:var(--ui-accent,#e6edc9);font:inherit;cursor:pointer}
#ck-login-dialog .ck-login-heading button{font-size:26px;min-width:44px;padding:0}#ck-login-dialog input{display:block;width:100%;box-sizing:border-box;padding:10px;margin:8px 0 16px;font-size:18px;color:var(--ui-text,#eee);background:var(--ui-deep,#10232d);border:1px solid var(--ui-border,#58717b)}.ck-login-buttons{display:flex;gap:10px}#ck-login-message{white-space:pre-wrap;overflow-wrap:anywhere}
#ck-current-room{position:relative;flex:0 0 auto;max-height:190px;min-height:90px;overflow:auto;box-sizing:border-box;border:1px solid var(--ui-border,#3e5960);border-radius:9px;background:var(--ui-chrome,#14242e);color:var(--ui-text,#eee)}
body.beta-client #ck-current-room[hidden]{display:none!important}
#ck-current-room.ck-panel-floating{max-height:calc(100dvh - 80px)}
.ck-room-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;touch-action:none}
.ck-room-heading strong{font:600 13px system-ui}.ck-room-content{padding:0 10px 8px;display:flex;flex-wrap:wrap;gap:5px;font:13px/1.4 system-ui}.ck-room-content>strong,.ck-room-content>small{flex-basis:100%;overflow-wrap:anywhere}
#ck-current-room button{border:1px solid var(--ui-border,#526469);border-radius:5px;background:var(--ui-raised,#203740);color:var(--ui-accent,#e1d3ab);padding:4px 7px;font:12px system-ui;cursor:pointer}
.ck-desktop #beta-side{gap:8px}.ck-desktop #beta-side #beta-chat{min-height:100px}

#ck-snap-preview{position:fixed;pointer-events:none;z-index:460;box-sizing:border-box;border:2px solid var(--ui-accent,#e1d3ab);background:color-mix(in srgb,var(--ui-accent,#e1d3ab) 20%,transparent);border-radius:8px;display:grid;place-items:center;color:var(--ui-text,#fff);font:600 16px system-ui;text-shadow:0 1px 3px #000}#ck-snap-preview[hidden]{display:none}
.ck-desktop #beta-side{overflow:auto}.ck-desktop #beta-side #beta-chat{order:0;min-height:140px}.ck-desktop #beta-side #ck-current-room{order:1}
body.beta-client #ck-current-room.ck-panel-collapsed>:not(.ck-panel-layout){display:none!important}
body.beta-client #ck-current-room.ck-layout-inactive,body.beta-client.ck-text-mode #ck-current-room.ck-panel-floating{display:none!important}
#ck-current-room.ck-panel-floating .ck-room-heading strong{display:none}
@media(min-width:800px) and (max-width:1049px){body.ck-desktop #action-bar{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);column-gap:12px}body.ck-desktop #beta-nav-controls{grid-column:1;grid-row:1/3;width:100%}body.ck-desktop #vitals-bar{grid-column:2;grid-row:1}body.ck-desktop #command-bar{grid-column:2;grid-row:2}body.ck-desktop #vitals-bars{flex:1}}
@media(max-height:760px){body.ck-desktop #br-live:not(.expanded):not(.ck-panel-floating) #br-feed{height:80px}body.ck-desktop #beta-side #ck-current-room{min-height:80px;max-height:105px}}

/* Menus and editors are above all movable viewing panels. */
body.beta-client .ps-form-overlay{position:fixed;z-index:2000;box-sizing:border-box}
#ch-picker-overlay{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;color:var(--ui-text,#eee)}
#ch-picker-overlay:not([open]){display:none}#ch-picker-overlay::backdrop{background:transparent}
body.beta-client :is(#automations-menu,#trigger-modal,#alias-modal,#timer-modal,#hotbar-modal,.trigger-form-overlay){z-index:2000}
body.beta-client .ck-menu-toplayer{position:fixed!important;inset:auto!important;margin:0!important;box-sizing:border-box;max-width:calc(100vw - 16px)!important;overflow:auto!important;z-index:2100!important}

body.beta-client>#beta-sheet{position:fixed;inset:auto;z-index:600;box-sizing:border-box;border:1px solid var(--ui-border,#3e5158);border-radius:12px;overflow:hidden;background:var(--ui-chrome,#182833)}
body.beta-client .ck-menu-toplayer:not(:popover-open){display:none!important}

body.beta-client>.ck-overlay-root{z-index:2000}
body.beta-client.ck-text-mode>#beta-sheet{position:fixed}

#beta-room-host.ck-menu-toplayer{width:min(560px,calc(100vw - 16px))}

body.beta-client dialog.ck-overlay-dialog{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent!important;color:inherit;overflow:auto}
body.beta-client dialog.ck-overlay-dialog:not([open]){display:none}
dialog.ck-overlay-dialog::backdrop{background:transparent}
body.beta-client dialog.ck-overlay-dialog>.ck-overlay-root{box-sizing:border-box;max-width:100vw;max-height:100dvh}