/*
 * MNBTools Advanced Tool Workspace
 * Applies only to /tool/* pages. Public Home/Categories/Tools/Auth/Blog pages keep the normal site layout.
 */
body.tool-workspace-page{
  margin:0;
  background:#f6f8fc;
  color:#0f2344;
  overflow-x:hidden;
}
body.tool-workspace-page .site-main{padding:0}
body.mnb-tool-sidebar-open{overflow:hidden}

.mnb-tool-app{
  --mnb-shell-sidebar:226px;
  --mnb-shell-sidebar-collapsed:70px;
  --mnb-shell-topbar:64px;
  --mnb-shell-blue:#125cff;
  --mnb-shell-navy:#0b1b31;
  --mnb-shell-line:#e1e8f2;
  --mnb-shell-soft:#f6f8fc;
  min-height:100dvh;
  display:grid;
  grid-template-columns:var(--mnb-shell-sidebar) minmax(0,1fr);
  background:var(--mnb-shell-soft);
  color:#0f2344;
  transition:grid-template-columns .2s ease;
}
.mnb-tool-app.is-collapsed{grid-template-columns:var(--mnb-shell-sidebar-collapsed) minmax(0,1fr)}
.mnb-tool-app-stage{min-width:0;min-height:100dvh}
.mnb-tool-app-main{min-width:0}

