.nav-views{display:flex;align-items:stretch;gap:28px;height:100%;flex:none}.nav-views .tab{display:flex;align-items:center;gap:6px;white-space:nowrap;position:relative}.nav-views svg,#nav-collapse svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-views svg{display:none}.nav-grip{color:var(--muted);font-size:13px;opacity:0;touch-action:none;cursor:grab;margin-left:-10px;padding:8px 2px}.tab:hover .nav-grip,.tab:focus-visible .nav-grip{opacity:.65}.nav-drag-source{opacity:.35}.nav-drag-ghost{position:fixed;z-index:90;display:flex;align-items:center;gap:6px;padding:8px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #0002;pointer-events:none;overflow:hidden;white-space:nowrap}.nav-drag-ghost svg{display:none}.nav-drag-ghost .nav-grip{display:none}.nav-save{font-size:10px;max-width:200px;display:flex;align-items:center;gap:6px}.nav-save:has(#nav-save-status:empty):has(#nav-retry[hidden]){display:none}#nav-retry{padding:5px 8px;font-size:11px}#nav-collapse{display:none}.navigation-help{font-size:12px}.choice-group{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.choice-group-title{font-size:10px;color:var(--muted);padding:6px 12px;text-transform:uppercase;letter-spacing:.6px}
html[data-navigation=left],html[data-navigation=right]{--nav-width:178px}html[data-navigation-collapsed=true]{--nav-width:64px}html[data-navigation=left] .workspace{margin-left:var(--nav-width)}html[data-navigation=right] .workspace{margin-right:var(--nav-width)}html[data-navigation=left] #workspace-nav,html[data-navigation=right] #workspace-nav{position:fixed;top:59px;bottom:0;height:auto;width:var(--nav-width);display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px 10px 32px;overflow:auto;z-index:4;background:var(--surface)}html[data-navigation=left] #workspace-nav{left:0;right:auto;border-right:1px solid var(--line)}html[data-navigation=right] #workspace-nav{right:0;left:auto;border-left:1px solid var(--line)}html[data-navigation=left] .nav-views,html[data-navigation=right] .nav-views{display:flex;flex-direction:column;height:auto;gap:4px;width:100%}html[data-navigation=left] .nav-views .tab,html[data-navigation=right] .nav-views .tab{justify-content:flex-start;min-height:38px;padding:7px 8px;flex:none;font-size:12px}html[data-navigation=left] .nav-views svg,html[data-navigation=right] .nav-views svg{display:block}html[data-navigation=left] .tab.selected::after,html[data-navigation=right] .tab.selected::after{top:8px;bottom:8px;left:0;width:2px;height:auto}html[data-navigation=left] #nav-collapse,html[data-navigation=right] #nav-collapse{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;font-size:10px;min-height:34px}html[data-navigation=left] .new-button,html[data-navigation=right] .new-button{margin:0;padding:10px 4px;white-space:nowrap}html[data-navigation=left] .nav-save,html[data-navigation=right] .nav-save{max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}html[data-navigation-collapsed=true] #workspace-nav .tab-label,html[data-navigation-collapsed=true] #workspace-nav kbd{display:none}html[data-navigation-collapsed=true] #workspace-nav .tab{justify-content:center;padding:7px 2px}html[data-navigation-collapsed=true] .nav-grip{display:none}
html[data-navigation=top] #workspace-nav .tab-label{display:inline}html[data-navigation=top] #workspace-nav kbd{display:inline-block}html[data-navigation=top] .nav-grip{display:inline}html[data-navigation=left] .nav-views .tab,html[data-navigation=right] .nav-views .tab{border-bottom:0;border-left:2px solid transparent;border-radius:4px}html[data-navigation=left] .nav-views .tab.selected,html[data-navigation=right] .nav-views .tab.selected{border-left-color:var(--accent);background:var(--soft)}.console-trigger.needs-attention{color:var(--accent);border-color:var(--accent)}
@media(max-width:760px){.nav-views{gap:20px}html[data-navigation=left] #workspace-nav,html[data-navigation=right] #workspace-nav{top:48px}.tabs .nav-save{max-width:120px}.tabs #nav-save-status{white-space:normal}}
@media(pointer:coarse){.nav-grip{opacity:.6;padding:10px 5px}.nav-views .tab{touch-action:pan-x}html[data-navigation=left] .nav-views .tab,html[data-navigation=right] .nav-views .tab{touch-action:pan-y}}
:root,:root[data-style]{--shell-header-height:59px;--header-offset:124px}:root[data-style] .topbar{height:var(--shell-header-height)}:root[data-style] .tabs{top:var(--shell-header-height)}:root[data-navigation=left],:root[data-navigation=right]{--header-offset:59px}
@media(max-width:760px){:root,:root[data-style]{--shell-header-height:48px;--header-offset:107px}:root[data-navigation=left],:root[data-navigation=right]{--header-offset:48px}}
.nav-views .tab:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--accent)}
html[data-navigation=left] .nav-views .tab.selected,html[data-navigation=right] .nav-views .tab.selected{border-left-color:transparent;box-shadow:inset 0 -2px 0 var(--accent)}
html[data-navigation=left] .tab.selected::after,html[data-navigation=right] .tab.selected::after{display:none}