.menubar{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;height:32px}.menubar-item{position:relative}.menubar-btn{background:none;border:none;padding:4px 12px;font-size:13px;color:#333;cursor:pointer;border-radius:4px;white-space:nowrap;transition:background-color .15s}.menubar-btn.active,.menubar-btn:hover{background-color:#e2e6ea}.menubar-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:4px 0;z-index:1000;margin-top:4px}.menubar-dropdown-item{position:relative}.menubar-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:6px 14px;font-size:13px;color:#333;cursor:pointer;text-align:left;white-space:nowrap;transition:background-color .15s}.menubar-dropdown-btn.active,.menubar-dropdown-btn:hover{background-color:#f0f4f8}.submenu-arrow{font-size:10px;margin-left:12px;color:#888}.menubar-submenu{position:absolute;top:0;left:100%;min-width:220px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:4px 0;z-index:1001;margin-left:2px}