.desktop-button[aria-expanded="true"] { background:var(--selected); color:var(--text); }
.desktop-button { font-size:23px; }
.desktop-panel { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; color:var(--text); background:#15171b; }
.desktop-panel[hidden] { display:none!important; }
.desktop-head { display:flex; align-items:center; justify-content:space-between; flex:none; padding:12px 14px 8px; min-height:28px; }
.desktop-head strong { font-size:13px; font-weight:600; letter-spacing:-.1px; }
.workspace-button { display:inline-flex; align-items:center; justify-content:center; flex:none; border:0; border-radius:7px; background:transparent; color:#aeb7c5; min-width:29px; min-height:29px; padding:4px 8px; font:inherit; font-size:12px; cursor:pointer; }
.workspace-button:hover:not(:disabled) { background:#ffffff0c; color:#eef2f8; }
.workspace-button:disabled { opacity:.35; cursor:default; }
.workspace-button:focus-visible,.workspace-address:focus-visible { outline:2px solid #97bdd6; outline-offset:2px; }
.workspace-close { font-size:23px; line-height:1; }
.workspace-tabs { display:flex; flex:none; align-items:center; gap:3px; border-bottom:1px solid #ffffff0c; padding:0 12px 9px; }
.workspace-tabs .workspace-button { font-size:12px; padding:6px 12px; color:#929da9; }
.workspace-tabs .workspace-button[aria-selected="true"] { background:#e2edff0e; color:#e3ecf7; }
.workspace-content { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; overflow:hidden; background:#101216; }
.workspace-statusbar { display:flex; align-items:center; justify-content:space-between; flex:none; gap:8px; min-height:30px; padding:3px 10px; border-top:1px solid #ffffff09; background:#15171b; }
.desktop-status { min-width:0; margin:0; color:#8c98a9; font-size:10px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; }
.desktop-status[data-kind="error"] { color:#e7a4a4; }
.desktop-status[data-kind="ready"] { color:#94a5b8; }
.workspace-statusbar .workspace-button { font-size:10px; padding:2px 6px; }
.workspace-empty { display:grid; place-items:center; flex:1; padding:25px; text-align:center; color:#8693a4; font-size:12px; line-height:1.6; }
.workspace-browser-toolbar { display:flex; align-items:center; flex:none; gap:3px; padding:8px; border-bottom:1px solid #ffffff0a; background:#1b1e24; }
.workspace-browser-toolbar .workspace-button { font-size:18px; min-width:26px; padding:3px; }
.workspace-address { flex:1; min-width:0; height:31px; border:1px solid #ffffff10; border-radius:7px; background:#111318; padding:5px 9px; color:#c6cfdd; font-size:11px; outline:none; }
.workspace-browser-viewport { display:flex; flex:1; position:relative; align-items:center; justify-content:center; min-height:0; min-width:0; overflow:hidden; background:#0c0e11; }
.workspace-browser-frame { display:block; width:100%; height:100%; object-fit:contain; user-select:none; -webkit-user-select:none; cursor:default; }
.workspace-browser-frame[hidden] { display:none; }
.workspace-browser-keyboard { position:absolute; left:1px; bottom:1px; width:1px; height:1px; min-height:0; padding:0; border:0; opacity:.01; resize:none; }
.workspace-browser-help { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); white-space:nowrap; border:1px solid #ffffff14; border-radius:20px; padding:5px 10px; background:#111827db; color:#d2dbe9; font-size:10px; pointer-events:none; }
.workspace-browser-help[hidden] { display:none; }
.workspace-terminal { flex:1; min-height:0; min-width:0; padding:10px; background:#111317; overflow:hidden; }
.workspace-terminal .xterm { height:100%; }
.workspace-terminal .xterm-viewport { scrollbar-width:thin; }
.workspace-files-toolbar { display:flex; align-items:center; flex:none; gap:3px; padding:8px; border-bottom:1px solid #ffffff0a; background:#1b1e24; }
.workspace-files-toolbar .workspace-button { font-size:18px; }
.workspace-file-path { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:5px; color:#c1ccd9; font-size:11px; }
.workspace-file-list { flex:1; min-height:0; min-width:0; overflow:auto; padding:8px; }
.workspace-file-row { display:flex; width:100%; gap:9px; justify-content:flex-start; text-align:left; border-radius:6px; min-height:38px; padding:6px 9px; font-size:12px; }
.workspace-file-icon { width:17px; color:#b8c9df; font-size:18px; }
.workspace-file-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#ccd5e1; }
.workspace-file-size { color:#7f8da1; font-size:10px; }
.workspace-file-preview-head { display:flex; align-items:center; gap:7px; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #ffffff0a; }
.workspace-file-preview-head strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:11px; white-space:nowrap; }
.workspace-download { flex:none; color:#adcae5; font-size:11px; padding:5px; text-decoration:none; }
.workspace-download:not([href]) { pointer-events:none; opacity:.4; }
.workspace-file-preview-body { font-size:12px; color:#adbacc; }
.workspace-file-preview-body img { display:block; max-width:100%; height:auto; margin:auto; }
.workspace-file-preview-body pre { padding:8px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; line-height:1.6; font-size:11px; }
.workspace-file-note { color:#8797aa; padding:8px; font-size:11px; }
/* Both the main workspace and split conversations keep their computer in the layout. */
.main-panel:has(> .desktop-panel:not([hidden])) { display:grid; grid-template-columns:minmax(280px,1fr) minmax(340px,1fr); grid-template-rows:auto minmax(0,1fr); }
.main-panel:has(> .desktop-panel:not([hidden])) > .topbar { grid-column:1 / -1; }
.main-panel:has(> .desktop-panel:not([hidden])) > .pane-grid { grid-column:1; grid-row:2; }
.main-panel > .desktop-panel { position:relative; inset:auto; width:auto; height:auto; grid-column:2; grid-row:2; border:0; border-left:1px solid var(--line); border-radius:0; box-shadow:none; padding:0; }
.desktop-inline { position:relative; width:auto; height:clamp(240px,40vh,520px); min-height:220px; flex-shrink:0; margin:8px; border:1px solid var(--line); border-radius:12px; }
.desktop-inline .desktop-head { padding:7px 10px 3px; }
.desktop-inline .workspace-tabs { padding:0 7px 6px; }
.desktop-inline .workspace-tabs .workspace-button { padding:4px 8px; }
@media(max-width:800px) { .main-panel:has(> .desktop-panel:not([hidden])) { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(250px,1fr) minmax(300px,1fr); overflow:auto; } .main-panel > .desktop-panel { grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--line); } }
@media(pointer:coarse) { .workspace-button { min-height:36px; min-width:34px; } .workspace-browser-toolbar { gap:2px; padding:5px; } .workspace-address { font-size:16px; } }