.web-use-hint{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.web-use-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.web-control-skeleton{background:var(--color-surface-raised);border-radius:var(--radius-md);width:8rem;height:2.5rem;margin-top:1rem;display:block}.web-session .web-control-skeleton{margin-top:0}.web-session{background:var(--color-canvas);min-width:0;height:100dvh;color:var(--color-text);flex-direction:column;display:flex}.web-session-header{background:var(--color-chrome);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.web-session-header h1{margin:0 0 .3rem;font-size:1rem}.web-session-header>div>span{color:var(--color-text-muted);font-size:.8rem}.web-session-actions{align-items:center;gap:.6rem;display:flex}.web-session-state{color:var(--color-text-muted);margin-right:.5rem;font-size:.8rem}.web-session-state[data-state=active]{color:var(--color-success)}.web-session-state[data-state=warning]{color:var(--color-warning)}.web-session-pane{flex:1;min-height:0;display:flex;overflow:hidden}.web-session-pane[hidden]{display:none}.web-desktop{background:#101210;flex:1;min-width:0;min-height:0;display:flex}.web-desktop-viewport{flex:1;min-width:0;min-height:0;overflow:hidden}.web-desktop-native-canvas{touch-action:none;outline:none;margin:auto;display:block}.web-session>:not(.web-session-pane){flex-shrink:0}.web-session-disconnected{max-width:42rem;margin:auto;padding:2rem}.web-session-disconnected h2{font-size:1.4rem}.web-session-disconnected p{color:var(--color-text-secondary);margin-block:1rem 1.5rem;line-height:1.7}.web-terminal{background:#101210;flex-direction:column;flex:1;min-width:0;min-height:0;padding:1rem 1.5rem;display:flex}.web-terminal-viewport{flex:1;min-width:0;min-height:0}.web-terminal .xterm{height:100%}.web-files{flex-direction:column;flex:1;min-width:0;min-height:0;padding:1rem 1.5rem;display:flex;overflow:hidden}.web-files-table{flex:1;min-height:6rem;overflow:auto}.web-files>:not(.web-files-table){flex-shrink:0}.web-files-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.web-files-toolbar nav{flex-wrap:wrap;flex:1;align-items:center;gap:.2rem;min-width:0;display:flex}.web-files-toolbar nav button{overflow-wrap:anywhere;white-space:normal;max-width:100%}.web-file-name{overflow-wrap:anywhere;align-items:center;gap:.6rem;display:flex}.web-grant-confirm{border-block:1px solid var(--color-border);max-width:44rem;margin-top:1rem;padding-block:1.5rem}.web-grant-confirm h2{font-size:1.15rem}.web-grant-actions{gap:.5rem;display:flex}.web-scope-label{color:var(--color-text-muted);margin-top:.35rem;display:block}.web-scope-editor{margin-block:1.5rem}.web-scope-editor>p{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.web-scope-heading{justify-content:space-between;align-items:center;display:flex}.web-scope-editor h3{margin:1rem 0;font-size:.9rem}.web-scope-folder{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto auto;align-items:end;gap:1rem;padding-block:1rem;display:grid}.web-scope-containers{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=760px){.web-scope-folder,.web-scope-containers{grid-template-columns:1fr}}.web-workspace{background:radial-gradient(at 20% 0,#293324 0,#171e18 40%,#101512 100%);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.web-workspace-surface{flex:1;min-height:0;padding:1.25rem;display:flex}.web-workspace-home{flex:1;padding:2rem}.web-workspace-shortcuts{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.web-workspace-shortcuts button{width:10rem;min-height:9rem;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1rem;display:flex}.web-workspace-shortcuts button:hover{background:#ffffff0a;border-color:#ffffff20}.web-workspace-shortcuts button svg,.web-file-tile svg{color:#b3c98b;fill:#b3c98b12}.web-workspace-shortcuts button span{color:var(--color-text-muted);font-size:.75rem}.web-workspace-window{background:var(--color-canvas);border:1px solid #ffffff20;border-radius:.8rem;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 35px #0005}.web-workspace-window>header{background:var(--color-chrome);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.45rem .75rem .45rem 1.25rem;display:flex}.web-workspace-window>header>div{align-items:center;gap:.65rem;font-size:.85rem;display:flex}.web-workspace-body{flex:1;min-width:0;min-height:0;display:flex}.web-workspace-dock{background:#101512e8;border-top:1px solid #ffffff16;align-items:center;gap:.3rem;padding:.65rem 1.25rem;display:flex}.web-workspace-dock button{height:2.5rem;font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.6rem;padding:0 .9rem;font-size:.85rem;display:flex}.web-workspace-dock button:hover{background:#ffffff0a}.web-workspace-dock button[aria-pressed=true]{color:var(--color-text);background:#ffffff0d;border-color:#ffffff1e}.web-workspace button:focus-visible,.web-file-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.web-explorer-options{flex-wrap:wrap;align-items:center;gap:.6rem;padding:0 0 1rem;display:flex}.web-explorer-options>span{color:var(--color-text-muted);margin-right:auto;font-size:.75rem}.web-explorer-content{flex:1;gap:1.5rem;min-width:0;min-height:0;display:flex}.web-explorer-content>.web-files-table{flex:1;min-height:0}.web-file-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));align-content:start;gap:.75rem;padding:.25rem;display:grid}.web-file-tile{min-height:8.6rem;font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.7rem;padding:1.2rem .7rem;display:flex}.web-file-tile:hover{background:var(--color-surface);border-color:var(--color-border)}.web-file-tile[aria-pressed=true]{background:#b3c98b12;border-color:#b3c98b60}.web-file-tile strong{overflow-wrap:anywhere;text-align:center;font-size:.85rem}.web-file-tile span{color:var(--color-text-muted);font-size:.75rem}.web-file-tile:disabled{opacity:.5;cursor:default}.web-file-inspector{border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1rem;width:16rem;padding:1rem;display:flex;overflow:auto}.web-file-inspector strong{overflow-wrap:anywhere}.web-file-inspector dl{margin:0;font-size:.8rem}.web-file-inspector dt{color:var(--color-text-muted);margin-top:1rem}.web-file-inspector dd{margin:.3rem 0 0}.web-explorer-empty{color:var(--color-text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.web-file-skeleton{background:linear-gradient(100deg,var(--color-surface),var(--color-surface-raised),var(--color-surface));border-radius:.65rem;height:8.6rem}.web-desktop{position:relative}.web-desktop-opening{background:var(--color-canvas);text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.web-desktop-opening h2{margin:0;font-size:1.15rem}.web-desktop-opening p{color:var(--color-text-muted);margin:0;font-size:.85rem}.web-spin{animation:1.2s linear infinite web-spin}@keyframes web-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.web-spin{animation:none}}.web-containers{flex-direction:column;flex:1;min-width:0;min-height:0;padding:1.25rem;display:flex}.web-containers>header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.web-containers h2{margin:0;font-size:1rem}.web-containers header p{color:var(--color-text-muted);margin:.4rem 0 0;font-size:.8rem}.web-container-state[data-active=true]{color:var(--color-success)}.web-container-skeleton{background:var(--color-surface);border-radius:.4rem;height:5rem;margin-bottom:.6rem}.web-workspace [hidden]{display:none}.web-terminal .xterm-viewport{scrollbar-width:thin}.web-files>.web-explorer-content{flex-shrink:1}@media (width<=760px){.web-workspace-surface{padding:.5rem}.web-workspace-home{padding:1rem}.web-workspace-shortcuts{gap:.5rem}.web-workspace-shortcuts button{width:8rem}.web-workspace-dock{gap:0;padding:.5rem}.web-workspace-dock button{padding:0 .6rem}.web-explorer-content{flex-direction:column}.web-file-inspector{border-left:0;border-top:1px solid var(--color-border);width:auto;max-height:12rem}.web-file-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.web-session-header{padding:.75rem 1rem}.web-session-actions{justify-content:flex-end;width:100%}.web-session-state{margin-right:auto}.web-files,.web-terminal{padding:1rem}.web-files{overflow-y:auto}.web-files-table{flex:none;min-height:0;max-height:22rem}}.web-explorer-count{color:var(--color-text-muted);margin:.75rem 0 0;font-size:.8rem}.web-upload-summary{flex-direction:column;gap:.8rem;display:flex}.web-upload-summary>span,.web-upload-summary p{color:var(--color-text-muted)}