[data-ec-standalone-toolbar]{position:absolute;left:0;top:0;z-index:30;display:flex;align-items:stretch;gap:4px;padding:5px;border:1px solid #cfe0f3;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(15,31,75,.16);backdrop-filter:blur(10px);color:#102a56;user-select:none;touch-action:none;max-width:calc(100% - 16px)}
[data-ec-standalone-toolbar] .ec-fth-head,[data-ec-standalone-toolbar] .ec-fth-primary,[data-ec-standalone-toolbar] .ec-fth-categories,[data-ec-standalone-toolbar] .ec-fth-favorites,[data-ec-standalone-toolbar] .ec-fth-chrome{display:flex;align-items:center;gap:3px}
[data-ec-standalone-toolbar] .ec-fth-head{padding-right:4px;border-right:1px solid #e2ebf6}
[data-ec-standalone-toolbar] .ec-fth-grip{width:28px;height:36px;border:0;border-radius:9px;background:#eef5ff;color:#28558f;font-size:18px;cursor:grab;touch-action:none}
[data-ec-standalone-toolbar][data-dragging="true"] .ec-fth-grip{cursor:grabbing;background:#dfeeff}
[data-ec-standalone-toolbar][data-pinned="true"] .ec-fth-grip{cursor:not-allowed;opacity:.55}
[data-ec-standalone-toolbar] .ec-fth-brand{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#0d5bef,#38bdf8);color:white;font-weight:900;letter-spacing:-.04em;box-shadow:0 5px 14px rgba(13,91,239,.2)}
[data-ec-standalone-toolbar] .ec-fth-btn{display:inline-grid;place-items:center;min-width:36px;width:36px;height:36px;padding:0;border-color:transparent;border-radius:9px;color:#173b73;background:#fff;font-weight:700}
[data-ec-standalone-toolbar] .ec-fth-btn:hover,[data-ec-standalone-toolbar] .ec-fth-btn[aria-pressed="true"]{background:#eef5ff;border-color:#bfd6f4;color:#0d5bef}
[data-ec-standalone-toolbar] .ec-fth-btn:focus-visible,[data-ec-standalone-toolbar] .ec-fth-math-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(56,189,248,.28)}
[data-ec-standalone-toolbar] .ec-fth-glyph{font-family:system-ui,"Cambria Math",serif;line-height:1;font-size:15px}
[data-ec-standalone-toolbar] .ec-fth-danger{color:#b42318}
[data-ec-standalone-toolbar] .ec-fth-primary,[data-ec-standalone-toolbar] .ec-fth-categories,[data-ec-standalone-toolbar] .ec-fth-favorites{padding-right:4px;border-right:1px solid #e2ebf6}
[data-ec-standalone-toolbar] .ec-fth-favorites{max-width:min(42vw,620px);overflow:auto;scrollbar-width:thin}
[data-ec-standalone-toolbar] .ec-fth-math-btn{display:inline-grid;place-items:center;width:48px;min-width:48px;height:38px;padding:0;border:1px solid transparent;border-radius:9px;background:#fff;color:#102a56}
[data-ec-standalone-toolbar] .ec-fth-math-btn:hover{background:#f4f8ff;border-color:#bfd6f4;box-shadow:0 0 0 2px rgba(56,189,248,.10)}
[data-ec-standalone-toolbar] .ec-fth-math-btn .ec-math-preview-svg{width:43px;height:29px}
[data-ec-standalone-toolbar] .ec-fth-popout{position:absolute;z-index:2;width:min(560px,calc(100vw - 32px));max-height:min(440px,70vh);overflow:hidden;border:1px solid #cfe0f3;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(15,31,75,.2)}
[data-ec-standalone-toolbar] .ec-fth-popout-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid #e2ebf6;background:#f8fbff;color:#173b73}
[data-ec-standalone-toolbar] .ec-fth-popout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;padding:7px;max-height:390px;overflow:auto}
[data-ec-standalone-toolbar] .ec-fth-popout-grid .ec-fth-math-btn{width:100%;height:52px}
[data-ec-standalone-toolbar][data-orientation="vertical"]{flex-direction:column;width:54px;max-height:calc(100% - 16px);padding:5px 4px}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-head,[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-primary,[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-categories,[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-favorites,[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-chrome{flex-direction:column;width:100%;padding:0 0 4px;border-right:0;border-bottom:1px solid #e2ebf6;overflow:visible}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-head{gap:3px}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-brand{width:36px;height:32px}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-primary{display:none}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-favorites{display:none}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-categories{overflow-y:auto;scrollbar-width:none}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-chrome{border-bottom:0;padding-top:2px}
[data-ec-standalone-toolbar][data-collapsed="true"] .ec-fth-primary,[data-ec-standalone-toolbar][data-collapsed="true"] .ec-fth-categories,[data-ec-standalone-toolbar][data-collapsed="true"] .ec-fth-favorites{display:none}
[data-ec-standalone-toolbar][data-collapsed="true"]{width:auto}
[data-ec-standalone-toolbar][data-orientation="vertical"][data-collapsed="true"]{width:54px}
@media(max-width:767.98px){[data-ec-standalone-toolbar]{max-width:calc(100% - 12px)}[data-ec-standalone-toolbar] .ec-fth-primary{display:none}[data-ec-standalone-toolbar] .ec-fth-favorites{max-width:34vw}[data-ec-standalone-toolbar] .ec-fth-btn{width:44px;height:44px}[data-ec-standalone-toolbar] .ec-fth-math-btn{height:44px;min-width:50px}}
@media(prefers-reduced-motion:reduce){[data-ec-standalone-toolbar],[data-ec-standalone-toolbar] *{scroll-behavior:auto;transition:none!important}}

/* B6 — premium micro-interaction + smart tooltip */
[data-ec-standalone-toolbar] .ec-fth-btn,
[data-ec-standalone-toolbar] .ec-fth-math-btn,
[data-ec-standalone-toolbar] .ec-fth-grip{
  position:relative;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,opacity .15s ease;
  will-change:transform;
}
[data-ec-standalone-toolbar] .ec-fth-btn:not(:disabled):hover,
[data-ec-standalone-toolbar] .ec-fth-math-btn:not(:disabled):hover,
[data-ec-standalone-toolbar] .ec-fth-grip:not(:disabled):hover{
  transform:translateY(-1px) scale(1.015);
  box-shadow:0 0 0 2px rgba(56,189,248,.12),0 7px 18px rgba(13,91,239,.12);
}
[data-ec-standalone-toolbar] .ec-fth-btn:not(:disabled):active,
[data-ec-standalone-toolbar] .ec-fth-math-btn:not(:disabled):active,
[data-ec-standalone-toolbar] .ec-fth-grip:not(:disabled):active{
  transform:translateY(0) scale(.97);
  box-shadow:0 0 0 2px rgba(13,91,239,.12);
}
[data-ec-standalone-toolbar] .ec-fth-btn[aria-pressed="true"],
[data-ec-standalone-toolbar] .ec-fth-category-btn[aria-pressed="true"]{
  background:linear-gradient(180deg,#f3f8ff,#eaf3ff);
  border-color:#9dc4f6;
  color:#0d5bef;
  box-shadow:inset 0 -2px 0 #0d5bef,0 4px 12px rgba(13,91,239,.10);
}
[data-ec-standalone-toolbar] .ec-fth-btn:disabled,
[data-ec-standalone-toolbar] .ec-fth-math-btn:disabled,
[data-ec-standalone-toolbar] .ec-fth-grip:disabled{
  opacity:.48;
  filter:saturate(.65);
  box-shadow:none;
  transform:none;
}
[data-ec-standalone-toolbar] .ec-fth-popout:not([hidden]){
  animation:ec-b6-popout-in .16s cubic-bezier(.2,.8,.2,1);
  transform-origin:top left;
}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-popout[data-side="left"]{transform-origin:top right}
@keyframes ec-b6-popout-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

[data-ec-standalone-toolbar] .ec-smart-tooltip{
  position:fixed;
  z-index:214;
  pointer-events:none;
  width:max-content;
  max-width:min(280px,calc(100vw - 20px));
  padding:8px 10px;
  border:1px solid rgba(160,190,226,.95);
  border-radius:11px;
  background:rgba(16,42,86,.96);
  color:#fff;
  box-shadow:0 12px 30px rgba(9,30,66,.24),0 0 0 1px rgba(255,255,255,.08) inset;
  backdrop-filter:blur(10px);
  font:500 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  opacity:1;
  transform:translateY(0);
  animation:ec-b6-tooltip-in .14s ease-out;
}
[data-ec-standalone-toolbar] .ec-smart-tooltip[hidden]{display:none!important}
[data-ec-standalone-toolbar] .ec-smart-tooltip-title{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.005em}
[data-ec-standalone-toolbar] .ec-smart-tooltip-key{margin-left:auto;padding:1px 5px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(255,255,255,.10);color:#eaf5ff;font:600 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
[data-ec-standalone-toolbar] .ec-smart-tooltip-preview{display:grid;place-items:center;margin-top:7px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.96);color:#102a56}
[data-ec-standalone-toolbar] .ec-smart-tooltip-preview .ec-math-preview-svg{width:74px;height:44px}
[data-ec-standalone-toolbar] .ec-smart-tooltip-description{margin-top:6px;max-width:250px;color:#d9e9ff;font-weight:450}
[data-ec-standalone-toolbar] .ec-smart-tooltip[data-level="short"] .ec-smart-tooltip-description,
[data-ec-standalone-toolbar] .ec-smart-tooltip[data-level="short"] .ec-smart-tooltip-preview{display:none}
@keyframes ec-b6-tooltip-in{from{opacity:0;transform:translateY(2px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(prefers-reduced-motion:reduce){
  [data-ec-standalone-toolbar] .ec-fth-btn,
  [data-ec-standalone-toolbar] .ec-fth-math-btn,
  [data-ec-standalone-toolbar] .ec-fth-grip{transition:none!important;transform:none!important}
  [data-ec-standalone-toolbar] .ec-fth-popout:not([hidden]),
  [data-ec-standalone-toolbar] .ec-smart-tooltip{animation:none!important}
}

[data-ec-standalone-toolbar][data-density="compact"] .ec-fth-btn{width:36px;height:36px}
[data-ec-standalone-toolbar][data-density="compact"] .ec-fth-math-btn{height:36px;min-width:40px}
[data-ec-standalone-toolbar][data-density="teaching"] .ec-fth-btn{width:48px;height:48px}
[data-ec-standalone-toolbar][data-density="teaching"] .ec-fth-math-btn{height:48px;min-width:52px}

/* V1.1 B14 — floating-toolbar visual excellence */
[data-ec-standalone-toolbar]{
  border-color:#c8ddf4;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,255,.97));
  box-shadow:0 18px 48px rgba(15,31,75,.16),0 1px 0 rgba(255,255,255,.95) inset;
}
[data-ec-standalone-toolbar] .ec-fth-head{position:relative}
[data-ec-standalone-toolbar] .ec-fth-brand{border:1px solid rgba(255,255,255,.55);box-shadow:0 7px 18px rgba(13,91,239,.22),inset 0 1px 0 rgba(255,255,255,.35)}
[data-ec-standalone-toolbar] .ec-fth-grip{background:linear-gradient(180deg,#f4f8ff,#eaf3ff);border:1px solid #d8e7f7}
[data-ec-standalone-toolbar] .ec-fth-btn,
[data-ec-standalone-toolbar] .ec-fth-math-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
[data-ec-standalone-toolbar] .ec-fth-math-btn:hover{background:linear-gradient(180deg,#fff,#f1f7ff);border-color:#91bdee;box-shadow:0 0 0 3px rgba(56,189,248,.10),0 9px 22px rgba(13,91,239,.10)}
[data-ec-standalone-toolbar] .ec-fth-popout{border-color:#bfd7f1;border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 24px 60px rgba(15,31,75,.22),0 1px 0 rgba(255,255,255,.9) inset;backdrop-filter:blur(12px)}
[data-ec-standalone-toolbar] .ec-fth-popout-head{background:linear-gradient(180deg,#fff,#f4f8ff);font-weight:700}
[data-ec-standalone-toolbar] .ec-fth-popout-grid{background:radial-gradient(circle at 50% -20%,rgba(56,189,248,.09),transparent 35%),#fff}
[data-ec-standalone-toolbar][data-orientation="vertical"]{border-radius:16px}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-categories{padding-top:2px;padding-bottom:5px}
[data-ec-standalone-toolbar][data-dragging="true"]{box-shadow:0 24px 66px rgba(15,31,75,.24),0 0 0 3px rgba(56,189,248,.13)}
@media (forced-colors:active){
  [data-ec-standalone-toolbar],[data-ec-standalone-toolbar] .ec-fth-popout,[data-ec-standalone-toolbar] .ec-fth-btn,[data-ec-standalone-toolbar] .ec-fth-math-btn{forced-color-adjust:auto;box-shadow:none}
}


/* Roadmap Fix Equation V1 — Phase 06: compact category-first floating UX */
[data-ec-standalone-toolbar]{
  gap:3px;
  padding:4px;
}
[data-ec-standalone-toolbar] .ec-fth-head,
[data-ec-standalone-toolbar] .ec-fth-primary,
[data-ec-standalone-toolbar] .ec-fth-categories,
[data-ec-standalone-toolbar] .ec-fth-favorites,
[data-ec-standalone-toolbar] .ec-fth-chrome{gap:2px;}
[data-ec-standalone-toolbar] .ec-fth-btn{
  min-width:34px;
  width:34px;
  height:34px;
  border-radius:8px;
}
[data-ec-standalone-toolbar] .ec-fth-grip{
  width:27px;
  height:34px;
}
[data-ec-standalone-toolbar] .ec-fth-brand{
  width:32px;
  height:32px;
  border-radius:9px;
}
[data-ec-standalone-toolbar] .ec-fth-favorites{
  max-width:none;
  overflow:hidden;
  scrollbar-width:none;
}
[data-ec-standalone-toolbar] .ec-fth-favorites .ec-fth-math-btn:nth-child(n+9){display:none;}
[data-ec-standalone-toolbar] .ec-fth-math-btn{
  width:46px;
  min-width:46px;
  height:36px;
  border-radius:8px;
}
[data-ec-standalone-toolbar] .ec-fth-math-btn .ec-math-preview-svg{
  width:40px;
  height:27px;
}
[data-ec-standalone-toolbar] .ec-fth-categories{
  overflow:hidden;
  scrollbar-width:none;
}
[data-ec-standalone-toolbar] .ec-fth-category-more{display:none;}
[data-ec-standalone-toolbar] .ec-fth-popout-grid{
  grid-template-columns:repeat(auto-fill,minmax(58px,1fr));
  gap:4px;
  padding:6px;
}
[data-ec-standalone-toolbar] .ec-fth-popout-grid.ec-fth-category-chooser{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
[data-ec-standalone-toolbar] .ec-fth-category-choice{
  width:100%;
  min-width:0;
  height:40px;
  grid-auto-flow:column;
  grid-template-columns:28px minmax(0,1fr);
  justify-content:start;
  gap:6px;
  padding:0 8px;
}
[data-ec-standalone-toolbar] .ec-fth-category-choice-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:650;
  text-align:left;
}

@media (min-width:768px) and (max-width:1199.98px){
  [data-ec-standalone-toolbar] .ec-fth-btn{
    min-width:32px;
    width:32px;
    height:32px;
  }
  [data-ec-standalone-toolbar] .ec-fth-math-btn{
    min-width:40px;
    width:40px;
    height:34px;
  }
  [data-ec-standalone-toolbar] .ec-fth-math-btn .ec-math-preview-svg{
    width:35px;
    height:24px;
  }
  [data-ec-standalone-toolbar] .ec-fth-category-overflow-tablet{display:none;}
  [data-ec-standalone-toolbar] .ec-fth-category-more{display:inline-grid;}
  [data-ec-standalone-toolbar] .ec-fth-favorites .ec-fth-math-btn:nth-child(n+7){display:none;}
  [data-ec-standalone-toolbar] .ec-fth-popout-grid{
    grid-template-columns:repeat(auto-fill,minmax(54px,1fr));
  }
}

@media (max-width:767.98px){
  [data-ec-standalone-toolbar]{
    gap:2px;
    padding:3px;
    max-width:calc(100% - 10px);
  }
  [data-ec-standalone-toolbar] .ec-fth-btn{
    min-width:44px;
    width:44px;
    height:44px;
  }
  [data-ec-standalone-toolbar] .ec-fth-glyph{font-size:13px;}
  [data-ec-standalone-toolbar] .ec-fth-math-btn{
    min-width:44px;
    width:44px;
    height:44px;
  }
  [data-ec-standalone-toolbar] .ec-fth-math-btn .ec-math-preview-svg{
    width:34px;
    height:22px;
  }
  [data-ec-standalone-toolbar] .ec-fth-category-overflow-mobile{display:none;}
  [data-ec-standalone-toolbar] .ec-fth-category-more{display:inline-grid;}
  [data-ec-standalone-toolbar] .ec-fth-favorites{
    max-width:none;
  }
  [data-ec-standalone-toolbar] .ec-fth-favorites .ec-fth-math-btn:nth-child(n+5){display:none;}
  [data-ec-standalone-toolbar] .ec-fth-popout{
    width:min(440px,calc(100vw - 16px));
  }
  [data-ec-standalone-toolbar] .ec-fth-popout-grid{
    grid-template-columns:repeat(auto-fill,minmax(48px,1fr));
    gap:3px;
    padding:5px;
  }
  [data-ec-standalone-toolbar] .ec-fth-popout-grid.ec-fth-category-chooser{
    grid-template-columns:1fr;
  }
}
[data-ec-standalone-toolbar][data-orientation="vertical"]{
  width:54px;
  gap:2px;
}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-btn{
  width:40px;
  min-width:40px;
  height:40px;
}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-category-more{display:inline-grid;}
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-category-overflow-tablet,
[data-ec-standalone-toolbar][data-orientation="vertical"] .ec-fth-category-overflow-mobile{
  display:none;
}
@media (pointer:coarse){
  [data-ec-standalone-toolbar] .ec-fth-btn,
  [data-ec-standalone-toolbar] .ec-fth-math-btn,
  [data-ec-standalone-toolbar] .ec-fth-grip{
    min-width:44px;
    min-height:44px;
  }
}