#workspacePanelRoot[hidden] { display: none !important; }
#workspacePanelRoot { --hw-panel-width: 420px; position: fixed; inset: 0; z-index: 1200; pointer-events: none; }
#workspacePanelRoot .hw-workspace-panel { pointer-events: auto; position: absolute; inset: 0 0 0 auto; width: min(var(--hw-panel-width), 100%); display: flex; flex-direction: column; background: var(--hw-ui-surface); color: var(--hw-ui-text); border-left: 1px solid var(--hw-ui-line); box-shadow: none; }
#workspacePanelRoot .hw-workspace-panel > header { height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--hw-ui-line); gap: 8px; }
#workspacePanelRoot h2 { margin: 0; font-size: 17px; line-height: 1.4; }
#workspacePanelRoot header > div { display: flex; gap: 4px; }
#workspacePanelRoot header button { width: 36px; height: 36px; padding: 8px; color: var(--hw-ui-text); background: transparent; border: 0; border-radius: 8px; cursor: pointer; }
#workspacePanelRoot header button:hover { background: var(--hw-ui-hover); }
#workspacePanelRoot svg { width: 20px; height: 20px; }
#workspacePanelRoot .hw-panel-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 20px; }
#workspacePanelRoot .hw-panel-backdrop { display: none; }
#workspacePanelRoot[data-mode="overlay"] .hw-panel-backdrop { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgb(0 0 0 / .42); pointer-events: auto; }
#workspacePanelRoot[data-mode="overlay"] .hw-workspace-panel { box-shadow: -12px 0 40px rgb(0 0 0 / .18); }
body.hw-panel-docked #hwWorkbenchMain { margin-right: 420px !important; min-width: 0; }
#workspacePanelRoot[data-expanded="true"][data-mode="docked"] .hw-workspace-panel { width: calc(100% - var(--hw-shell-nav-width, 232px)); }
#workspacePanelRoot .hw-panel-error { color: var(--danger); padding: 12px 20px; }
#workspacePanelRoot :focus-visible { outline: 2px solid var(--hw-ui-accent); outline-offset: 3px; }
#workspacePanelRoot .rp-dialogue-drawer { display: contents; }
@media (max-width: 600px) { #workspacePanelRoot .hw-workspace-panel { width: 100%; padding-bottom: env(safe-area-inset-bottom, 0px); } #workspacePanelRoot .hw-panel-body { padding: 16px; } }