/* Sidebar */
.mnb-tool-app-sidebar{
  position:sticky;
  top:0;
  z-index:90;
  height:100dvh;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(180deg,#0d2139 0%,#09182b 100%);
  color:#cbd7e8;
  border-right:1px solid #152d49;
  box-shadow:8px 0 28px rgba(4,18,39,.08);
}
.mnb-tool-sidebar-brand-row{
  height:76px;
  flex:0 0 76px;
  display:flex;
  align-items:center;
  padding:10px 17px 8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.mnb-tool-sidebar-brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:#fff}
.mnb-tool-sidebar-logo-full{display:block;width:152px;height:auto;max-height:36px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.mnb-tool-sidebar-logo-symbol{display:none;width:37px;height:37px;object-fit:contain;filter:brightness(0) invert(1)}
.mnb-tool-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 8px 16px;scrollbar-width:thin;scrollbar-color:#2a405b transparent}
.mnb-tool-sidebar-scroll::-webkit-scrollbar{width:5px}.mnb-tool-sidebar-scroll::-webkit-scrollbar-thumb{background:#2a405b;border-radius:99px}
.mnb-tool-sidebar-nav{display:grid;gap:3px}
.mnb-tool-sidebar-nav a,.mnb-tool-sidebar-nav button,.mnb-tool-sidebar-footer a,.mnb-tool-sidebar-footer button{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#b9c7da;
  text-decoration:none;
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.mnb-tool-sidebar-nav a:hover,.mnb-tool-sidebar-nav button:hover,.mnb-tool-sidebar-footer a:hover,.mnb-tool-sidebar-footer button:hover{background:rgba(255,255,255,.06);color:#fff}
.mnb-tool-sidebar-nav a.is-primary{background:linear-gradient(90deg,#125cff,#0f6bff);color:#fff;box-shadow:0 8px 20px rgba(18,92,255,.22)}
.mnb-tool-sidebar-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;color:inherit}.mnb-tool-sidebar-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mnb-tool-sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mnb-tool-sidebar-count{margin-left:auto;min-width:22px;text-align:right;color:#6f86a3;font-size:8.5px;font-weight:700}
.mnb-tool-sidebar-nav a.is-primary .mnb-tool-sidebar-count{color:#dce8ff}
.mnb-tool-sidebar-section{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.mnb-tool-sidebar-section.is-tools{margin-top:10px;padding-top:4px;border-top:0}
.mnb-tool-sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 8px}
.mnb-tool-sidebar-section-title{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#68809f}
.mnb-tool-sidebar-recent{display:none;margin-top:7px;padding:3px 3px 0}.mnb-tool-sidebar-recent.is-open{display:grid;gap:3px}
.mnb-tool-sidebar-recent>a{min-height:39px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;padding:5px 7px;border-radius:8px;color:#9eb0c6;text-decoration:none}.mnb-tool-sidebar-recent>a:hover{background:rgba(255,255,255,.055);color:#fff}
.mnb-tool-sidebar-mini-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#142c48;color:#8fb3e5;font-size:10px;font-weight:800}
.mnb-tool-sidebar-tool-copy{min-width:0;display:grid;gap:1px}.mnb-tool-sidebar-tool-copy b{font-size:9.5px;line-height:1.25;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnb-tool-sidebar-tool-copy small{font-size:7.8px;color:#68809f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnb-tool-sidebar-empty{display:block;padding:7px 9px;color:#6f86a3;font-size:9px;line-height:1.45}
.mnb-tool-sidebar-footer{flex:0 0 auto;display:grid;gap:3px;padding:10px 8px 12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,14,28,.12)}

.mnb-tool-app.is-collapsed .mnb-tool-sidebar-brand-row{justify-content:center;padding-inline:0}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-logo-full{display:none}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-logo-symbol{display:block}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-section-head,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-label,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-count,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-recent{display:none!important}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-section{margin-top:10px;padding-top:10px}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-section.is-tools{margin-top:6px;padding-top:0}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-nav a,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-nav button,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-footer a,.mnb-tool-app.is-collapsed .mnb-tool-sidebar-footer button{justify-content:center;padding:0;gap:0}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-scroll{padding-inline:8px}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-footer [data-tool-workspace-collapse] svg{transform:rotate(180deg)}

/* Top application bar */
.mnb-tool-app-topbar{
  position:sticky;
  top:0;
  z-index:75;
  min-height:var(--mnb-shell-topbar);
  display:grid;
  grid-template-columns:minmax(280px,620px) minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:0 22px;
  border-bottom:1px solid var(--mnb-shell-line);
  background:rgba(255,255,255,.97);
  box-shadow:0 1px 0 rgba(13,35,68,.015);
  backdrop-filter:blur(12px);
}
.mnb-tool-app-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}
.mnb-tool-app-mobile-menu,.mnb-tool-app-theme{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#526783;cursor:pointer}.mnb-tool-app-mobile-menu{display:none}.mnb-tool-app-mobile-menu:hover,.mnb-tool-app-theme:hover{background:#f2f6fb;color:#125cff}.mnb-tool-app-mobile-menu svg,.mnb-tool-app-theme svg{width:18px;height:18px}
.mnb-tool-app-search{width:min(100%,590px);height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 9px 0 12px;border:1px solid #dce5f0;border-radius:9px;background:#f8faff;color:#71819a;font:inherit;font-size:10.5px;text-align:left;cursor:pointer;transition:.15s ease}.mnb-tool-app-search:hover{border-color:#c8d5e6;background:#fff;box-shadow:0 3px 12px rgba(15,43,79,.04)}.mnb-tool-app-search svg{width:15px;height:15px}.mnb-tool-app-search kbd{padding:2px 6px;border:1px solid #dce5f0;border-radius:5px;background:#fff;color:#8391a5;font:600 8px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.mnb-tool-app-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.mnb-tool-app-toplink,.mnb-tool-app-login,.mnb-tool-app-register{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:8px;text-decoration:none;font-size:10.5px;font-weight:700;white-space:nowrap}.mnb-tool-app-toplink,.mnb-tool-app-login{color:#344a68}.mnb-tool-app-toplink:hover,.mnb-tool-app-login:hover{background:#f3f6fa;color:#125cff}.mnb-tool-app-register{background:#125cff;color:#fff;box-shadow:0 5px 14px rgba(18,92,255,.18)}.mnb-tool-toplink-icon{width:17px;height:17px;display:grid;place-items:center}.mnb-tool-toplink-icon svg{width:16px;height:16px}
.mnb-tool-app-profile .mnb-profile-toggle{min-height:44px;border:0!important;background:transparent!important;box-shadow:none!important;padding:3px 4px 3px 5px!important;gap:8px}.mnb-tool-app-profile .mnb-profile-toggle:hover{background:#f3f6fa!important}.mnb-tool-app-profile .mnb-profile-avatar{width:34px;height:34px;font-size:11px}.mnb-tool-profile-copy{display:grid;gap:1px;text-align:left;max-width:165px}.mnb-tool-profile-copy b{font-size:10.5px;color:#1f3553;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnb-tool-profile-copy small{font-size:7.8px;font-weight:500;color:#8996a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tool page header */
.mnb-tool-app .mnb-tool-app-main .mnb-qth-page-shell{width:100%;max-width:1600px;margin-inline:auto;padding-left:24px;padding-right:24px}
.mnb-tool-app.is-wide-tool .mnb-tool-app-main .mnb-qth-page-shell{max-width:none}
.mnb-tool-app .mnb-tool-page{background:#f6f8fc;color:var(--tool-ink,#0f2344)}
.mnb-tool-app .mnb-tool-page .mnb-tool-hero{padding:15px 0 17px;border-bottom:1px solid #e1e8f2;background:#fff;color:var(--tool-ink,#0f2344)}
.mnb-tool-app .mnb-tool-page .mnb-tool-hero-inner{display:grid;gap:12px}
.mnb-tool-app .mnb-tool-page .mnb-tool-breadcrumb{display:flex;align-items:center;gap:7px;margin:0;color:#92a0b4;font-size:9.5px}.mnb-tool-app .mnb-tool-page .mnb-tool-breadcrumb a{color:#6c7d95;text-decoration:none}.mnb-tool-app .mnb-tool-page .mnb-tool-breadcrumb a:hover{color:#125cff}
.mnb-tool-app .mnb-tool-page .mnb-tool-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.mnb-tool-app .mnb-tool-page .mnb-tool-title-main{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
.mnb-tool-app .mnb-tool-page .mnb-tool-title-icon{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:10px;background:linear-gradient(145deg,#e7f0ff,#f1f5ff);color:var(--tool-accent,#125cff);box-shadow:none}.mnb-tool-app .mnb-tool-page .mnb-tool-title-icon svg{width:23px;height:23px}
.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy{min-width:0}.mnb-tool-app .mnb-tool-page .mnb-tool-category-label{margin:0 0 2px;color:var(--tool-accent,#125cff);font-size:8.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy h1{margin:0;color:#10284b;font-size:24px;line-height:1.16;letter-spacing:-.035em}.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy p{max-width:780px;margin:4px 0 0;color:#6b7e99;font-size:10.5px;line-height:1.5}
.mnb-tool-app .mnb-tool-page .mnb-tool-title-actions{display:flex;align-items:center;gap:8px}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-form{margin:0}
.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#2f4664;text-decoration:none;font:inherit;font-size:9.5px;font-weight:750;box-shadow:none;backdrop-filter:none;cursor:pointer;transition:.15s ease}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action:hover{border-color:#c6d4e5;background:#f8faff;color:#125cff;transform:none}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action-icon{width:16px;height:16px;display:grid;place-items:center}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-btn{min-height:38px;padding-inline:13px;background:#125cff;border-color:#125cff;color:#fff;box-shadow:0 6px 14px rgba(18,92,255,.16)}.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-btn:hover,.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-btn.is-active{background:#0e51e6;border-color:#0e51e6;color:#fff}.mnb-tool-app .mnb-tool-page .mnb-tool-like-btn.is-active{background:#fff5f6;border-color:#ffd7dc;color:#d92d45}.mnb-tool-app .mnb-tool-page .mnb-tool-like-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:999px;background:#eef2f6;color:#6b7d95;font-size:7.5px}.mnb-tool-app .mnb-tool-page .mnb-tool-like-btn.is-active .mnb-tool-like-count{background:#ffe6e9;color:#c82840}
.mnb-tool-app .mnb-tool-page .mnb-tool-hero-risk-range{display:grid;gap:0;padding-left:8px;color:#6b7e99}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-risk-range strong{font-size:11px;color:#29415f}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-risk-range span{font-size:8px}
.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip{display:flex;flex-wrap:wrap;gap:0;margin:0;padding-left:60px}.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span{padding:0 10px;border-right:1px solid #e2e8f0;color:#8b99ac;font-size:8.5px}.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span:first-child{padding-left:0}.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span:last-child{border-right:0}
.mnb-tool-app .mnb-tool-page .mnb-tool-feedback{padding-top:14px}

/* Work canvas: generous width with one outer rhythm. Tool-specific UIs remain responsible for their own internal controls. */
.mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section{padding-top:18px;padding-bottom:24px;background:#f6f8fc}
.mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section + .mnb-tool-workspace-section{padding-top:0}
.mnb-tool-app .mnb-tool-page .mnb-tool-info-section{padding:30px 0 36px;background:#fff;border-top:1px solid #e1e8f2}
.mnb-tool-app .mnb-tool-page .mnb-tool-info-grid{gap:28px}.mnb-tool-app .mnb-tool-page .mnb-tool-about h2{font-size:20px}.mnb-tool-app .mnb-tool-page .mnb-tool-about>p{font-size:11px;line-height:1.7}
.mnb-tool-app .mnb-tool-page .mnb-tool-workspace,.mnb-tool-app .mnb-tool-page [class*="-workspace"]{box-shadow:none}

/* Share dropdown must stay above the tool canvas. */
.mnb-tool-app .mnb-tool-page .mnb-tool-share-wrap{position:relative}.mnb-tool-app .mnb-tool-page .mnb-tool-share-menu{z-index:120}

/* Mobile drawer */
.mnb-tool-app-backdrop{position:fixed;inset:0;z-index:80;border:0;background:rgba(4,14,28,.52);backdrop-filter:blur(2px)}

@media(max-width:1220px){
  .mnb-tool-app{--mnb-shell-sidebar:210px}
  .mnb-tool-app-topbar{grid-template-columns:minmax(250px,520px) minmax(0,1fr);padding-inline:18px}
  .mnb-tool-app .mnb-tool-app-main .mnb-qth-page-shell{padding-left:20px;padding-right:20px}
  .mnb-tool-app .mnb-tool-page .mnb-tool-title-row{gap:16px}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action{padding-inline:9px}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action.is-documentation{display:none}
}
@media(max-width:980px){
  .mnb-tool-app{display:block;min-height:100dvh}
  .mnb-tool-app-sidebar{position:fixed;left:0;top:0;width:226px;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 45px rgba(3,18,39,.28)}
  .mnb-tool-app.is-mobile-open .mnb-tool-app-sidebar{transform:translateX(0)}
  .mnb-tool-app-topbar{grid-template-columns:minmax(0,1fr) auto;padding:0 14px;gap:10px}.mnb-tool-app-mobile-menu{display:grid;flex:0 0 36px}.mnb-tool-app-search{width:100%}.mnb-tool-app-search kbd{display:none}.mnb-tool-app-toplink span:last-child{display:none}.mnb-tool-app-toplink{width:36px;padding:0}.mnb-tool-profile-copy{display:none}
  .mnb-tool-app .mnb-tool-app-main .mnb-qth-page-shell{max-width:none;padding-left:16px;padding-right:16px}
  .mnb-tool-app .mnb-tool-page .mnb-tool-title-row{grid-template-columns:1fr;align-items:start}.mnb-tool-app .mnb-tool-page .mnb-tool-title-actions{padding-left:60px}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-actions{justify-content:flex-start}.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy h1{font-size:22px}
}
@media(max-width:640px){
  .mnb-tool-app-topbar{min-height:58px;padding-inline:10px}.mnb-tool-app-search span:nth-child(2){font-size:9px}.mnb-tool-app-topbar-actions{gap:3px}.mnb-tool-app-login{display:none}.mnb-tool-app-register{height:34px;padding-inline:9px;font-size:9px}
  .mnb-tool-app .mnb-tool-app-main .mnb-qth-page-shell{padding-left:12px;padding-right:12px}
  .mnb-tool-app .mnb-tool-page .mnb-tool-hero{padding:13px 0 15px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-main{grid-template-columns:42px minmax(0,1fr);gap:10px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-icon{width:42px;height:42px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-icon svg{width:20px;height:20px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy h1{font-size:19px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-copy p{font-size:9.5px}.mnb-tool-app .mnb-tool-page .mnb-tool-title-actions{padding-left:0}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-actions{width:100%}.mnb-tool-app .mnb-tool-page .mnb-tool-hero-action{flex:1;min-width:90px}.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-form{flex:1}.mnb-tool-app .mnb-tool-page .mnb-tool-favorite-btn{width:100%}.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip{padding-left:0;gap:5px;margin-top:2px}.mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span{padding:0 6px 0 0;border-right:0}.mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section{padding-top:12px;padding-bottom:18px}
}

/* Dark theme: the sidebar remains premium navy; application canvas switches cleanly. */
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body.tool-workspace-page,html:not([data-theme="light"]) .mnb-tool-app,html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page,html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section{background:#07111e;color:#e2eaf5}
  html:not([data-theme="light"]) .mnb-tool-app-topbar,html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-hero,html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-info-section{background:#0b1726;border-color:#223248}
  html:not([data-theme="light"]) .mnb-tool-app-search{background:#101e30;border-color:#2a3b51;color:#8ea0b8}
  html:not([data-theme="light"]) .mnb-tool-app-search kbd{background:#0b1726;border-color:#2a3b51}
  html:not([data-theme="light"]) .mnb-tool-app-toplink,html:not([data-theme="light"]) .mnb-tool-app-login,html:not([data-theme="light"]) .mnb-tool-app-theme{color:#afbdd0}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-title-copy h1{color:#e4edf8}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-title-copy p,html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span{color:#8fa1b9}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-title-icon{background:#12243a}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-hero-action:not(.mnb-tool-favorite-btn){background:#0e1c2d;border-color:#2a3b51;color:#afbdd0}
}
html[data-theme="dark"] body.tool-workspace-page,html[data-theme="dark"] .mnb-tool-app,html[data-theme="dark"] .mnb-tool-app .mnb-tool-page,html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section{background:#07111e;color:#e2eaf5}
html[data-theme="dark"] .mnb-tool-app-topbar,html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-hero,html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-info-section{background:#0b1726;border-color:#223248}
html[data-theme="dark"] .mnb-tool-app-search{background:#101e30;border-color:#2a3b51;color:#8ea0b8}
html[data-theme="dark"] .mnb-tool-app-search kbd{background:#0b1726;border-color:#2a3b51}
html[data-theme="dark"] .mnb-tool-app-toplink,html[data-theme="dark"] .mnb-tool-app-login,html[data-theme="dark"] .mnb-tool-app-theme{color:#afbdd0}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-title-copy h1{color:#e4edf8}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-title-copy p,html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-meta-strip span{color:#8fa1b9}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-title-icon{background:#12243a}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-hero-action:not(.mnb-tool-favorite-btn){background:#0e1c2d;border-color:#2a3b51;color:#afbdd0}


/* API Request Tester reference page: light SaaS dashboard shell */
.mnb-tool-app.is-dashboard-reference{
  --mnb-shell-sidebar:238px;
  --mnb-shell-soft:#f7f8fc;
  background:#f7f8fc;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar{
  background:#fff;
  color:#53647d;
  border-right:1px solid #e8edf5;
  box-shadow:none;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-brand-row{height:76px;flex-basis:76px;border-bottom:1px solid #f0f3f8;padding-inline:19px}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-full,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-symbol{filter:none}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-scroll{scrollbar-color:#d7dfeb transparent}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button{
  min-height:42px;
  color:#65748a;
  border-radius:10px;
  font-size:11.5px;
  font-weight:650;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button:hover{background:#f6f8fc;color:#215eea}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a.is-primary{
  color:#175eea;
  background:linear-gradient(90deg,#edf3ff 0%,#f4f7ff 100%);
  box-shadow:none;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-icon{color:#8795a8}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a.is-primary .mnb-tool-sidebar-icon{color:#175eea}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-count{color:#9ca8b8}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a.is-primary .mnb-tool-sidebar-count{color:#6f8fd3}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-section{border-top-color:#eef2f7}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-section-title{color:#a1acba}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-recent>a{color:#708096}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-recent>a:hover{background:#f6f8fc;color:#215eea}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-mini-icon{background:#edf3ff;color:#2563eb}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-tool-copy small{color:#9aa7b7}
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer{background:#fff;border-top-color:#eef2f7}
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{
  min-height:66px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #e8edf5;
  box-shadow:none;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-search{height:40px;background:#f8f9fc;border-color:#e5ebf3;border-radius:10px;color:#8492a6;box-shadow:none}
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-search:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-search.is-open{background:#fff;border-color:#cdd9ea;box-shadow:0 0 0 3px rgba(18,92,255,.07)}
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-theme,
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-toplink{color:#65758b}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page{background:#f7f8fc}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-hero{
  padding:20px 0 18px;
  background:#f7f8fc;
  border-bottom:0;
}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-breadcrumb{color:#8d99aa}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-title-copy h1{font-size:26px;color:#10284b}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-title-copy p{font-size:11px;color:#74849a}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-title-icon{background:#edf3ff;border-radius:12px;color:#125cff}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-hero-action:not(.mnb-tool-favorite-btn){background:#fff;border-color:#e0e7f0;border-radius:10px;color:#53647d}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-hero-action:not(.mnb-tool-favorite-btn):hover{background:#f9fbff;border-color:#cbd8e8;color:#125cff}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-workspace-section{padding-top:6px;background:#f7f8fc}
.mnb-tool-app.is-dashboard-reference .mnb-tool-page .mnb-tool-info-section{background:#fff;border-top-color:#edf1f6}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar{background:#0b1726;border-color:#223248;color:#aebdd0}
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-full,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-symbol{filter:brightness(0) invert(1)}
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button{color:#aebdd0}
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a:hover,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button:hover{background:#122238;color:#fff}
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a.is-primary{background:#132d50;color:#9ec0ff}
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer{background:#0b1726;border-color:#223248}
}
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar{background:#0b1726;border-color:#223248;color:#aebdd0}
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-full,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-symbol{filter:brightness(0) invert(1)}
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button{color:#aebdd0}
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a.is-primary{background:#132d50;color:#9ec0ff}
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer{background:#0b1726;border-color:#223248}


/* Select2-style tool selector */
.mnb-tool-app-topbar-left{position:relative}
.mnb-tool-select{position:relative;width:min(100%,560px)}
.mnb-tool-select__control{width:100%;height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:0 11px 0 13px;border:1px solid #dce5f0;border-radius:10px;background:#f8faff;color:#526783;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.mnb-tool-select__control:hover{background:#fff;border-color:#c9d6e7}
.mnb-tool-select.is-open .mnb-tool-select__control{background:#fff;border-color:#125cff;box-shadow:0 0 0 3px rgba(18,92,255,.09)}
.mnb-tool-select__control-icon{display:grid;place-items:center;color:#71839b}.mnb-tool-select__control-icon svg{width:16px;height:16px}
.mnb-tool-select__control-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline}.mnb-tool-select__control-copy small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#93a0b1}.mnb-tool-select__control-copy strong{min-width:0;font-size:11.5px;font-weight:700;color:#29415f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnb-tool-select__shortcut{padding:2px 6px;border:1px solid #dce5f0;border-radius:5px;background:#fff;color:#8391a5;font:600 8px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.mnb-tool-select__chevron{display:grid;place-items:center;color:#7b8da6;transition:transform .15s ease}.mnb-tool-select__chevron svg{width:14px;height:14px}.mnb-tool-select.is-open .mnb-tool-select__chevron{transform:rotate(180deg)}
.mnb-tool-select__dropdown{position:absolute;left:0;top:calc(100% + 8px);z-index:140;width:min(500px,calc(100vw - 32px));overflow:hidden;border:1px solid #d9e3ef;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(10,29,61,.18)}
.mnb-tool-select__dropdown[hidden]{display:none}
.mnb-tool-select__search{height:52px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #e8eef5;background:#fff}.mnb-tool-select__search>span{display:grid;place-items:center;color:#7a8aa0}.mnb-tool-select__search svg{width:16px;height:16px}.mnb-tool-select__search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#172d4c;font:inherit;font-size:12.5px;font-weight:600}.mnb-tool-select__search input::placeholder{color:#96a2b2;font-weight:500}
.mnb-tool-select__results{max-height:min(430px,calc(100vh - 170px));overflow:auto;padding:7px 7px 9px;scrollbar-width:thin;scrollbar-color:#cbd6e4 transparent}
.mnb-tool-select__group{padding:4px 0 6px}.mnb-tool-select__group[hidden]{display:none}.mnb-tool-select__group-label{position:sticky;top:-7px;z-index:1;padding:8px 10px 5px;background:#fff;color:#9aa6b5;font-size:8.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mnb-tool-select__option{min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:6px 9px;border-radius:9px;color:#2f4664;text-decoration:none;outline:0}.mnb-tool-select__option:hover,.mnb-tool-select__option.is-keyboard-active{background:#f2f6ff;color:#125cff}.mnb-tool-select__option.is-selected{background:#f7f9ff}
.mnb-tool-select__option-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#125cff}.mnb-tool-select__option-icon svg{width:17px;height:17px}.mnb-tool-select__option-icon.purple{background:#f2eeff;color:#7047eb}.mnb-tool-select__option-icon.green{background:#eafaf1;color:#16a34a}.mnb-tool-select__option-icon.orange{background:#fff3e6;color:#f97316}.mnb-tool-select__option-icon.pink{background:#fff0f5;color:#db2777}.mnb-tool-select__option-icon.cyan{background:#e9faff;color:#0891b2}
.mnb-tool-select__option-copy{min-width:0;display:grid;gap:2px}.mnb-tool-select__option-copy strong{font-size:11px;line-height:1.3;font-weight:700;color:#29415f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnb-tool-select__option:hover .mnb-tool-select__option-copy strong,.mnb-tool-select__option.is-keyboard-active .mnb-tool-select__option-copy strong{color:#125cff}.mnb-tool-select__option-copy small{font-size:9px;color:#8a98aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnb-tool-select__selected-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#eaf2ff;color:#125cff;font-size:10px;font-weight:900}
.mnb-tool-select__empty{padding:28px 16px;text-align:center;color:#8492a6;font-size:11px}.mnb-tool-select__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:7px 12px;border-top:1px solid #e8eef5;background:#fafcff;color:#8492a6;font-size:8.5px}.mnb-tool-select__footer span{display:flex;align-items:center;gap:4px}.mnb-tool-select__footer kbd{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 4px;border:1px solid #dce5f0;border-radius:5px;background:#fff;color:#74859b;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.mnb-tool-select__footer a{color:#125cff;text-decoration:none;font-size:9px;font-weight:800}.mnb-tool-select__footer a:hover{text-decoration:underline}

@media(max-width:980px){.mnb-tool-select{width:100%}.mnb-tool-select__control-copy small{display:none}.mnb-tool-select__control-copy{display:block}.mnb-tool-select__shortcut{display:none}.mnb-tool-select__control{grid-template-columns:18px minmax(0,1fr) 16px}.mnb-tool-select__dropdown{width:min(500px,calc(100vw - 28px))}}
@media(max-width:640px){.mnb-tool-select__dropdown{position:fixed;left:10px;right:10px;top:66px;width:auto}.mnb-tool-select__footer span{display:none}}
@media(prefers-color-scheme:dark){
 html:not([data-theme="light"]) .mnb-tool-select__control,html:not([data-theme="light"]) .mnb-tool-select__dropdown,html:not([data-theme="light"]) .mnb-tool-select__search,html:not([data-theme="light"]) .mnb-tool-select__group-label{background:#0e1c2d;border-color:#2a3b51;color:#cbd7e8}
 html:not([data-theme="light"]) .mnb-tool-select__control-copy strong,html:not([data-theme="light"]) .mnb-tool-select__search input,html:not([data-theme="light"]) .mnb-tool-select__option-copy strong{color:#dce7f5}
 html:not([data-theme="light"]) .mnb-tool-select__shortcut,html:not([data-theme="light"]) .mnb-tool-select__footer,html:not([data-theme="light"]) .mnb-tool-select__footer kbd{background:#0b1726;border-color:#2a3b51;color:#8fa2bb}
 html:not([data-theme="light"]) .mnb-tool-select__results,html:not([data-theme="light"]) .mnb-tool-select__footer{border-color:#223248;background:#0b1726}
 html:not([data-theme="light"]) .mnb-tool-select__option:hover,html:not([data-theme="light"]) .mnb-tool-select__option.is-keyboard-active,html:not([data-theme="light"]) .mnb-tool-select__option.is-selected{background:#142740}
}
html[data-theme="dark"] .mnb-tool-select__control,html[data-theme="dark"] .mnb-tool-select__dropdown,html[data-theme="dark"] .mnb-tool-select__search,html[data-theme="dark"] .mnb-tool-select__group-label{background:#0e1c2d;border-color:#2a3b51;color:#cbd7e8}
html[data-theme="dark"] .mnb-tool-select__control-copy strong,html[data-theme="dark"] .mnb-tool-select__search input,html[data-theme="dark"] .mnb-tool-select__option-copy strong{color:#dce7f5}
html[data-theme="dark"] .mnb-tool-select__shortcut,html[data-theme="dark"] .mnb-tool-select__footer,html[data-theme="dark"] .mnb-tool-select__footer kbd{background:#0b1726;border-color:#2a3b51;color:#8fa2bb}
html[data-theme="dark"] .mnb-tool-select__results,html[data-theme="dark"] .mnb-tool-select__footer{border-color:#223248;background:#0b1726}
html[data-theme="dark"] .mnb-tool-select__option:hover,html[data-theme="dark"] .mnb-tool-select__option.is-keyboard-active,html[data-theme="dark"] .mnb-tool-select__option.is-selected{background:#142740}


/* Logged-in account control: isolated from legacy public .profile-chip span rules */
.mnb-tool-app-topbar-actions{height:var(--mnb-shell-topbar);align-self:stretch}
.mnb-tool-app-profile{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;min-width:0;z-index:90}
.mnb-tool-app-profile .profile-chip.mnb-profile-toggle{
  width:auto;
  max-width:238px;
  height:44px!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px!important;
  padding:4px 8px 4px 5px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#263c59!important;
  line-height:1!important;
  overflow:visible;
}
.mnb-tool-app-profile .profile-chip.mnb-profile-toggle:hover,
.mnb-tool-app-profile.is-open .profile-chip.mnb-profile-toggle{
  background:#f4f7fb!important;
  border-color:#e1e8f2!important;
}
.mnb-tool-app-profile .profile-chip.mnb-profile-toggle>.mnb-profile-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#125cff,#1688ff)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
}
.mnb-tool-app-profile .mnb-tool-profile-copy{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:158px;
  display:grid!important;
  place-items:initial!important;
  align-content:center;
  gap:2px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left;
  overflow:hidden;
}
.mnb-tool-app-profile .mnb-tool-profile-copy b,
.mnb-tool-app-profile .mnb-tool-profile-copy small{
  display:block;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mnb-tool-app-profile .mnb-tool-profile-copy b{
  color:#203754;
  font-size:10.5px;
  font-weight:700;
  line-height:1.25;
}
.mnb-tool-app-profile .mnb-tool-profile-copy small{
  color:#8190a4;
  font-size:8.5px;
  font-weight:500;
  line-height:1.2;
}
.mnb-tool-app-profile .profile-chip.mnb-profile-toggle>.mnb-profile-chevron{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#71839b!important;
}
.mnb-tool-app-profile .mnb-profile-dropdown{
  top:calc(100% - 4px)!important;
  right:0!important;
  left:auto!important;
  z-index:190!important;
  width:300px;
  min-width:280px;
  margin:0!important;
}
.mnb-tool-app-profile .mnb-profile-dropdown .mnb-profile-summary-avatar,
.mnb-tool-app-profile .mnb-profile-dropdown .mnb-profile-item-icon{
  /* Prevent generic .profile-chip span geometry from ever leaking into dropdown descendants. */
  flex:0 0 auto;
}

@media(max-width:1180px){
  .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{max-width:188px}
  .mnb-tool-app-profile .mnb-tool-profile-copy{max-width:108px}
  .mnb-tool-app-profile .mnb-tool-profile-copy small{display:none}
}
@media(max-width:980px){
  .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    grid-template-columns:34px!important;
    padding:4px!important;
    border-radius:11px!important;
  }
  .mnb-tool-app-profile .mnb-tool-profile-copy,
  .mnb-tool-app-profile .profile-chip.mnb-profile-toggle>.mnb-profile-chevron{display:none!important}
  .mnb-tool-app-profile .mnb-profile-dropdown{right:-2px!important;top:calc(100% - 2px)!important}
}
@media(max-width:640px){
  .mnb-tool-app-topbar-actions{height:58px}
  .mnb-tool-app-profile .mnb-profile-dropdown{position:fixed;right:10px!important;top:60px!important;width:min(300px,calc(100vw - 20px));min-width:0}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{color:#dce7f5!important}
  html:not([data-theme="light"]) .mnb-tool-app-profile .profile-chip.mnb-profile-toggle:hover,
  html:not([data-theme="light"]) .mnb-tool-app-profile.is-open .profile-chip.mnb-profile-toggle{background:#101e30!important;border-color:#293b52!important}
  html:not([data-theme="light"]) .mnb-tool-app-profile .mnb-tool-profile-copy b{color:#e5edf8}
  html:not([data-theme="light"]) .mnb-tool-app-profile .mnb-tool-profile-copy small{color:#91a2ba}
}
html[data-theme="dark"] .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{color:#dce7f5!important}
html[data-theme="dark"] .mnb-tool-app-profile .profile-chip.mnb-profile-toggle:hover,
html[data-theme="dark"] .mnb-tool-app-profile.is-open .profile-chip.mnb-profile-toggle{background:#101e30!important;border-color:#293b52!important}
html[data-theme="dark"] .mnb-tool-app-profile .mnb-tool-profile-copy b{color:#e5edf8}
html[data-theme="dark"] .mnb-tool-app-profile .mnb-tool-profile-copy small{color:#91a2ba}


/* --------------------------------------------------------------------------
   Workspace chrome v5 — shared premium header + sidebar for every tool page
   -------------------------------------------------------------------------- */
.mnb-tool-app{
  --mnb-shell-sidebar:248px;
  --mnb-shell-sidebar-collapsed:76px;
  --mnb-shell-topbar:68px;
  --mnb-shell-blue:#1769ff;
  --mnb-shell-line:#e8edf5;
  --mnb-shell-soft:#f6f8fc;
}

/* Light SaaS sidebar across every tool page. */
.mnb-tool-app .mnb-tool-app-sidebar,
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  color:#52657f;
  border-right:1px solid #e7edf5;
  box-shadow:8px 0 30px rgba(27,47,78,.035);
}
.mnb-tool-app .mnb-tool-sidebar-brand-row,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-brand-row{
  height:76px;
  flex-basis:76px;
  padding:12px 19px;
  border-bottom:1px solid #edf1f6;
  background:#fff;
}
.mnb-tool-app .mnb-tool-sidebar-logo-full,
.mnb-tool-app .mnb-tool-sidebar-logo-symbol,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-full,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-logo-symbol{filter:none}
.mnb-tool-app .mnb-tool-sidebar-logo-full{width:164px;max-height:42px}
.mnb-tool-app .mnb-tool-sidebar-scroll{padding:15px 10px 18px;scrollbar-color:#d8e1ed transparent}
.mnb-tool-app .mnb-tool-sidebar-section{margin-top:18px;padding-top:16px;border-top:1px solid #edf1f6}
.mnb-tool-app .mnb-tool-sidebar-section.is-tools{margin-top:11px;padding-top:5px;border-top:0}
.mnb-tool-app .mnb-tool-sidebar-section-head{padding:0 11px 9px}
.mnb-tool-app .mnb-tool-sidebar-section-title{font-size:9px;letter-spacing:.13em;color:#a0acbc}

.mnb-tool-app .mnb-tool-sidebar-nav{gap:4px}
.mnb-tool-app .mnb-tool-sidebar-nav a,
.mnb-tool-app .mnb-tool-sidebar-nav button,
.mnb-tool-app .mnb-tool-sidebar-footer a,
.mnb-tool-app .mnb-tool-sidebar-footer button,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button{
  position:relative;
  min-height:46px;
  gap:11px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:12px;
  color:#586b84;
  font-size:11.5px;
  font-weight:650;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.mnb-tool-app .mnb-tool-sidebar-nav a:hover,
.mnb-tool-app .mnb-tool-sidebar-nav button:hover,
.mnb-tool-app .mnb-tool-sidebar-footer a:hover,
.mnb-tool-app .mnb-tool-sidebar-footer button:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a:hover,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button:hover{
  background:#f6f9fd;
  border-color:#edf1f6;
  color:#26496f;
  transform:translateX(1px);
}
.mnb-tool-app .mnb-tool-sidebar-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:9px;
  background:#f0f4f8;
  color:#71839a;
}
.mnb-tool-app .mnb-tool-sidebar-icon svg{width:16px;height:16px;stroke-width:1.85}
.mnb-tool-app .mnb-tool-sidebar-count{
  min-width:25px;
  height:22px;
  display:inline-grid;
  place-items:center;
  margin-left:auto;
  padding:0 6px;
  border-radius:999px;
  background:#f2f5f9;
  color:#8b98aa;
  font-size:8.5px;
  font-weight:800;
}

/* Dedicated switch-tool row. */
.mnb-tool-app .mnb-tool-sidebar-switch{
  margin-bottom:4px;
  background:linear-gradient(180deg,#f7faff,#f3f7ff)!important;
  border-color:#e3ebfb!important;
  color:#315b96!important;
}
.mnb-tool-app .mnb-tool-sidebar-switch .mnb-tool-sidebar-icon{
  background:#eaf2ff;
  color:#1769ff;
}
.mnb-tool-app .mnb-tool-sidebar-switch:hover{background:#edf4ff!important;border-color:#d3e2ff!important;color:#175eea!important}

/* Category colour tokens. */
.mnb-tool-app .mnb-tool-sidebar-category{--side-tone:#64748b;--side-soft:#f1f5f9;--side-border:#e2e8f0}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-blue{--side-tone:#1769ff;--side-soft:#eaf2ff;--side-border:#cfe0ff}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-violet{--side-tone:#7c3aed;--side-soft:#f2ebff;--side-border:#dfd0ff}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-purple{--side-tone:#9333ea;--side-soft:#f5ebff;--side-border:#e6ccff}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-amber{--side-tone:#d97706;--side-soft:#fff4df;--side-border:#ffe2ad}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-green{--side-tone:#16a34a;--side-soft:#eaf9ef;--side-border:#ccefd8}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-cyan{--side-tone:#0891b2;--side-soft:#e8faff;--side-border:#c9eff8}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-pink{--side-tone:#db2777;--side-soft:#fff0f6;--side-border:#ffd1e3}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-rose{--side-tone:#e11d48;--side-soft:#fff0f2;--side-border:#ffd1d9}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-orange{--side-tone:#ea580c;--side-soft:#fff2e9;--side-border:#ffd9c2}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-teal{--side-tone:#0f9f8f;--side-soft:#e8fbf7;--side-border:#c8f0e8}
.mnb-tool-app .mnb-tool-sidebar-category.is-tone-indigo{--side-tone:#4f46e5;--side-soft:#efefff;--side-border:#d8d6ff}
.mnb-tool-app .mnb-tool-sidebar-category .mnb-tool-sidebar-icon{background:var(--side-soft);color:var(--side-tone)}
.mnb-tool-app .mnb-tool-sidebar-category.is-primary,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-category.is-primary{
  background:var(--side-soft);
  border-color:var(--side-border);
  color:#193c64;
  box-shadow:0 7px 18px color-mix(in srgb,var(--side-tone) 8%,transparent);
}
.mnb-tool-app .mnb-tool-sidebar-category.is-primary::before{
  content:"";
  position:absolute;
  left:-10px;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--side-tone);
}
.mnb-tool-app .mnb-tool-sidebar-category.is-primary .mnb-tool-sidebar-icon{background:#fff;color:var(--side-tone);box-shadow:0 3px 10px color-mix(in srgb,var(--side-tone) 12%,transparent)}
.mnb-tool-app .mnb-tool-sidebar-category.is-primary .mnb-tool-sidebar-count{background:#fff;color:var(--side-tone)}

/* Personal/recent/footer. */
.mnb-tool-app .mnb-tool-sidebar-recent>a{color:#66788f}
.mnb-tool-app .mnb-tool-sidebar-recent>a:hover{background:#f6f9fd;color:#1769ff}
.mnb-tool-app .mnb-tool-sidebar-mini-icon{background:#edf3ff;color:#1769ff}
.mnb-tool-app .mnb-tool-sidebar-tool-copy small{color:#9aa7b7}
.mnb-tool-app .mnb-tool-sidebar-footer,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer{
  padding:10px;
  border-top:1px solid #edf1f6;
  background:#fff;
}
.mnb-tool-app .mnb-tool-sidebar-footer .mnb-tool-sidebar-icon{background:#f4f6f9;color:#7b8ba0}

/* Collapsed sidebar remains readable and intentionally designed. */
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-brand-row{height:76px;justify-content:center}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-logo-symbol{width:42px;height:42px}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-nav a,
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-nav button,
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-footer a,
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-footer button{
  width:52px;
  min-height:48px;
  margin-inline:auto;
  padding:0;
  transform:none;
}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-icon{width:34px;height:34px;flex-basis:34px}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-category.is-primary::before{left:-12px;top:8px;bottom:8px}

/* Premium compact topbar. */
.mnb-tool-app .mnb-tool-app-topbar,
.mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{
  min-height:var(--mnb-shell-topbar);
  grid-template-columns:minmax(300px,620px) minmax(0,1fr);
  gap:18px;
  padding:0 20px;
  border-bottom:1px solid #e8edf5;
  background:rgba(255,255,255,.98);
  box-shadow:0 4px 18px rgba(31,51,81,.035);
  backdrop-filter:blur(14px);
}
.mnb-tool-app .mnb-tool-app-topbar-left{gap:10px}
.mnb-tool-app .mnb-tool-select{width:min(100%,600px)}
.mnb-tool-app .mnb-tool-select__control{
  height:46px;
  grid-template-columns:34px minmax(0,1fr) auto 18px;
  gap:10px;
  padding:0 12px 0 8px;
  border-color:#e0e7f0;
  border-radius:13px;
  background:#f8faff;
}
.mnb-tool-app .mnb-tool-select__control:hover{background:#fff;border-color:#ccd8e8;box-shadow:0 5px 16px rgba(24,50,85,.045)}
.mnb-tool-app .mnb-tool-select.is-open .mnb-tool-select__control{border-color:#9fc1ff;box-shadow:0 0 0 4px rgba(23,105,255,.08)}
.mnb-tool-app .mnb-tool-select__control-icon{
  width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#1769ff;
}
.mnb-tool-app .mnb-tool-select__control-icon svg{width:17px;height:17px}
.mnb-tool-app .mnb-tool-select__control-icon.purple{background:#f3ebff;color:#7c3aed}
.mnb-tool-app .mnb-tool-select__control-icon.green{background:#eaf9ef;color:#16a34a}
.mnb-tool-app .mnb-tool-select__control-icon.orange{background:#fff2e9;color:#ea580c}
.mnb-tool-app .mnb-tool-select__control-icon.pink{background:#fff0f6;color:#db2777}
.mnb-tool-app .mnb-tool-select__control-icon.cyan{background:#e8faff;color:#0891b2}
.mnb-tool-app .mnb-tool-select__control-copy{grid-template-columns:auto minmax(0,1fr);gap:9px}
.mnb-tool-app .mnb-tool-select__control-copy small{font-size:8.5px;color:#8c9aad}
.mnb-tool-app .mnb-tool-select__control-copy strong{font-size:12px;color:#203b5d}
.mnb-tool-app .mnb-tool-select__shortcut{border-color:#e0e7f0;background:#fff;color:#8b98aa}

.mnb-tool-app .mnb-tool-app-topbar-actions{gap:7px}
.mnb-tool-app .mnb-tool-app-toplink,
.mnb-tool-app .mnb-tool-app-login{
  height:40px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:11px;
  color:#52657d;
  font-size:10.5px;
}
.mnb-tool-app .mnb-tool-app-toplink:hover,
.mnb-tool-app .mnb-tool-app-login:hover{background:#f6f9fd;border-color:#edf1f6;color:#1769ff}
.mnb-tool-app .mnb-tool-app-theme{
  width:40px;height:40px;border:1px solid transparent;border-radius:11px;background:transparent;color:#64758c;
}
.mnb-tool-app .mnb-tool-app-theme:hover{background:#f6f9fd;border-color:#edf1f6;color:#1769ff}
.mnb-tool-app .mnb-tool-app-register{height:40px;border-radius:11px;background:#1769ff;box-shadow:0 7px 16px rgba(23,105,255,.16)}

/* Profile aligns visually with the other 40–46px controls. */
.mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{
  height:46px!important;
  min-height:46px!important;
  border:1px solid #edf1f6!important;
  border-radius:13px!important;
  background:#fff!important;
  padding:5px 9px 5px 6px!important;
}
.mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle:hover,
.mnb-tool-app .mnb-tool-app-profile.is-open .profile-chip.mnb-profile-toggle{
  background:#f8faff!important;
  border-color:#dfe7f1!important;
  box-shadow:0 5px 16px rgba(24,50,85,.045)!important;
}
.mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle>.mnb-profile-avatar{
  background:linear-gradient(135deg,#1769ff,#6d5dfc)!important;
  box-shadow:0 5px 12px rgba(23,105,255,.18);
}

/* Responsive chrome. */
@media(max-width:1280px){
  .mnb-tool-app{--mnb-shell-sidebar:232px}
  .mnb-tool-app .mnb-tool-app-topbar,.mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{grid-template-columns:minmax(260px,520px) minmax(0,1fr);padding-inline:16px}
  .mnb-tool-app .mnb-tool-app-toplink span:last-child{display:none}
  .mnb-tool-app .mnb-tool-app-toplink{width:40px;padding:0}
}
@media(max-width:980px){
  .mnb-tool-app .mnb-tool-app-sidebar,.mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar{width:min(286px,86vw);box-shadow:18px 0 52px rgba(24,44,72,.18)}
  .mnb-tool-app .mnb-tool-app-topbar,.mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:0 12px;gap:8px}
  .mnb-tool-app .mnb-tool-app-mobile-menu{display:grid;width:40px;height:40px;border:1px solid #edf1f6;border-radius:11px;background:#fff}
  .mnb-tool-app .mnb-tool-select__control{height:44px;grid-template-columns:32px minmax(0,1fr) 16px}
  .mnb-tool-app .mnb-tool-select__control-icon{width:32px;height:32px}
  .mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:4px!important;border-radius:11px!important}
  .mnb-tool-app .mnb-tool-app-theme{width:38px;height:38px}
}
@media(max-width:640px){
  .mnb-tool-app .mnb-tool-app-topbar,.mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{min-height:60px;padding:0 9px}
  .mnb-tool-app .mnb-tool-app-mobile-menu{width:38px;height:38px}
  .mnb-tool-app .mnb-tool-select__control{height:42px;border-radius:11px;padding-right:9px}
  .mnb-tool-app .mnb-tool-select__control-icon{display:none}
  .mnb-tool-app .mnb-tool-select__control{grid-template-columns:minmax(0,1fr) 16px}
  .mnb-tool-app .mnb-tool-select__control-copy small{display:none}
  .mnb-tool-app .mnb-tool-select__control-copy{display:block}
  .mnb-tool-app .mnb-tool-select__control-copy strong{font-size:10.5px}
  .mnb-tool-app .mnb-tool-app-theme{display:none}
  .mnb-tool-app .mnb-tool-app-toplink{width:36px;height:36px}
  .mnb-tool-app .mnb-tool-app-topbar-actions{gap:3px}
}

/* Dark theme keeps the same hierarchy instead of reverting to the legacy navy shell. */
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-sidebar,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-brand-row,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-footer{background:#0c1827;border-color:#223248;color:#adbed2}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-logo-full,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-logo-symbol{filter:brightness(0) invert(1)}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-section{border-top-color:#223248}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-nav a,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-nav button,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-footer a,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-footer button{color:#aebdd0}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-nav a:hover,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-nav button:hover,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-footer a:hover,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-footer button:hover{background:#122238;border-color:#1d3047;color:#fff}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-icon{background:#122238;color:#8ea5c1}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-category.is-primary{background:#122842;border-color:#244364;color:#dceaff;box-shadow:none}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-category.is-primary .mnb-tool-sidebar-icon{background:#0f1d2e;color:var(--side-tone);box-shadow:none}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-count{background:#122238;color:#8ea0b8}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-topbar,
  html:not([data-theme="light"]) .mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{background:rgba(11,23,38,.98);border-color:#223248;box-shadow:none}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-toplink,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-theme{color:#aebed1}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-toplink:hover,
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-theme:hover{background:#101e30;border-color:#293b52;color:#fff}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{background:#0e1c2d!important;border-color:#293b52!important}
}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-sidebar,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-app-sidebar,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-brand-row,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-footer{background:#0c1827;border-color:#223248;color:#adbed2}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-logo-full,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-logo-symbol{filter:brightness(0) invert(1)}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-section{border-top-color:#223248}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-nav a,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-nav button,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-footer a,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-footer button{color:#aebdd0}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-nav a:hover,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-nav button:hover,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-footer a:hover,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-footer button:hover{background:#122238;border-color:#1d3047;color:#fff}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-icon{background:#122238;color:#8ea5c1}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-category.is-primary{background:#122842;border-color:#244364;color:#dceaff;box-shadow:none}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-category.is-primary .mnb-tool-sidebar-icon{background:#0f1d2e;color:var(--side-tone);box-shadow:none}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-count{background:#122238;color:#8ea0b8}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-topbar,
html[data-theme="dark"] .mnb-tool-app.is-dashboard-reference .mnb-tool-app-topbar{background:rgba(11,23,38,.98);border-color:#223248;box-shadow:none}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-toplink,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-theme{color:#aebed1}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-toplink:hover,
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-theme:hover{background:#101e30;border-color:#293b52;color:#fff}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-app-profile .profile-chip.mnb-profile-toggle{background:#0e1c2d!important;border-color:#293b52!important}


/* Contextual current-tool sidebar */
.mnb-tool-sidebar-current{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;margin:13px 10px 2px;padding:11px;border:1px solid #e3eaf3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}
.mnb-tool-sidebar-current__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:#125cff}.mnb-tool-sidebar-current__icon svg{width:21px;height:21px}.mnb-tool-sidebar-current__icon.purple{background:#f3efff;color:#6d3df5}.mnb-tool-sidebar-current__icon.green{background:#eaf9f0;color:#16a34a}.mnb-tool-sidebar-current__icon.orange{background:#fff3e7;color:#ea6b16}.mnb-tool-sidebar-current__icon.cyan{background:#e9faff;color:#0891b2}.mnb-tool-sidebar-current__icon.rose,.mnb-tool-sidebar-current__icon.pink{background:#fff0f5;color:#db2777}
.mnb-tool-sidebar-current__copy{display:grid;gap:2px;min-width:0}.mnb-tool-sidebar-current__copy small{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7d8ea5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnb-tool-sidebar-current__copy strong{font-size:11px;line-height:1.3;color:#183352;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnb-tool-sidebar-section.is-context-main{margin-top:12px}.mnb-tool-sidebar-section.is-context-actions{margin-top:14px;padding-top:14px;border-top:1px solid #e9eef5}
.mnb-tool-sidebar-context.is-tone-blue .mnb-tool-sidebar-icon{color:#125cff}.mnb-tool-sidebar-context.is-tone-purple .mnb-tool-sidebar-icon{color:#7c3aed}.mnb-tool-sidebar-context.is-tone-cyan .mnb-tool-sidebar-icon{color:#0891b2}.mnb-tool-sidebar-context.is-tone-green .mnb-tool-sidebar-icon{color:#16a34a}.mnb-tool-sidebar-context.is-tone-orange .mnb-tool-sidebar-icon{color:#ea6b16}.mnb-tool-sidebar-context.is-tone-teal .mnb-tool-sidebar-icon{color:#0f9f8f}.mnb-tool-sidebar-context.is-tone-indigo .mnb-tool-sidebar-icon{color:#4f46e5}
.mnb-tool-sidebar-context.is-primary{background:linear-gradient(90deg,#eaf2ff,#f4f8ff)!important;color:#125cff!important;box-shadow:inset 3px 0 0 #125cff}.mnb-tool-sidebar-context.is-primary .mnb-tool-sidebar-icon{color:#125cff!important}
.mnb-tool-sidebar-nav button[hidden]{display:none!important}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-current{grid-template-columns:1fr;margin:10px 7px 2px;padding:8px;justify-items:center;border-radius:12px}.mnb-tool-app.is-collapsed .mnb-tool-sidebar-current__copy{display:none}.mnb-tool-app.is-collapsed .mnb-tool-sidebar-current__icon{width:36px;height:36px}
@media(max-width:980px){.mnb-tool-sidebar-current{margin-top:10px}.mnb-tool-sidebar-section.is-context-actions{margin-top:10px}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .mnb-tool-sidebar-current{background:#0f1d2d;border-color:#27394f}html:not([data-theme="light"]) .mnb-tool-sidebar-current__copy strong{color:#dce7f4}html:not([data-theme="light"]) .mnb-tool-sidebar-current__copy small{color:#8094ad}html:not([data-theme="light"]) .mnb-tool-sidebar-section.is-context-actions{border-top-color:#223248}html:not([data-theme="light"]) .mnb-tool-sidebar-context.is-primary{background:#102b50!important;color:#8db8ff!important;box-shadow:inset 3px 0 0 #4b8cff}}
html[data-theme="dark"] .mnb-tool-sidebar-current{background:#0f1d2d;border-color:#27394f}html[data-theme="dark"] .mnb-tool-sidebar-current__copy strong{color:#dce7f4}html[data-theme="dark"] .mnb-tool-sidebar-current__copy small{color:#8094ad}html[data-theme="dark"] .mnb-tool-sidebar-section.is-context-actions{border-top-color:#223248}html[data-theme="dark"] .mnb-tool-sidebar-context.is-primary{background:#102b50!important;color:#8db8ff!important;box-shadow:inset 3px 0 0 #4b8cff}


/* Context sidebar v2: one navigation model + lighter typography */
.mnb-tool-app .mnb-tool-sidebar-current{
  grid-template-columns:42px minmax(0,1fr) 16px;
  color:inherit;
  text-decoration:none;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.mnb-tool-app .mnb-tool-sidebar-current:hover{
  background:#f7faff;
  border-color:#d7e3f1;
  box-shadow:0 8px 20px rgba(27,47,78,.055);
  transform:translateY(-1px);
}
.mnb-tool-sidebar-current__arrow{display:grid;place-items:center;color:#a5b1c1}
.mnb-tool-sidebar-current__arrow svg{width:14px;height:14px}
.mnb-tool-app .mnb-tool-sidebar-current:hover .mnb-tool-sidebar-current__arrow{color:#1769ff}

.mnb-tool-app .mnb-tool-sidebar-current__copy small{font-weight:600;letter-spacing:.065em}
.mnb-tool-app .mnb-tool-sidebar-current__copy strong{font-weight:600}
.mnb-tool-app .mnb-tool-sidebar-section-title{font-weight:600;letter-spacing:.105em}
.mnb-tool-app .mnb-tool-sidebar-nav a,
.mnb-tool-app .mnb-tool-sidebar-nav button,
.mnb-tool-app .mnb-tool-sidebar-footer a,
.mnb-tool-app .mnb-tool-sidebar-footer button,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-nav button,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer a,
.mnb-tool-app.is-dashboard-reference .mnb-tool-sidebar-footer button{font-weight:500}
.mnb-tool-app .mnb-tool-sidebar-count{font-weight:600}
.mnb-tool-app .mnb-tool-sidebar-tool-copy b{font-weight:550}
.mnb-tool-app .mnb-tool-sidebar-mini-icon{font-weight:600}

/* The topbar remains clear without looking overly bold. */
.mnb-tool-app .mnb-tool-select__control-copy small{font-weight:500;letter-spacing:.025em}
.mnb-tool-app .mnb-tool-select__control-copy strong{font-weight:600}
.mnb-tool-app .mnb-tool-select__shortcut{font-weight:500}
.mnb-tool-app .mnb-tool-select__group-label{font-weight:600}
.mnb-tool-app .mnb-tool-select__option-copy strong{font-weight:550}
.mnb-tool-app .mnb-tool-select__option-copy small{font-weight:400}
.mnb-tool-app .mnb-tool-app-toplink,
.mnb-tool-app .mnb-tool-app-login,
.mnb-tool-app .mnb-tool-app-register{font-weight:550}
.mnb-tool-app .mnb-tool-profile-copy b{font-weight:600}
.mnb-tool-app .mnb-tool-profile-copy small{font-weight:400}

/* Context sections: actions first, then personal tool data, then support. */
.mnb-tool-app .mnb-tool-sidebar-section.is-context-actions{margin-top:13px;padding-top:2px;border-top:0}
.mnb-tool-app .mnb-tool-sidebar-section.is-context-main{margin-top:15px;padding-top:15px;border-top:1px solid #edf1f6}
.mnb-tool-app .mnb-tool-sidebar-section.is-personal{margin-top:15px;padding-top:15px}

.mnb-tool-app.is-collapsed .mnb-tool-sidebar-current{grid-template-columns:1fr;margin:10px 7px 2px;padding:8px;justify-items:center}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-current__arrow{display:none}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-current:hover{background:#132238;border-color:#30445d;box-shadow:none}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-current__arrow{color:#7890ad}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-section.is-context-main{border-top-color:#223248}
}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-current:hover{background:#132238;border-color:#30445d;box-shadow:none}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-current__arrow{color:#7890ad}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-section.is-context-main{border-top-color:#223248}


/* Context sidebar v3: dashboard replaces duplicated current-tool identity card */
.mnb-tool-app .mnb-tool-sidebar-section.is-dashboard{
  margin:8px 0 2px;
  padding:0;
  border-top:0;
}
.mnb-tool-app .mnb-tool-sidebar-dashboard-link{
  min-height:42px;
  border:1px solid transparent;
  border-radius:10px;
  color:#425a78;
  font-weight:500;
}
.mnb-tool-app .mnb-tool-sidebar-dashboard-link .mnb-tool-sidebar-icon{
  background:#edf4ff;
  color:#1769ff;
}
.mnb-tool-app .mnb-tool-sidebar-dashboard-link:hover{
  background:#f5f8fd;
  border-color:#e3eaf3;
  color:#1769ff;
}
.mnb-tool-app .mnb-tool-sidebar-dashboard-link:hover .mnb-tool-sidebar-icon{
  background:#e6efff;
  color:#125cff;
}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-section.is-dashboard{margin-top:8px}
.mnb-tool-app.is-collapsed .mnb-tool-sidebar-dashboard-link{justify-content:center;padding:0}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-dashboard-link{color:#aebdd0}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-dashboard-link .mnb-tool-sidebar-icon{background:#122238;color:#8db8ff}
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-sidebar-dashboard-link:hover{background:#122238;border-color:#223248;color:#dceaff}
}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-dashboard-link{color:#aebdd0}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-dashboard-link .mnb-tool-sidebar-icon{background:#122238;color:#8db8ff}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-sidebar-dashboard-link:hover{background:#122238;border-color:#223248;color:#dceaff}


/* Compact tool utility bar: the top selector already carries tool identity. */
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero{padding:0;background:#fff;border-bottom:1px solid #e4ebf4;color:#51647e}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-qth-page-shell{padding-top:0;padding-bottom:0}
.mnb-tool-compactbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0}
.mnb-tool-compact-stats{display:flex;align-items:center;gap:0;min-width:0;color:#7b8ca3;font-size:10.5px;line-height:1.2;white-space:nowrap}
.mnb-tool-compact-stats span{display:inline-flex;align-items:center;gap:4px;padding:0 12px;border-right:1px solid #e5ebf3}
.mnb-tool-compact-stats span:first-child{padding-left:0}.mnb-tool-compact-stats span:last-child{border-right:0}
.mnb-tool-compact-stats strong{font-weight:650;color:#304766;font-variant-numeric:tabular-nums}
.mnb-tool-compact-actions{justify-content:flex-end;flex-wrap:nowrap;gap:7px}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-hero-action{min-height:34px;padding:0 10px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#3b506d;font-size:9.5px;font-weight:600;box-shadow:none;backdrop-filter:none;transform:none}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-hero-action:hover{background:#f7faff;border-color:#c8d5e6;color:#125cff;transform:none}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-like-btn.is-active{background:#fff5f6;border-color:#ffd8de;color:#d92d45}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-favorite-btn{background:#125cff;border-color:#125cff;color:#fff;box-shadow:0 5px 12px rgba(18,92,255,.13)}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-favorite-btn:hover,.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-favorite-btn.is-active{background:#0f53e8;border-color:#0f53e8;color:#fff}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-like-count{min-width:18px;height:18px;padding:0 5px;background:#f1f5f9;color:#6b7c92;font-size:8px}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-like-btn.is-active .mnb-tool-like-count{background:#ffe8ec;color:#c8233d}
.mnb-tool-app .mnb-tool-page .mnb-tool-workspace-section{padding-top:12px}
@media(max-width:820px){.mnb-tool-compactbar{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 0 10px}.mnb-tool-compact-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.mnb-tool-compact-actions::-webkit-scrollbar{display:none}}
@media(max-width:520px){.mnb-tool-compact-stats{font-size:9px}.mnb-tool-compact-stats span{padding:0 8px}.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-hero-action{min-height:32px;padding:0 8px;font-size:8.5px}.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .is-documentation{display:none}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero{background:#0b1726;border-color:#223248;color:#91a3ba}html:not([data-theme="light"]) .mnb-tool-compact-stats span{border-color:#223248}html:not([data-theme="light"]) .mnb-tool-compact-stats strong{color:#c8d6e8}html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-hero-action:not(.mnb-tool-favorite-btn){background:#0e1c2d;border-color:#2a3b51;color:#afbdd0}}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero{background:#0b1726;border-color:#223248;color:#91a3ba}html[data-theme="dark"] .mnb-tool-compact-stats span{border-color:#223248}html[data-theme="dark"] .mnb-tool-compact-stats strong{color:#c8d6e8}html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-hero-action:not(.mnb-tool-favorite-btn){background:#0e1c2d;border-color:#2a3b51;color:#afbdd0}

/* Tool Settings drawer — keeps input/output canvas focused */
.mnb-tool-settings-layer[hidden]{display:none!important}
.mnb-tool-settings-layer{position:fixed;inset:0;z-index:145;pointer-events:none}
.mnb-tool-settings-backdrop{position:absolute;inset:0;border:0;background:rgba(12,24,44,.28);backdrop-filter:blur(2px);pointer-events:auto}
.mnb-tool-settings-drawer{position:absolute;top:0;right:0;width:min(430px,100%);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-left:1px solid #dce5ef;box-shadow:-24px 0 70px rgba(8,24,52,.16);pointer-events:auto;animation:mnbToolSettingsIn .2s ease both}
@keyframes mnbToolSettingsIn{from{transform:translateX(18px);opacity:.5}to{transform:none;opacity:1}}
.mnb-tool-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 18px;border-bottom:1px solid #e7edf5;background:#fff}
.mnb-tool-settings-head>div{min-width:0;display:grid;gap:4px}.mnb-tool-settings-kicker{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#125cff}.mnb-tool-settings-head h2{margin:0;color:#10284b;font-size:19px;line-height:1.2;letter-spacing:-.025em}.mnb-tool-settings-head p{margin:0;color:#75859b;font-size:10.5px;line-height:1.5}
.mnb-tool-settings-close{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#6e8098;font-size:22px;line-height:1;cursor:pointer}.mnb-tool-settings-close:hover{background:#f5f8fc;color:#125cff}
.mnb-tool-settings-body{min-height:0;overflow:auto;padding:18px 20px 28px;background:#f8fafc}
.mnb-tool-settings-section{display:grid;gap:10px;padding:16px;border:1px solid #e1e8f2;border-radius:14px;background:#fff}.mnb-tool-settings-section+.mnb-tool-settings-section{margin-top:14px}
.mnb-tool-settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf2f7}.mnb-tool-settings-section-head>div{display:grid;gap:2px}.mnb-tool-settings-section-head strong{font-size:12px;font-weight:650;color:#263e5e}.mnb-tool-settings-section-head small{font-size:9.5px;line-height:1.45;color:#8897aa}
.mnb-tool-setting-toggle{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;cursor:pointer}.mnb-tool-setting-toggle>input{position:absolute;opacity:0;pointer-events:none}.mnb-tool-setting-switch{position:relative;width:34px;height:20px;border-radius:999px;background:#d9e2ed;transition:.16s ease}.mnb-tool-setting-switch::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(12,30,58,.2);transition:.16s ease}.mnb-tool-setting-toggle>input:checked+.mnb-tool-setting-switch{background:#125cff}.mnb-tool-setting-toggle>input:checked+.mnb-tool-setting-switch::after{transform:translateX(14px)}
.mnb-tool-setting-toggle>span:last-child{display:grid;gap:2px}.mnb-tool-setting-toggle b{font-size:10.5px;font-weight:600;color:#344b69}.mnb-tool-setting-toggle small{font-size:9px;line-height:1.45;color:#8493a6}
.mnb-tool-setting-grid{display:grid;grid-template-columns:1fr;gap:10px}.mnb-tool-setting-grid.is-two{grid-template-columns:1fr 1fr}.mnb-tool-setting-field{display:grid;gap:5px}.mnb-tool-setting-field>span{font-size:9px;font-weight:650;color:#60738d}.mnb-tool-setting-field input,.mnb-tool-setting-field select{width:100%;height:38px;border:1px solid #cfdae8;border-radius:9px;background:#fff;color:#213957;padding:0 10px;outline:0;font:inherit;font-size:10.5px}.mnb-tool-setting-field input:focus,.mnb-tool-setting-field select:focus{border-color:#125cff;box-shadow:0 0 0 3px rgba(18,92,255,.08)}
.mnb-tool-setting-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #cfdae8;border-radius:9px;background:#fff;overflow:hidden}.mnb-tool-setting-unit input{border:0!important;border-radius:0!important;box-shadow:none!important}.mnb-tool-setting-unit em{padding:0 10px;color:#8796aa;font-size:9px;font-style:normal;border-left:1px solid #e3eaf3}
.mnb-tool-settings-note{margin:0;color:#687b94;font-size:10px;line-height:1.6}.mnb-tool-settings-source-btn{min-height:38px;border:1px solid #cbd8e8;border-radius:9px;background:#fff;color:#125cff;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.mnb-tool-settings-source-btn:hover{background:#f3f7ff;border-color:#b8ccef}
.mnb-tool-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid #e1e8f2;background:#fff}.mnb-tool-settings-reset,.mnb-tool-settings-done{min-height:38px;padding:0 14px;border-radius:9px;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.mnb-tool-settings-reset{border:1px solid #d8e2ed;background:#fff;color:#677990}.mnb-tool-settings-reset:hover{background:#f7f9fc}.mnb-tool-settings-done{border:1px solid #125cff;background:#125cff;color:#fff}.mnb-tool-settings-done:hover{background:#0d52e7}
body.mnb-tool-settings-open{overflow:hidden}

/* Drawer-driven layout preferences */
.mnb-tool-app.is-force-wide .mnb-tool-app-main .mnb-qth-page-shell{max-width:none!important}
.mnb-tool-app.is-compact-density .mnb-tool-page .mnb-tool-workspace-section{padding-top:8px;padding-bottom:12px}
.mnb-tool-app.is-compact-density .mnb-tool-compactbar{min-height:42px;padding:4px 0}
.mnb-tool-app.is-hide-actionbar .mnb-tool-compact-hero{display:none!important}

/* Secondary options moved out of the main working canvas. */
.mnb-tool-app[data-current-tool-slug="prefix-suffix-lines"] .mnb-prefix-option-row,.mnb-tool-app[data-current-tool-slug="add-prefix-suffix-to-lines"] .mnb-prefix-option-row{display:none!important}
.mnb-tool-app[data-current-tool-slug="api-request-tester"] [data-api-tab="settings"]{display:none!important}
.mnb-tool-app[data-current-tool-slug="api-request-tester"] [data-api-panel="settings"]{display:none!important}
.mnb-tool-app[data-current-tool-slug="website-spam-score-checker"] .mnb-spam-option.is-drawer-setting{display:none!important}
.mnb-tool-app[data-current-tool-slug="website-spam-score-checker"] .mnb-spam-extension-crawl__controls{display:none!important}

@media(max-width:640px){.mnb-tool-settings-drawer{width:100%;border-left:0}.mnb-tool-settings-head{padding:18px 16px 15px}.mnb-tool-settings-body{padding:14px 14px 24px}.mnb-tool-settings-footer{padding:12px 14px}.mnb-tool-setting-grid.is-two{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .mnb-tool-settings-drawer,html:not([data-theme="light"]) .mnb-tool-settings-head,html:not([data-theme="light"]) .mnb-tool-settings-footer,html:not([data-theme="light"]) .mnb-tool-settings-section{background:#0d1a2a;border-color:#26374d}html:not([data-theme="light"]) .mnb-tool-settings-body{background:#091420}html:not([data-theme="light"]) .mnb-tool-settings-head h2,html:not([data-theme="light"]) .mnb-tool-settings-section-head strong,html:not([data-theme="light"]) .mnb-tool-setting-toggle b{color:#dce7f5}html:not([data-theme="light"]) .mnb-tool-settings-head p,html:not([data-theme="light"]) .mnb-tool-settings-section-head small,html:not([data-theme="light"]) .mnb-tool-setting-toggle small,html:not([data-theme="light"]) .mnb-tool-settings-note{color:#8fa1b8}html:not([data-theme="light"]) .mnb-tool-setting-field input,html:not([data-theme="light"]) .mnb-tool-setting-field select,html:not([data-theme="light"]) .mnb-tool-setting-unit,html:not([data-theme="light"]) .mnb-tool-settings-close,html:not([data-theme="light"]) .mnb-tool-settings-reset,html:not([data-theme="light"]) .mnb-tool-settings-source-btn{background:#101f31;border-color:#2b3d54;color:#d6e2f0}}
html[data-theme="dark"] .mnb-tool-settings-drawer,html[data-theme="dark"] .mnb-tool-settings-head,html[data-theme="dark"] .mnb-tool-settings-footer,html[data-theme="dark"] .mnb-tool-settings-section{background:#0d1a2a;border-color:#26374d}html[data-theme="dark"] .mnb-tool-settings-body{background:#091420}html[data-theme="dark"] .mnb-tool-settings-head h2,html[data-theme="dark"] .mnb-tool-settings-section-head strong,html[data-theme="dark"] .mnb-tool-setting-toggle b{color:#dce7f5}html[data-theme="dark"] .mnb-tool-settings-head p,html[data-theme="dark"] .mnb-tool-settings-section-head small,html[data-theme="dark"] .mnb-tool-setting-toggle small,html[data-theme="dark"] .mnb-tool-settings-note{color:#8fa1b8}html[data-theme="dark"] .mnb-tool-setting-field input,html[data-theme="dark"] .mnb-tool-setting-field select,html[data-theme="dark"] .mnb-tool-setting-unit,html[data-theme="dark"] .mnb-tool-settings-close,html[data-theme="dark"] .mnb-tool-settings-reset,html[data-theme="dark"] .mnb-tool-settings-source-btn{background:#101f31;border-color:#2b3d54;color:#d6e2f0}
.mnb-tool-settings-manage-link{color:#125cff;text-decoration:none;font-size:9.5px;font-weight:600}.mnb-tool-settings-manage-link:hover{text-decoration:underline}.mnb-tool-saved-website-section .mnb-tool-settings-source-btn:disabled{opacity:.48;cursor:not-allowed;background:#f5f7fa;color:#8b99aa;border-color:#dde4ec}


/* Global tool action bar: Settings lives here for every tool, not in the sidebar. */
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn{
  color:#5b4bb7;
  border-color:#ded8fb;
  background:#faf9ff;
}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn:hover,
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn[aria-expanded="true"]{
  color:#5b35d5;
  border-color:#cfc2ff;
  background:#f4f0ff;
}
.mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn .mnb-tool-hero-action-icon{
  color:#6d4de6;
}
@media(max-width:640px){
  .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn span:last-child{display:none}
  .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn{width:32px;padding:0;flex:0 0 32px}
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn{background:#17152b;border-color:#3b3569;color:#c7b9ff}
}
html[data-theme="dark"] .mnb-tool-app .mnb-tool-page .mnb-tool-compact-hero .mnb-tool-settings-toolbar-btn{background:#17152b;border-color:#3b3569;color:#c7b9ff}


/* Prefix/Suffix: settings drawer owns all formatting controls */
.mnb-tool-setting-presets{display:grid;gap:7px}.mnb-tool-setting-presets>span{font-size:9px;font-weight:650;color:#60738d}.mnb-tool-setting-presets>div{display:flex;flex-wrap:wrap;gap:7px}.mnb-tool-setting-presets button{min-height:32px;padding:0 10px;border:1px solid #d4deeb;border-radius:8px;background:#fff;color:#465c78;font:inherit;font-size:9.5px;font-weight:550;cursor:pointer;transition:.15s ease}.mnb-tool-setting-presets button:hover{border-color:#b9cbe1;background:#f6f9ff;color:#125cff}.mnb-tool-setting-presets button.is-active{border-color:#b9ceff;background:#eef4ff;color:#125cff;box-shadow:inset 0 0 0 1px rgba(18,92,255,.06)}
.mnb-tool-app[data-current-tool-slug="prefix-suffix-lines"] .mnb-prefix-output-panel .mnb-prefix-summary{margin-top:4px}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .mnb-tool-setting-presets button{background:#101f31;border-color:#2b3d54;color:#c5d3e4}html:not([data-theme="light"]) .mnb-tool-setting-presets button.is-active{background:#12284a;border-color:#315c9d;color:#9fc0ff}}
html[data-theme="dark"] .mnb-tool-setting-presets button{background:#101f31;border-color:#2b3d54;color:#c5d3e4}html[data-theme="dark"] .mnb-tool-setting-presets button.is-active{background:#12284a;border-color:#315c9d;color:#9fc0ff}

/* Tool Settings offscreen — aligned with the Saved Sets workspace-library design */
.mnb-tool-preferences-drawer{width:min(520px,100%)}
.mnb-tool-preferences-head{padding:20px 22px 18px}
.mnb-tool-preferences-titlewrap{position:relative;padding-left:46px!important;display:grid!important;gap:3px!important;min-width:0}
.mnb-tool-preferences-head-icon{position:absolute;left:0;top:1px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2efff;color:#6d4de6}
.mnb-tool-preferences-head-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mnb-tool-preferences-titleline{display:flex;align-items:center;gap:8px;min-width:0}
.mnb-tool-preferences-titleline h2{min-width:0}
.mnb-tool-preferences-live{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 7px;border:1px solid #dce5ef;border-radius:999px;background:#f8fafc;color:#718198;font-size:9px;font-weight:700;white-space:nowrap}
.mnb-tool-preferences-live>span{color:#30a46c;font-size:7px}
.mnb-tool-preferences-head p strong{color:#536a87;font-weight:650}

.mnb-tool-preferences-body{padding:0;background:#fff}
.mnb-tool-preferences-body .mnb-tool-settings-section{display:grid;gap:13px;margin:0;padding:20px 22px;border:0;border-radius:0;background:#fff}
.mnb-tool-preferences-body .mnb-tool-settings-section+.mnb-tool-settings-section{margin-top:0;border-top:1px solid #e7edf5}
.mnb-tool-preferences-body .mnb-tool-settings-section:first-child{background:#fbfcfe}
.mnb-tool-preferences-body .mnb-tool-settings-section-head{align-items:center;padding:0;border:0;gap:14px}
.mnb-tool-preferences-body .mnb-tool-settings-section-head>div{gap:2px}
.mnb-tool-preferences-body .mnb-tool-settings-section-head strong{color:#233b5b;font-size:11.5px;font-weight:700;line-height:1.35}
.mnb-tool-preferences-body .mnb-tool-settings-section-head small{color:#8392a6;font-size:9.5px;line-height:1.45}
.mnb-tool-preferences-body .mnb-tool-settings-manage-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border:1px solid #d8e4f4;border-radius:8px;background:#fff;color:#125cff;font-size:9px;font-weight:700;text-decoration:none}
.mnb-tool-preferences-body .mnb-tool-settings-manage-link:hover{border-color:#b9ccef;background:#f3f7ff;text-decoration:none}

.mnb-tool-preferences-body .mnb-tool-setting-toggle{grid-template-columns:minmax(0,1fr) 36px;gap:14px;align-items:center;min-height:56px;padding:8px 0;cursor:pointer}
.mnb-tool-preferences-body .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{border-top:1px solid #edf1f6}
.mnb-tool-preferences-body .mnb-tool-setting-toggle>.mnb-tool-setting-switch{grid-column:2;grid-row:1;justify-self:end}
.mnb-tool-preferences-body .mnb-tool-setting-toggle>span:last-child{grid-column:1;grid-row:1;gap:3px;min-width:0}
.mnb-tool-preferences-body .mnb-tool-setting-toggle b{color:#293f5d;font-size:10.5px;font-weight:700}
.mnb-tool-preferences-body .mnb-tool-setting-toggle small{color:#8795a8;font-size:9px;line-height:1.45}
.mnb-tool-preferences-body .mnb-tool-setting-switch{width:36px;height:21px;background:#d9e2ed}
.mnb-tool-preferences-body .mnb-tool-setting-switch::after{width:15px;height:15px}
.mnb-tool-preferences-body .mnb-tool-setting-toggle>input:checked+.mnb-tool-setting-switch::after{transform:translateX(15px)}

.mnb-tool-preferences-body .mnb-tool-setting-grid{gap:10px}
.mnb-tool-preferences-body .mnb-tool-setting-field{gap:6px}
.mnb-tool-preferences-body .mnb-tool-setting-field>span,.mnb-tool-preferences-body .mnb-tool-setting-presets>span{color:#60738d;font-size:9px;font-weight:700}
.mnb-tool-preferences-body .mnb-tool-setting-field input,.mnb-tool-preferences-body .mnb-tool-setting-field select{height:42px;border-color:#d4deea;border-radius:9px;color:#233b5b;font-size:10.5px}
.mnb-tool-preferences-body .mnb-tool-setting-unit{min-height:42px;border-color:#d4deea}
.mnb-tool-preferences-body .mnb-tool-setting-presets{gap:8px}
.mnb-tool-preferences-body .mnb-tool-setting-presets>div{gap:6px}
.mnb-tool-preferences-body .mnb-tool-setting-presets button{min-height:31px;border-radius:8px;background:#fff;font-size:9px}
.mnb-tool-preferences-body .mnb-tool-settings-note{color:#7b8aa0;font-size:9.5px;line-height:1.5}
.mnb-tool-preferences-body .mnb-tool-settings-source-btn{justify-self:start;min-height:38px;padding:0 13px;border-radius:9px;font-size:9.5px;font-weight:700}
.mnb-tool-preferences-body .mnb-tool-saved-website-section .mnb-tool-settings-source-btn:disabled{background:#f5f7fa}

.mnb-tool-preferences-footer{padding:12px 20px;gap:14px}
.mnb-tool-preferences-footer-note{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#7b8aa0;font-size:9px;line-height:1.4}
.mnb-tool-preferences-footer-note>span{color:#30a46c;font-size:8px}
.mnb-tool-preferences-footer-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mnb-tool-preferences-footer .mnb-tool-settings-reset,.mnb-tool-preferences-footer .mnb-tool-settings-done{min-height:36px;padding:0 13px}

@media(max-width:640px){
  .mnb-tool-preferences-head{padding:17px 16px 15px}
  .mnb-tool-preferences-titlewrap{padding-left:42px!important}
  .mnb-tool-preferences-body .mnb-tool-settings-section{padding:17px 16px}
  .mnb-tool-preferences-body .mnb-tool-setting-grid.is-two{grid-template-columns:1fr}
  .mnb-tool-preferences-footer{align-items:flex-start;flex-direction:column;padding:12px 16px}
  .mnb-tool-preferences-footer-actions{width:100%;justify-content:flex-end}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-preferences-body{background:#0d1a2a}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-section{background:#0d1a2a;border-color:#25364b}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-section:first-child{background:#0b1725}
  html:not([data-theme="light"]) .mnb-tool-preferences-head-icon{background:#211b3d;color:#c7b9ff}
  html:not([data-theme="light"]) .mnb-tool-preferences-live{background:#101f31;border-color:#2b3d54;color:#8fa1b8}
  html:not([data-theme="light"]) .mnb-tool-preferences-head p strong{color:#b8c7da}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-section-head strong,html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-setting-toggle b{color:#dce7f5}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-section-head small,html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-setting-toggle small,html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-note,html:not([data-theme="light"]) .mnb-tool-preferences-footer-note{color:#8fa1b8}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{border-color:#25364b}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-settings-manage-link{background:#101f31;border-color:#2b3d54;color:#9fc0ff}
}
html[data-theme="dark"] .mnb-tool-preferences-body{background:#0d1a2a}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-section{background:#0d1a2a;border-color:#25364b}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-section:first-child{background:#0b1725}
html[data-theme="dark"] .mnb-tool-preferences-head-icon{background:#211b3d;color:#c7b9ff}
html[data-theme="dark"] .mnb-tool-preferences-live{background:#101f31;border-color:#2b3d54;color:#8fa1b8}
html[data-theme="dark"] .mnb-tool-preferences-head p strong{color:#b8c7da}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-section-head strong,html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-setting-toggle b{color:#dce7f5}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-section-head small,html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-setting-toggle small,html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-note,html[data-theme="dark"] .mnb-tool-preferences-footer-note{color:#8fa1b8}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{border-color:#25364b}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-settings-manage-link{background:#101f31;border-color:#2b3d54;color:#9fc0ff}

/* Tool Settings: workspace display switches share one compact row */
.mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid #edf1f6;
  border-bottom:0;
}
.mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle{
  min-width:0;
  min-height:78px;
  padding:12px 14px 12px 0;
  border:0;
}
.mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{
  padding-left:16px;
  padding-right:0;
  border-top:0;
  border-left:1px solid #edf1f6;
}
.mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle>span:last-child{
  align-self:center;
}
/* Keep the Workspace row visually connected to the tool-specific controls. */
.mnb-tool-preferences-body .mnb-tool-workspace-settings-section{
  padding-bottom:0;
}
.mnb-tool-preferences-body .mnb-tool-workspace-settings-section + .mnb-tool-settings-section{
  padding-top:12px;
  border-top:0;
}
@media(max-width:480px){
  .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid{grid-template-columns:1fr}
  .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle{min-height:64px;padding:10px 0}
  .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{padding:10px 0;border-left:0;border-top:1px solid #edf1f6}
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid{border-color:#25364b}
  html:not([data-theme="light"]) .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{border-color:#25364b}
}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid{border-color:#25364b}
html[data-theme="dark"] .mnb-tool-preferences-body .mnb-tool-workspace-toggle-grid .mnb-tool-setting-toggle+.mnb-tool-setting-toggle{border-color:#25364b}


/* Tool Settings: keep line-processing controls compact and continuous. */
.mnb-tool-preferences-body .mnb-tool-line-processing-section{
  gap:0;
}
.mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-settings-section-head{
  margin-bottom:3px;
}
.mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-setting-toggle{
  min-height:50px;
  padding:5px 0;
}
.mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-setting-toggle>span:last-child{
  gap:2px;
}
.mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-setting-grid{
  margin-top:8px;
}
@media(max-width:640px){
  .mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-setting-toggle{
    min-height:48px;
    padding:4px 0;
  }
  .mnb-tool-preferences-body .mnb-tool-line-processing-section .mnb-tool-setting-grid{
    margin-top:7px;
  }
}