.nav-tools-flyout{position:fixed;inset:0;z-index:45;display:none;pointer-events:none}.nav-tools-flyout.open{display:block}.nav-tools-list{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:370px;max-height:min(78vh,780px);overflow-y:auto;padding:7px;border:1px solid #e9ebee;border-radius:19px;background:#fff;box-shadow:0 18px 48px #222a351f;pointer-events:auto;scrollbar-width:thin}.nav-tools-heading{height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;margin-bottom:5px;font-size:13px}.nav-tools-heading span{font-size:11px;color:#969ca4}.nav-tools-item{width:100%;min-height:58px;padding:7px 9px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;background:#fff;text-align:left}.nav-tools-item:hover,.nav-tools-item.active{background:#e6f3d6;border-color:#e7ece8}.nav-tools-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#f0f2f2}.nav-tools-icon img{width:18px;height:18px;object-fit:contain}.nav-tools-copy{min-width:0;display:block}.nav-tools-copy strong,.nav-tools-copy small{display:block}.nav-tools-copy strong{font-size:12px;font-weight:700}.nav-tools-copy small{margin-top:3px;color:#858d97;font-size:10px;line-height:1.35}.nav-tools-preview{display:none;position:absolute;left:462px;top:50%;transform:translateY(-50%);width:min(680px,43vw);padding:8px;border:1px solid #e8ebef;border-radius:18px;background:#fff;box-shadow:0 17px 44px #252b351c;pointer-events:auto}.nav-tools-flyout.preview-visible .nav-tools-preview{display:block}.nav-tools-preview img{display:block;width:100%;height:auto;border-radius:11px}.nav-tools-flyout.video-mode .nav-tools-list{width:370px}.nav-tools-flyout.video-mode .nav-tools-preview{left:462px}.nav-tools-list::-webkit-scrollbar{width:5px}.nav-tools-list::-webkit-scrollbar-thumb{border-radius:5px;background:#dfe2e5}@media(max-width:1250px){.nav-tools-list{left:68px;width:330px}.nav-tools-preview{left:410px;width:min(540px,42vw)}.nav-tools-flyout.video-mode .nav-tools-list{width:330px}.nav-tools-flyout.video-mode .nav-tools-preview{left:410px}}

.nav-tools-item.is-development{cursor:default}.nav-tools-item.is-development .nav-tools-icon{filter:grayscale(1);opacity:.48}.nav-tools-item.is-development:hover{background:transparent}
