/* Three-center sidebar contract: a quiet light glass frame with the same visual rhythm. */
.preview-workbench .sidebar {
  width: 236px !important;
  padding: 14px 10px 12px !important;
  border-right: 1px solid rgba(201, 220, 225, .78) !important;
  background: linear-gradient(180deg, rgba(245, 250, 251, .92), rgba(237, 245, 248, .78)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(116%) !important;
}
.preview-workbench .brand-lockup.preview-brand { min-height: 68px !important; padding: 4px 8px 14px !important; gap: 10px !important; border-bottom-color: rgba(115, 142, 150, .17) !important; }
.preview-workbench .preview-brand .sidebar-wordmark { width: 40px !important; height: 40px !important; border-radius: 8px !important; object-fit: contain !important; }
.preview-workbench .preview-brand strong { color: #17272b !important; font-size: 16px !important; font-weight: 600 !important; }
.preview-workbench .preview-brand small { color: #657b82 !important; font-size: 12px !important; font-weight: 500 !important; }
.preview-workbench .nav-list { gap: 4px !important; padding: 12px 2px 0 !important; }
.preview-workbench .nav-item, .preview-workbench .sidebar .nav-item, .preview-workbench .nav-list .nav-item { min-height: 40px !important; height: 40px !important; padding: 0 10px !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #647980 !important; background: transparent !important; box-shadow: none !important; transition: color 180ms cubic-bezier(.22,1,.36,1), background 180ms cubic-bezier(.22,1,.36,1), border-color 180ms cubic-bezier(.22,1,.36,1) !important; }
.preview-workbench .nav-item:hover, .preview-workbench .sidebar .nav-item:hover { color: #24363b !important; background: rgba(255,255,255,.48) !important; border-color: rgba(255,255,255,.64) !important; }
.preview-workbench .nav-item.active, .preview-workbench .nav-item.is-active { color: #24363b !important; background: rgba(255,255,255,.82) !important; border-color: rgba(255,255,255,.9) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important; }
.preview-workbench .nav-item.active::before, .preview-workbench .nav-item.is-active::before { left: 8px !important; width: 3px !important; height: 18px !important; border-radius: 3px !important; background: #1bb1c8 !important; }
.preview-workbench .nav-item.active i, .preview-workbench .nav-item.active svg, .preview-workbench .nav-item.is-active i, .preview-workbench .nav-item.is-active svg { color: #1bb1c8 !important; }
.preview-workbench .nav-label { margin: 14px 10px 4px !important; color: #8ba0a6 !important; font-size: 12px !important; font-weight: 500 !important; }
.preview-workbench .sidebar-bottom { padding-top: 12px !important; border-top-color: rgba(115, 142, 150, .17) !important; }
.preview-workbench .sync-card { min-height: 42px !important; padding: 0 10px !important; }
.preview-workbench .preview-brand .sidebar-wordmark { width:44px !important; height:36px !important; border-radius:8px !important; object-fit:contain !important; }
.preview-workbench .brand-lockup.preview-brand { min-height:68px !important; padding:4px 14px 14px !important; gap:10px !important; align-items:center !important; border-bottom:1px solid rgba(115,142,150,.17) !important; }
@media (max-width: 900px) { .preview-workbench .sidebar { width: auto !important; padding: 10px 12px !important; } .preview-workbench .brand-lockup.preview-brand { min-height: 42px !important; padding: 0 !important; } .preview-workbench .preview-brand .sidebar-wordmark { width: 40px !important; height: 32px !important; } }