/* The maintained client fills the pane and owns page input and media. */
.shared-browser[hidden]{display:none!important}
.shared-browser{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--canvas,#F6F4EC)}
.shared-browser-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;min-height:43px;padding:5px 12px;border-bottom:1px solid var(--border,#DEDCD2);background:#f9f8f2}
#shared-browser-status{min-width:0;font-size:12px;color:var(--muted,#616A60);overflow-wrap:anywhere}
.shared-browser-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;max-width:100%}
.shared-browser-actions .button{min-height:31px;white-space:nowrap}
.shared-browser-window-switch{display:flex;align-items:center;gap:3px;padding-right:6px;margin-right:2px;border-right:1px solid var(--border,#DEDCD2)}
.shared-browser-window-switch[hidden]{display:none!important}
.shared-browser-view{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--surface,#fff)}
#shared-browser-client{display:block;width:100%;height:100%;border:0;background:#fff}
#shared-browser-client[hidden]{display:none}
.shared-browser-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted,#616A60);font-size:14px}
.shared-browser-empty[hidden],.shared-browser-control-cover[hidden]{display:none}
.shared-browser-empty p{max-width:34ch;margin:0;line-height:1.6}
.shared-browser-error{flex:none;margin:0;padding:9px 12px;background:#fcf4ee;border-bottom:1px solid var(--border,#DEDCD2);color:var(--danger,#913E31);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.shared-browser-control-cover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:#20282008;cursor:default}
.shared-browser-control-cover p{margin:0;padding:8px 12px;border:1px solid var(--border,#DEDCD2);border-radius:8px;background:#f9f8f2;color:var(--ink,#202820);font-size:12px}
#browser-pane[data-provider=selkies]>.browser-tabs-row,#browser-pane[data-provider=selkies]>.browser-navigation,#browser-pane[data-provider=selkies]>.browser-info,#browser-pane[data-provider=selkies]>#browser-surface,#browser-pane[data-provider=selkies]>.browser-bottom,#browser-pane[data-provider=selkies]>#browser-error{display:none!important}
#browser-pane[data-provider=neko]>.browser-tabs-row,#browser-pane[data-provider=neko]>.browser-navigation,#browser-pane[data-provider=neko]>.browser-info,#browser-pane[data-provider=neko]>#browser-surface,#browser-pane[data-provider=neko]>.browser-bottom,#browser-pane[data-provider=neko]>#browser-error{display:none!important}
@media(max-width:720px){.shared-browser-toolbar{padding:5px 9px;gap:8px}.shared-browser-actions{gap:3px}.shared-browser-actions .button{padding:5px 8px;font-size:11px}#shared-browser-status{font-size:11px}}