/* One compact settings surface; advanced appearance and media help stay collapsed. */
.scene-controls-dialog{box-sizing:border-box;width:min(92vw,400px);max-width:400px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #334155;border-radius:14px;background:#101923;color:#dbe7f3;padding:16px;overscroll-behavior:contain}
.scene-controls-dialog::backdrop{background:#0009}.scene-controls-dialog h2{font-size:17px;margin:0 0 10px}.scene-controls-dialog form,.scene-controls-dialog label{display:flex;flex-direction:column;gap:6px}.scene-controls-dialog label{min-width:0;font-size:12px;color:#b8cada}.scene-controls-dialog form{gap:12px;margin:14px 0}.scene-controls-dialog>button,.scene-controls-dialog>label{display:block;margin:5px 0;width:100%}.scene-controls-dialog select,.scene-controls-dialog input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;background:#1a2531;color:inherit;padding:8px 10px;border:1px solid #405164;border-radius:8px;font:inherit;font-size:14px}.scene-controls-dialog p{font-size:12px;line-height:1.55;color:#f3bb82;margin:5px 0}.scene-controls-dialog p:empty{display:none}.scene-controls-dialog button{min-height:44px;touch-action:manipulation}.scene-controls-dialog .scene-menu-action{padding:10px 12px;text-align:left;border:1px solid #304354;border-radius:8px;background:#172430;font-size:13px}.scene-controls-dialog .scene-invite-action{border-color:#527b9e;color:#d5eafa}.scene-controls-dialog .scene-controls-close{margin:12px 0 0}.scene-setting-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scene-setting-advanced,.scene-media-help{border-top:1px solid #2a3b4d;padding-top:3px}.scene-setting-advanced[hidden]{display:none!important}.scene-setting-advanced>summary,.scene-media-help>summary{padding:11px 0;font-size:12px;cursor:pointer;color:#a9c0d7;min-height:44px;box-sizing:border-box}.scene-media-help p{color:#8ea8bf;margin:0 0 8px}.scene-controls-dialog :focus-visible{outline:2px solid #9bc9ef;outline-offset:2px}.chat:has(#room-overview-host .room-overview) .chat-heading .room-presence{display:none}
.room-sidebar{display:none}.room-preview-card{border:1px solid #293a4b;border-radius:12px;margin:0 0 14px;overflow:visible;min-height:44px;border-left:1px solid #293a4b}.room-preview-card[data-color=teal]{--room-card-color:#35d2b8}.room-preview-card[data-color=violet]{--room-card-color:#b99aff}.room-preview-card[data-color=amber]{--room-card-color:#ffc15a}.room-preview-card[data-color=rose]{--room-card-color:#ff86ac}.room-preview-card.active{border-color:var(--room-card-color,#5caaff);background:#1a2a3b;box-shadow:0 0 0 1px var(--room-card-color,#5caaff)}.room-preview-open{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:12px;color:#dde8f4}.room-preview-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-preview-badge{margin-left:auto;background:var(--room-card-color,#5caaff);color:#101820;border-radius:20px;min-width:21px;text-align:center;padding:3px;font-size:11px}.room-preview-scene{pointer-events:none;border-radius:inherit;overflow:hidden}.room-preview-scene button{pointer-events:none}.room-sidebar>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.room-sidebar>header strong{font-size:22px}.room-preview-card .room-overview{max-width:100%}
@media(min-width:850px){#workspace.workspace{display:grid;grid-template-columns:23% minmax(0,54%) 23%;gap:0;max-width:none;width:100%}#workspace[hidden]{display:none!important}.room-sidebar{display:block;height:100%;min-height:0;overflow:auto;padding:24px 16px;background:#0c141e;border-right:1px solid #2c3948}.workspace>.chat{min-width:0;width:100%}}
#workspace{--active-room-accent:#5caaff}#workspace[data-room-color=teal]{--active-room-accent:#35d2b8}#workspace[data-room-color=violet]{--active-room-accent:#b99aff}#workspace[data-room-color=amber]{--active-room-accent:#ffc15a}#workspace[data-room-color=rose]{--active-room-accent:#ff86ac}#workspace>.chat>.chat-header{border-top:2px solid var(--active-room-accent)}
@media(max-width:849px){.chat:has(#room-overview-host .room-overview:not([hidden])) .chat-heading .room-title-button{display:none}.chat:has(#room-overview-host .room-overview:not([hidden])) .chat-heading:before{content:'cathut';font-size:17px;font-weight:650;color:#dbe7f3}}

.legacy-chat-controls[hidden]{display:none!important}.room-preview-card:not(.active){box-shadow:none}.room-context-panel{display:none}.room-context-panel .context-panel-title{font-size:17px;margin:0 0 26px;color:#dce6f2}.context-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.context-section-heading h3{font-size:13px;margin:0;color:#dce6f2}.context-all{font-size:11px;color:#8ba9c5;padding:4px}.context-empty{font-size:12px;line-height:1.6;color:#7d8fa3}.context-files{margin-bottom:30px}.context-file{display:flex!important;min-width:0!important;width:100%;max-width:100%;margin-bottom:10px;font-size:12px;background:#14202e!important;border:1px solid #25374a;border-radius:8px;padding:10px!important;gap:7px!important}.context-file .file-type{display:none}.context-file button{font-size:10px;padding:5px}.context-file .file-card-info strong{font-size:12px}.context-task{border:1px solid #27394b;background:#14202e;border-radius:9px;margin-bottom:9px;padding:12px}.context-task p{font-size:12px;line-height:1.55;margin:0 0 8px;overflow-wrap:anywhere;color:#d0deec}.context-task-status{font-size:10px;color:#83a8c9}.room-global-more{font-size:10px!important}
@media(min-width:850px){.room-context-panel{display:block;height:100%;min-height:0;overflow:auto;padding:25px 18px;background:#0c151f;border-left:1px solid #2b3a4b}.workspace>.chat{border-top:0!important}.room-preview-card:not(.active) .room-seat[data-kind=agent]{filter:none}}
.scene-controls-dialog fieldset{border:0;margin:0;padding:0 0 8px;display:flex;flex-direction:column;gap:8px}.scene-controls-dialog fieldset[hidden]{display:none}.scene-controls-dialog legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Landscape draft revision: 15 / 28⅓ / 56⅔, centre:right = 1:2. */
.room-preview-search{width:100%;min-width:0;border:1px solid #27313b;background:#0a0e13;color:#bec8d3;border-radius:8px;padding:9px 10px;font-size:11px;margin-bottom:15px}.room-preview-card{position:relative;margin-bottom:10px}.room-preview-open{position:absolute;inset:0;z-index:10;padding:0;background:transparent;border-radius:inherit;touch-action:manipulation}.room-preview-open strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.room-preview-badge{position:static;margin:0;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 5px;background:#f4bb4f;color:#17202a;box-shadow:0 1px 6px #0007}.room-preview-card .room-preview-scene{filter:none}.room-preview-card.active .room-preview-scene{filter:none}.room-preview-card[hidden]{display:none!important}
@media(min-width:850px){#workspace.workspace{grid-template-columns:15% minmax(0,28.333333%) minmax(0,56.666667%)}.room-sidebar{background:#070b10;padding:20px 10px;border-right:1px solid #202a34}.room-sidebar>header{margin-bottom:15px}.room-sidebar>header strong{font-size:18px}.room-context-column{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#0e1822}.room-context-column #room-overview-host{flex:0 0 auto;padding:14px 10px 0}.room-context-panel{display:block;flex:1;min-height:0;overflow:auto;height:auto;background:transparent;border:0;padding:20px 14px}.room-context-panel .context-panel-title{display:none}.workspace>.chat{background:#0e1822;border-left:0!important}.room-context-column+.chat{border-left:1px solid #1a2734!important}}
@media(max-width:849px){#workspace.workspace{display:flex;flex-direction:column}.room-context-column{display:contents}.room-context-column #room-overview-host{flex:0 0 auto}.room-context-column .room-context-panel{display:none}#workspace>.chat{flex:1;height:auto;min-height:0}#workspace[hidden]{display:none!important}}

/* Compact empty context, with quiet capability labels instead of permission errors. */
.room-context-panel .context-empty{margin:0;font-size:11px;line-height:1.5}.room-context-panel .context-capability{color:#7d8fa3}.room-context-panel .context-section-heading{margin-bottom:8px}.room-context-panel .context-files{margin-bottom:20px}.room-context-panel[data-compact=true] .context-files{margin-bottom:16px}
@media(min-width:850px){.room-context-panel[data-compact=true]{flex:0 0 auto;padding-top:14px;padding-bottom:14px}}

/* Room decoration shares a versioned draft with the general settings tab. */
.scene-controls-dialog[data-settings-tab=decoration]{width:min(96vw,760px);max-width:760px}.scene-settings-tabs{display:flex;gap:6px;margin:0 0 12px;border-bottom:1px solid #2a3b4d;padding-bottom:6px}.scene-settings-tabs>button{flex:1;padding:8px 10px;border-radius:8px;background:#162532;color:#9cb6ca;font-size:13px}.scene-settings-tabs>button[aria-selected=true]{background:#284957;color:#e2f4ed}.scene-controls-dialog>[role=tabpanel][hidden]{display:none!important}#scene-settings-general>.scene-menu-action{display:block;width:100%;margin:5px 0}
.room-decoration-editor{display:flex;flex-direction:column;gap:10px;min-width:0}.room-decoration-editor [hidden]{display:none!important}.decoration-preview{position:relative;aspect-ratio:8/3;width:100%;min-width:0;background:#132433;border-radius:12px}.decoration-scene{position:absolute;inset:0}.decoration-scene .room-overview{margin:0;width:100%;max-width:none;height:100%;max-height:none;min-height:0;aspect-ratio:8/3}.decoration-preview-fallback{height:100%;display:grid;place-items:center;color:#7e9caf;font-size:13px}.decoration-handles{position:absolute;inset:0;z-index:12;pointer-events:none}.decoration-handles .decoration-handle{position:absolute;transform:translate(-50%,-50%);width:26%;height:16%;min-width:44px;min-height:44px;padding:0;border:1px dashed #9db7c877;border-radius:6px;background:transparent;pointer-events:auto;touch-action:none;cursor:grab}.decoration-handles .decoration-handle[aria-pressed=true]{border:2px solid #bce9cb;box-shadow:0 0 0 2px #102f47aa}.decoration-handles .decoration-handle[data-editable=false]{cursor:default}.decoration-handles .decoration-handle:active:not(:disabled){cursor:grabbing}.decoration-handles .decoration-handle:focus-visible{outline:2px solid #e4f5d7;outline-offset:3px}
.decoration-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.decoration-tools>button,.decoration-actions>button{padding:8px 12px;border:1px solid #426473;border-radius:8px;background:#233c47;color:#dceee5;font-size:12px}.decoration-tools #decoration-delete{background:#382d36;border-color:#66505c;color:#ebcbd7}.decoration-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px}.decoration-positions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.decoration-hint{font-size:11px;color:#91acbd;line-height:1.5}.decoration-actions{display:flex;gap:8px;justify-content:flex-end}.scene-controls-dialog .decoration-status{margin:0}.decoration-actions #decoration-save{background:#376552;border-color:#6aa082;color:#edf7ef}
@media(max-width:420px){.scene-controls-dialog[data-settings-tab=decoration]{padding:12px}.decoration-fields{grid-template-columns:1fr}.decoration-positions{grid-column:auto}.decoration-tools>button{padding:8px}.decoration-actions{justify-content:stretch}.decoration-actions>button{flex:1}}
@media(max-width:420px){.room-decoration-editor input,.room-decoration-editor select{font-size:16px}}

/* Save is visible on entry and stays in the real panel scrollport while previewing. */
.scene-controls-inline.scene-controls-dialog{overflow:visible}.decoration-savebar{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 0;background:#142b3e;border-bottom:1px solid #35536c;box-shadow:0 4px 8px #07121b55}.decoration-savebar .decoration-actions>button{min-width:0;min-height:44px;flex:1}.decoration-savebar .decoration-status{max-height:4.5em;overflow:auto;overflow-wrap:anywhere}

/* Current-room direction and unread attention share the thumbnail overlay. */
.scene-color-section{min-width:0;display:grid;gap:12px;padding:12px;border:1px solid #40576b;border-radius:12px;background:#0d1c28}.scene-color-section h3{margin:0;font-size:14px}.scene-color-fields{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:10px}.scene-color-fields label{min-width:0}.scene-color-fields input,.scene-color-fields select{width:100%;box-sizing:border-box;min-height:44px;min-width:0}.scene-color-fields input[type=color]{padding:4px}.scene-controls-dialog .scene-color-preview{padding:0;margin:0 8px 0 0;min-width:0;pointer-events:none}.scene-color-preview .room-overview{width:100%;max-width:none;max-height:none;aspect-ratio:8/3}.scene-color-preview .room-preview-current{top:50%}.scene-color-section small{line-height:1.5;color:#9cb3c4}@media(max-width:420px){.scene-color-section{padding:10px}.scene-color-fields{grid-template-columns:minmax(0,1fr) 56px}.scene-color-fields label:last-child{grid-column:1/-1}.scene-color-fields input{font-size:16px}}
.room-preview-card{padding-left:36px}.room-preview-card .room-preview-icon{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:15px;font-weight:700;line-height:1;color:#fff;overflow:hidden}.room-preview-icon img{width:100%;height:100%;object-fit:cover}.room-sidebar #sidebar-more{min-width:44px;min-height:44px}
@media(min-width:850px) and (max-width:1200px){.room-sidebar .room-preview-card{padding:32px 0 0}.room-sidebar .room-preview-card .room-preview-icon{top:2px;transform:none}.room-sidebar .room-preview-open strong{left:37px;right:5px;top:0;width:auto;height:32px;margin:0;clip:auto;display:block;line-height:32px;font-size:12px}.room-sidebar .room-preview-open strong:before{display:none}.room-sidebar .room-preview-current{top:calc(50% + 16px)}}
.room-preview-indicators{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:5px;pointer-events:none}.room-preview-mention-avatar.avatar{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border:2px solid #ffd568;border-radius:50%;background:#1b3042;box-shadow:0 0 0 2px #49360ce6;font-size:12px;color:#fff}.room-preview-mention-avatar img{width:100%;height:100%;object-fit:cover}.room-preview-current{position:absolute;right:-8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:34px;border:1px solid color-mix(in srgb,var(--room-card-color,#5caaff) 65%,white);border-radius:7px;background:color-mix(in srgb,var(--room-card-color,#5caaff) 78%,transparent);color:#fff;box-shadow:0 1px 5px #0006;pointer-events:auto}.room-preview-open:hover .room-preview-current,.room-preview-open:focus-visible .room-preview-current{background:color-mix(in srgb,var(--room-card-color,#5caaff) 92%,transparent)}.room-preview-current svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.room-preview-open:focus-visible{outline:3px solid #ffd568;outline-offset:-3px}.room-preview-indicators[hidden],.room-preview-mention-avatar[hidden],.room-preview-current[hidden]{display:none!important}

.scene-general-actions{display:flex;justify-content:flex-end;gap:10px}.scene-general-actions>button{min-height:44px}

.personal-decoration-controls{padding:16px;margin-bottom:18px;border:1px solid var(--border,#405565);border-radius:10px}.personal-decoration-controls button{margin:6px 8px 0 0;min-height:44px}.personal-decoration-controls p{line-height:1.6}