[data-toantin-tool="equation_composer"] {
  --ec-primary: var(--toantin-primary, #0D5BEF);
  --ec-primary-2: var(--toantin-primary-2, #2477EF);
  --ec-text: var(--toantin-text, #0F1F4B);
  --ec-muted: #64748B;
  --ec-border: var(--toantin-border, #D8E5F5);
  --ec-surface: var(--toantin-surface, #FFFFFF);
  --ec-soft: var(--toantin-surface-soft, #F4F8FF);
  --ec-soft-2: #EEF5FF;
  --ec-focus: #60A5FA;
  color: var(--ec-text);
  background: var(--ec-surface);
  border: 1px solid var(--ec-border);
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(15,31,75,.10);
  min-width: 0;
  overflow: hidden;
  font-family: var(--toantin-font, Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
}
[data-toantin-tool="equation_composer"] .ec-shell { min-width: 0; background: linear-gradient(180deg,#fff 0,#fbfdff 100%); }
[data-toantin-tool="equation_composer"] .ec-topbar { min-height: 52px; padding: 8px 10px; border-bottom: 1px solid var(--ec-border); background: rgba(255,255,255,.96); }
[data-toantin-tool="equation_composer"] .ec-action-btn,
[data-toantin-tool="equation_composer"] .ec-icon-btn,
[data-toantin-tool="equation_composer"] .ec-category-btn { color: var(--ec-text); border: 1px solid transparent; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
[data-toantin-tool="equation_composer"] .ec-action-btn { width: 38px; height: 38px; padding: 0; border-radius: 10px; }
[data-toantin-tool="equation_composer"] .ec-action-btn:hover,
[data-toantin-tool="equation_composer"] .ec-icon-btn:hover,
[data-toantin-tool="equation_composer"] .ec-category-btn:hover { background: var(--ec-soft-2); border-color: #C9DCF7; color: var(--ec-primary); }
[data-toantin-tool="equation_composer"] button:focus-visible { outline: 3px solid color-mix(in srgb, var(--ec-focus) 45%, transparent); outline-offset: 2px; }
[data-toantin-tool="equation_composer"] .ec-math-icon { font-family: "Cambria Math", "STIX Two Math", "Times New Roman", serif; font-size: 1.15rem; line-height: 1; white-space: nowrap; }
[data-toantin-tool="equation_composer"] .ec-toolbar-title { font-weight: 700; font-size: .84rem; color: #334155; align-items: center; gap: 7px; }
[data-toantin-tool="equation_composer"] .ec-status-dot { width: 8px; height: 8px; background: #22C55E; border-radius: 999px; box-shadow: 0 0 0 3px #DCFCE7; }
[data-toantin-tool="equation_composer"] .ec-strip-wrap { padding: 8px 10px 9px; border-bottom: 1px solid var(--ec-border); background: var(--ec-soft); }
[data-toantin-tool="equation_composer"] .ec-section-label { font-size: .69rem; text-transform: uppercase; letter-spacing: .055em; font-weight: 800; color: #64748B; margin: 0 0 5px 2px; }
[data-toantin-tool="equation_composer"] .ec-favorites { scrollbar-width: thin; padding-bottom: 1px; }
[data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn { min-width: 43px; height: 39px; padding: 0 8px; border-radius: 9px; background: #fff; border-color: #DFE8F5; }
[data-toantin-tool="equation_composer"] .ec-workspace { display: grid; grid-template-columns: minmax(286px, 36%) minmax(0,1fr); min-height: 390px; }
[data-toantin-tool="equation_composer"] .ec-palette { border-right: 1px solid var(--ec-border); background: #FBFDFF; min-width: 0; }
[data-toantin-tool="equation_composer"] .ec-category-tabs { display: flex; align-items: center; gap: 3px; overflow-x: auto; padding: 8px; border-bottom: 1px solid var(--ec-border); scrollbar-width: thin; }
[data-toantin-tool="equation_composer"] .ec-category-btn { width: 38px; height: 38px; padding: 0; border-radius: 9px; background: transparent; }
[data-toantin-tool="equation_composer"] .ec-category-btn.active { background: #E9F2FF; border-color: #BBD5FA; color: var(--ec-primary); box-shadow: inset 0 -2px 0 var(--ec-primary); }
[data-toantin-tool="equation_composer"] .ec-template-panel { padding: 10px; }
[data-toantin-tool="equation_composer"] .ec-panel-title { font-weight: 800; font-size: .83rem; color: #334155; margin: 1px 2px 8px; }
[data-toantin-tool="equation_composer"] .ec-template-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(54px,1fr)); gap: 6px; align-content: start; }
[data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn { height: 52px; min-width: 0; padding: 4px; border-radius: 10px; background: #fff; border-color: #DFE8F5; }
[data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-icon { font-size: 1.22rem; }
[data-toantin-tool="equation_composer"] .ec-empty-state { grid-column: 1/-1; padding: 22px 16px; border: 1px dashed #C8D8EB; border-radius: 12px; text-align: center; color: var(--ec-muted); background: #fff; }
[data-toantin-tool="equation_composer"] .ec-empty-state strong { display: block; color: #334155; margin-bottom: 4px; }
[data-toantin-tool="equation_composer"] .ec-empty-state p { margin: 0; font-size: .82rem; }
[data-toantin-tool="equation_composer"] .ec-edit-area { min-width: 0; padding: 18px; display: flex; flex-direction: column; background: #fff; }
[data-toantin-tool="equation_composer"] .ec-editor-heading { margin-bottom: 10px; }
[data-toantin-tool="equation_composer"] .ec-editor-heading strong { display: block; font-size: .95rem; }
[data-toantin-tool="equation_composer"] .ec-editor-heading small { display: block; color: var(--ec-muted); margin-top: 2px; }
[data-toantin-tool="equation_composer"] .ec-mode-badge { color: #28558F !important; background: #F3F8FF !important; }
[data-toantin-tool="equation_composer"] .ec-editor-canvas { flex: 1; min-height: 230px; padding: 18px; border: 1px solid #CFE0F3; border-radius: 14px; background: linear-gradient(145deg,#fff,#F8FBFF); box-shadow: inset 0 1px 0 #fff, 0 7px 20px rgba(15,31,75,.05); display: flex; align-items: center; }
[data-toantin-tool="equation_composer"] .ec-a2-editor-fallback,
[data-toantin-tool="equation_composer"] .ec-mathfield { width: 100%; min-height: 150px; border: 0; background: transparent; padding: 16px; font-family: "Cambria Math", "STIX Two Math", "Times New Roman", serif; font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.6; resize: none; color: #111827; box-shadow: none; }
[data-toantin-tool="equation_composer"] .ec-a2-editor-fallback:focus,
[data-toantin-tool="equation_composer"] .ec-mathfield:focus { outline: none; box-shadow: none; }
[data-toantin-tool="equation_composer"] .ec-editor-canvas:focus-within { border-color: #7EB3F5; box-shadow: 0 0 0 4px rgba(59,130,246,.10), inset 0 1px 0 #fff; }
[data-toantin-tool="equation_composer"] .ec-shortcut-hint { margin-top: 9px; color: var(--ec-muted); font-size: .74rem; line-height: 1.45; }
[data-toantin-tool="equation_composer"] .ec-surface { border: 1px solid var(--ec-border); border-radius: 12px; padding: 12px; background: var(--ec-surface); }
@media (max-width: 767.98px) {
  [data-toantin-tool="equation_composer"] { border-radius: 12px; }
  [data-toantin-tool="equation_composer"] .ec-workspace { grid-template-columns: 1fr; }
  [data-toantin-tool="equation_composer"] .ec-palette { border-right: 0; border-bottom: 1px solid var(--ec-border); }
  [data-toantin-tool="equation_composer"] .ec-template-panel { padding: 8px; }
  [data-toantin-tool="equation_composer"] .ec-template-grid { grid-template-columns: repeat(5,minmax(48px,1fr)); }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn { min-height: 48px; height: 48px; }
  [data-toantin-tool="equation_composer"] .ec-edit-area { padding: 12px; }
  [data-toantin-tool="equation_composer"] .ec-editor-canvas { min-height: 190px; padding: 8px; }
  [data-toantin-tool="equation_composer"] .ec-action-btn { width: 44px; height: 44px; }
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn { min-width: 46px; height: 44px; }
  [data-toantin-tool="equation_composer"] .ec-shortcut-hint { display: none; }
}
@media (max-width: 390px) {
  [data-toantin-tool="equation_composer"] .ec-topbar { gap: 4px !important; padding: 6px; }
  [data-toantin-tool="equation_composer"] .ec-strip-wrap { padding-inline: 7px; }
  [data-toantin-tool="equation_composer"] .ec-category-tabs { padding: 6px; }
  [data-toantin-tool="equation_composer"] .ec-template-grid { grid-template-columns: repeat(4,minmax(48px,1fr)); }
}
@media (min-width: 1400px) {
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn { min-height: 58px; }
  [data-toantin-tool="equation_composer"] .ec-editor-canvas { min-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-toantin-tool="equation_composer"] *, [data-toantin-tool="equation_composer"] *::before, [data-toantin-tool="equation_composer"] *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

[data-toantin-tool="equation_composer"] .ec-editor-controls { flex-wrap: wrap; justify-content: flex-end; }
[data-toantin-tool="equation_composer"] .ec-mode-btn { width: auto; min-width: 50px; height: 36px; padding: 0 9px; border-radius: 9px; border: 1px solid var(--ec-border); background: #fff; white-space: nowrap; line-height: 1; flex: 0 0 auto; }
[data-toantin-tool="equation_composer"] .ec-mode-btn.active { color: var(--ec-primary); background: #EAF3FF; border-color: #AFCDF6; box-shadow: inset 0 -2px 0 var(--ec-primary); }
[data-toantin-tool="equation_composer"] .ec-profile-select { width: auto; min-width: 116px; max-width: 160px; color: #334155; border-color: var(--ec-border); background-color: #fff; }
[data-toantin-tool="equation_composer"] .ec-template-grid button[hidden], [data-toantin-tool="equation_composer"] .ec-category-tabs button[hidden] { display: none !important; }
@media (max-width: 575.98px) {
  [data-toantin-tool="equation_composer"] .ec-editor-heading { align-items: flex-start !important; flex-direction: column; }
  [data-toantin-tool="equation_composer"] .ec-editor-controls { width: 100%; justify-content: flex-start; }
  [data-toantin-tool="equation_composer"] .ec-mode-btn { width: auto; min-width: 56px; height: 44px; padding: 0 10px; }
  [data-toantin-tool="equation_composer"] .ec-profile-select { min-height: 44px; flex: 1 1 150px; }
}
[data-toantin-tool="equation_composer"] .ec-context-bar{display:flex;gap:5px;align-items:center;overflow-x:auto;padding:7px 8px;margin-bottom:8px;border:1px solid var(--ec-border);border-radius:11px;background:#F8FBFF;scrollbar-width:thin}
[data-toantin-tool="equation_composer"] .ec-context-btn{min-width:42px;height:36px;padding:0 8px;border:1px solid #DFE8F5;border-radius:9px;background:#fff}
[data-toantin-tool="equation_composer"] .ec-matrix-picker{grid-column:1/-1;margin-top:8px;padding:10px;border:1px solid #D8E5F5;border-radius:12px;background:#F8FBFF}
[data-toantin-tool="equation_composer"] .ec-matrix-picker-grid{display:grid;grid-template-columns:repeat(6,24px);gap:3px;width:max-content;padding:6px;border:1px solid #D8E5F5;border-radius:9px;background:#fff}
[data-toantin-tool="equation_composer"] .ec-matrix-cell{width:24px;height:24px;border:1px solid #C9D8EC;border-radius:4px;background:#fff;padding:0}
[data-toantin-tool="equation_composer"] .ec-matrix-cell.active{background:#DCEBFF;border-color:#6EA8F4}
[data-toantin-tool="equation_composer"] .ec-matrix-custom{margin-top:8px}
[data-toantin-tool="equation_composer"] .ec-matrix-custom input{width:62px}
[data-toantin-tool="equation_composer"] .ec-matrix-picker-status{min-width:52px;font-weight:800;color:#28558F}
[data-toantin-tool="equation_composer"] .ec-virtual-keyboard{border-top:1px solid var(--ec-border);background:#F7FAFF;padding:9px 10px 11px}
[data-toantin-tool="equation_composer"] .ec-keyboard-header{margin-bottom:8px}
[data-toantin-tool="equation_composer"] .ec-keyboard-title{font-weight:800;font-size:.82rem;color:#334155}
[data-toantin-tool="equation_composer"] .ec-keyboard-grid{display:grid;grid-template-columns:repeat(8,minmax(46px,1fr));gap:5px}
[data-toantin-tool="equation_composer"] .ec-key{min-height:46px;border-color:#D8E5F5;font-family:"Cambria Math","STIX Two Math",serif;font-size:1.1rem;background:#fff}
[data-toantin-tool="equation_composer"] .ec-keyboard-tab.active{background:#E8F2FF;border-color:#9CC3F6;color:var(--ec-primary)}
[data-toantin-tool="equation_composer"] .ec-context-menu{position:absolute;z-index:20;min-width:188px;padding:6px;border:1px solid #D8E5F5;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(15,31,75,.16)}
[data-toantin-tool="equation_composer"] .ec-context-menu-item{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;color:#1E293B}
[data-toantin-tool="equation_composer"] .ec-context-menu-item:hover,[data-toantin-tool="equation_composer"] .ec-context-menu-item:focus-visible{background:#EEF5FF;color:var(--ec-primary);outline:none}
[data-toantin-tool="equation_composer"]{position:relative}
@media(max-width:767.98px){[data-toantin-tool="equation_composer"] .ec-keyboard-grid{grid-template-columns:repeat(4,minmax(48px,1fr))}[data-toantin-tool="equation_composer"] .ec-key{min-height:48px}[data-toantin-tool="equation_composer"] .ec-context-btn{min-width:44px;height:44px}[data-toantin-tool="equation_composer"] .ec-matrix-picker-grid{grid-template-columns:repeat(6,30px)}[data-toantin-tool="equation_composer"] .ec-matrix-cell{width:30px;height:30px}}
[data-toantin-tool="equation_composer"] .ec-tex-panel{margin:0 .75rem .75rem;border-color:var(--ec-border,#d8e5f5);border-radius:14px;background:var(--ec-bg,#fff);overflow:hidden}
[data-toantin-tool="equation_composer"] .ec-tex-head{padding:.65rem .75rem;border-bottom:1px solid var(--ec-border,#d8e5f5);background:#f8fafc}
[data-toantin-tool="equation_composer"] .ec-tex-source{margin:.75rem;width:calc(100% - 1.5rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:7rem}
[data-toantin-tool="equation_composer"] .ec-tex-profile{max-width:20rem;margin-left:.75rem}
[data-toantin-tool="equation_composer"] .ec-tex-panel>.d-flex{padding:0 .75rem .65rem}
[data-toantin-tool="equation_composer"] .ec-tex-diagnostic{margin:0 .75rem .65rem;padding:.55rem .7rem;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:.875rem;min-height:2.2rem}
[data-toantin-tool="equation_composer"] .ec-tex-diagnostic.is-ok{background:#f0fdf4;color:#166534}
[data-toantin-tool="equation_composer"] .ec-tex-preview{margin:0 .75rem .75rem;padding:.7rem;border:1px solid var(--ec-border,#d8e5f5);border-radius:10px;background:#f8fafc;white-space:pre-wrap;overflow:auto;max-height:15rem}
[data-toantin-tool="equation_composer"] .ec-tex-action{min-width:40px}
@media (max-width:390px){[data-toantin-tool="equation_composer"] .ec-tex-panel{margin:.5rem}[data-toantin-tool="equation_composer"] .ec-tex-source{font-size:.9rem}}
[data-toantin-tool="equation_composer"] .ec-library-panel{margin:0 .75rem .75rem;border-color:var(--ec-border);border-radius:14px;background:#fff;overflow:hidden}
[data-toantin-tool="equation_composer"] .ec-library-head{padding:.65rem .75rem;border-bottom:1px solid var(--ec-border);background:#f8fafc}
[data-toantin-tool="equation_composer"] .ec-library-status{padding:.6rem .75rem .2rem}
[data-toantin-tool="equation_composer"] .ec-library-list{padding:.55rem .75rem .75rem;max-height:280px;overflow:auto}
[data-toantin-tool="equation_composer"] .ec-library-item{border:1px solid #dfe8f5;border-radius:10px;background:#fff;min-height:44px}
[data-toantin-tool="equation_composer"] .ec-domain-surface{border:1px solid var(--ec-border);border-radius:12px;background:#fff;padding:12px;min-width:0}
[data-toantin-tool="equation_composer"] .ec-compact-editor,[data-toantin-tool="equation_composer"] .ec-static-formula{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:1.2rem;line-height:1.5;padding:12px;border:1px solid #d8e5f5;border-radius:10px;background:#f8fbff;overflow:auto}
[data-toantin-tool="equation_composer"] .ec-presentation-preview{display:flex;align-items:center;justify-content:center;min-height:120px}
[data-toantin-tool="equation_composer"] .ec-presentation-preview .ec-static-formula{border:0;background:transparent;font-size:clamp(1.4rem,3vw,2.4rem)}
@media(max-width:390px){[data-toantin-tool="equation_composer"] .ec-library-panel{margin:.5rem}[data-toantin-tool="equation_composer"] .ec-library-list{padding:.45rem}}

/* A7 — responsive/accessibility/full-tool polish. Fully scoped. */
[data-toantin-tool="equation_composer"] .ec-editor-canvas .ec-mathfield,
[data-toantin-tool="equation_composer"] .ec-editor-canvas .ec-a2-editor-fallback{transform:scale(var(--ec-view-zoom,1));transform-origin:center left;transition:transform .16s ease}
[data-toantin-tool="equation_composer"] .ec-zoom-controls{padding-left:4px;border-left:1px solid var(--ec-border)}
[data-toantin-tool="equation_composer"] .ec-zoom-btn{width:36px;height:36px;padding:0;border-color:var(--ec-border)}
[data-toantin-tool="equation_composer"] .ec-zoom-label{min-width:56px;height:36px;border-color:var(--ec-border);font-variant-numeric:tabular-nums}
[data-toantin-tool="equation_composer"] .ec-fit-btn{height:36px;border-color:var(--ec-border)}
[data-toantin-tool="equation_composer"] .ec-help-toggle{width:36px;height:36px;padding:0;border-radius:999px;border-color:#bfd6f4;color:var(--ec-primary);font-weight:800;background:#f4f8ff}
[data-toantin-tool="equation_composer"] .ec-help-panel{margin:0 .75rem .75rem;border-color:var(--ec-border);border-radius:14px;overflow:hidden;background:#fff}
[data-toantin-tool="equation_composer"] .ec-help-head{padding:.75rem .85rem;border-bottom:1px solid var(--ec-border);background:linear-gradient(180deg,#f8fbff,#f4f8ff)}
[data-toantin-tool="equation_composer"] .ec-help-close{width:38px;height:38px;padding:0}
[data-toantin-tool="equation_composer"] .ec-help-quick{margin:.75rem .85rem;padding:.8rem .9rem;border:1px solid #cfe0f3;border-radius:12px;background:#f4f8ff;color:#28558f}
[data-toantin-tool="equation_composer"] .ec-help-quick strong{display:block;color:#173b73;margin-bottom:.25rem}
[data-toantin-tool="equation_composer"] .ec-help-body{padding:0 .85rem .85rem;display:grid;gap:6px;max-height:360px;overflow:auto}
[data-toantin-tool="equation_composer"] .ec-help-item{border:1px solid #dfe8f5;border-radius:10px;background:#fff}
[data-toantin-tool="equation_composer"] .ec-help-item summary{cursor:pointer;padding:.7rem .8rem;font-weight:700;color:#243b64;outline:none}
[data-toantin-tool="equation_composer"] .ec-help-item summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(96,165,250,.35);border-radius:9px}
[data-toantin-tool="equation_composer"] .ec-help-item p{margin:0;padding:0 .8rem .8rem;color:#52627a;line-height:1.55;font-size:.9rem}
[data-toantin-tool="equation_composer"] .ec-full-tool{padding:0;overflow:hidden}
[data-toantin-tool="equation_composer"] .ec-full-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ec-border);background:linear-gradient(135deg,#f8fbff,#eef5ff)}
[data-toantin-tool="equation_composer"] .ec-full-header h2{font-size:1.1rem;margin:0;color:#163b73}
[data-toantin-tool="equation_composer"] .ec-full-header p{margin:.25rem 0 0;color:var(--ec-muted);font-size:.86rem}
[data-toantin-tool="equation_composer"] .ec-full-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:12px;padding:14px;background:#f8fbff}
[data-toantin-tool="equation_composer"] .ec-full-card{border-color:var(--ec-border);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(15,31,75,.05)}
[data-toantin-tool="equation_composer"] .ec-full-card-head{padding:.65rem .8rem;font-weight:800;border-bottom:1px solid var(--ec-border);background:#fff}
[data-toantin-tool="equation_composer"] .ec-full-card-body{padding:.8rem;background:#fff;min-height:120px}
[data-toantin-tool="equation_composer"] .ec-full-formula{min-height:150px;display:flex;align-items:center;justify-content:center;padding:18px;border:1px solid #d8e5f5;border-radius:12px;background:linear-gradient(145deg,#fff,#f7fbff);font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:clamp(1.35rem,3vw,2.2rem);overflow:auto}
[data-toantin-tool="equation_composer"] .ec-full-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-toantin-tool="equation_composer"] .ec-full-quick-btn{min-height:44px;border-color:#dfe8f5}
[data-toantin-tool="equation_composer"] .ec-full-help-list{margin:0;padding-left:1.25rem;color:#52627a;font-size:.88rem;line-height:1.6}
[data-toantin-tool="equation_composer"] .ec-full-note{padding:9px 14px;border-top:1px solid var(--ec-border);background:#fff;color:var(--ec-muted);font-size:.78rem}
@media(max-width:991.98px){[data-toantin-tool="equation_composer"] .ec-full-grid{grid-template-columns:1fr 1fr}[data-toantin-tool="equation_composer"] .ec-full-card:first-child{grid-column:1/-1}}
@media(max-width:767.98px){[data-toantin-tool="equation_composer"] .ec-zoom-controls{order:20;width:100%;padding:.5rem 0 0;border-left:0;border-top:1px solid var(--ec-border);justify-content:center}[data-toantin-tool="equation_composer"] .ec-zoom-btn,[data-toantin-tool="equation_composer"] .ec-zoom-label,[data-toantin-tool="equation_composer"] .ec-fit-btn,[data-toantin-tool="equation_composer"] .ec-help-toggle{min-height:44px}[data-toantin-tool="equation_composer"] .ec-full-header{align-items:flex-start;flex-direction:column}[data-toantin-tool="equation_composer"] .ec-full-grid{grid-template-columns:1fr}}
@media(max-width:390px){[data-toantin-tool="equation_composer"] .ec-help-panel{margin:.5rem}[data-toantin-tool="equation_composer"] .ec-help-body{max-height:300px}[data-toantin-tool="equation_composer"] .ec-full-grid{padding:8px;gap:8px}[data-toantin-tool="equation_composer"] .ec-full-header{padding:14px}[data-toantin-tool="equation_composer"] .ec-full-quick{grid-template-columns:1fr 1fr}}
@media(min-width:1600px){[data-toantin-tool="equation_composer"] .ec-editor-canvas{min-height:360px}[data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn{min-height:62px}[data-toantin-tool="equation_composer"] .ec-action-btn,[data-toantin-tool="equation_composer"] .ec-category-btn{width:44px;height:44px}}
@media(forced-colors:active){[data-toantin-tool="equation_composer"] .ec-action-btn,[data-toantin-tool="equation_composer"] .ec-icon-btn,[data-toantin-tool="equation_composer"] .ec-category-btn,[data-toantin-tool="equation_composer"] .ec-mode-btn{border:1px solid CanvasText}[data-toantin-tool="equation_composer"] .ec-status-dot{forced-color-adjust:none}}

/* V1.1 B3 — deterministic semantic math-template previews. Fully scoped. */
[data-toantin-tool="equation_composer"] .ec-math-preview{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:44px;min-height:36px;pointer-events:none;color:var(--ec-navy,#102a56)}
[data-toantin-tool="equation_composer"] .ec-math-preview-svg{display:block;width:58px;height:36px;overflow:visible;color:currentColor;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
[data-toantin-tool="equation_composer"] .ec-math-preview-svg .ec-preview-stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
[data-toantin-tool="equation_composer"] .ec-math-preview-svg .ec-preview-slot{fill:#f8fbff;stroke:#9fb7d3;stroke-width:1;stroke-dasharray:2 2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
[data-toantin-tool="equation_composer"] .ec-math-preview-svg .ec-preview-text{fill:currentColor;font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;dominant-baseline:auto}
[data-toantin-tool="equation_composer"] .ec-icon-btn.ec-has-math-preview{min-width:64px;min-height:48px;padding:.18rem .28rem;border-color:#dfe8f5;background:#fff}
[data-toantin-tool="equation_composer"] .ec-icon-btn.ec-has-math-preview:hover{background:#f4f8ff;border-color:#bfd6f4}
[data-toantin-tool="equation_composer"] .ec-icon-btn.ec-has-math-preview:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(59,130,246,.24);border-color:#7db1f4}
[data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn.ec-has-math-preview{min-width:56px;width:56px;height:44px;min-height:44px;padding:.1rem}
[data-toantin-tool="equation_composer"] .ec-favorites .ec-math-preview-svg{width:50px;height:32px}
[data-toantin-tool="equation_composer"] .ec-math-preview-test-fallback{font-family:"Cambria Math","STIX Two Math","Times New Roman",serif}
@media(max-width:767.98px){[data-toantin-tool="equation_composer"] .ec-icon-btn.ec-has-math-preview{min-width:70px;min-height:52px}[data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn.ec-has-math-preview{min-width:60px;width:60px;height:48px}}
@media (prefers-reduced-motion: reduce){[data-toantin-tool="equation_composer"] .ec-icon-btn.ec-has-math-preview{transition:none}}

/* V1.1 B7 — Search + Command Palette + Discovery UX. Fully scoped. */
[data-toantin-tool="equation_composer"] .ec-discovery-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:clamp(12px,5vh,48px) 12px;background:rgba(15,31,75,.16);backdrop-filter:blur(3px)}
[data-toantin-tool="equation_composer"] .ec-discovery-overlay[hidden]{display:none}
[data-toantin-tool="equation_composer"] .ec-discovery-panel{width:min(760px,calc(100% - 16px));max-height:min(72vh,650px);display:flex;flex-direction:column;border:1px solid #cfe0f3;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(15,31,75,.22);overflow:hidden}
[data-toantin-tool="equation_composer"] .ec-discovery-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ec-border);background:linear-gradient(180deg,#fff,#f8fbff)}
[data-toantin-tool="equation_composer"] .ec-discovery-search-icon{font-size:1.35rem;color:var(--ec-primary);font-weight:800}
[data-toantin-tool="equation_composer"] .ec-discovery-input{border:0;box-shadow:none!important;background:transparent;font-size:1rem;min-height:42px}
[data-toantin-tool="equation_composer"] .ec-discovery-esc{border:1px solid #d7e4f3;border-bottom-width:2px;border-radius:7px;padding:3px 7px;background:#fff;color:#60708b;font-size:.72rem}
[data-toantin-tool="equation_composer"] .ec-discovery-hint{padding:8px 14px;color:var(--ec-muted);font-size:.76rem;background:#f8fbff;border-bottom:1px solid var(--ec-border)}
[data-toantin-tool="equation_composer"] .ec-discovery-results{display:grid;gap:4px;padding:8px;overflow:auto;min-height:0}
[data-toantin-tool="equation_composer"] .ec-discovery-result{display:grid;grid-template-columns:66px minmax(0,1fr) minmax(0,180px);align-items:center;gap:10px;width:100%;min-height:56px;padding:5px 10px;border:1px solid transparent;border-radius:12px;background:#fff;color:var(--ec-text);text-align:left;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}
[data-toantin-tool="equation_composer"] .ec-discovery-result:hover,[data-toantin-tool="equation_composer"] .ec-discovery-result.active{background:#f2f7ff;border-color:#9bc4f5;box-shadow:0 0 0 2px rgba(22,103,232,.08);transform:translateY(-1px)}
[data-toantin-tool="equation_composer"] .ec-discovery-result:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(59,130,246,.28);border-color:#6ea7ee}
[data-toantin-tool="equation_composer"] .ec-discovery-preview{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:42px;border-radius:9px;background:#f8fbff;color:var(--ec-navy);font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:1.2rem}
[data-toantin-tool="equation_composer"] .ec-discovery-preview .ec-math-preview-svg{width:54px;height:34px}
[data-toantin-tool="equation_composer"] .ec-discovery-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
[data-toantin-tool="equation_composer"] .ec-discovery-copy strong{font-size:.9rem;color:#173b73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-toantin-tool="equation_composer"] .ec-discovery-meta{font-size:.74rem;color:var(--ec-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-toantin-tool="equation_composer"] .ec-discovery-tail{justify-self:end;max-width:180px;color:#60708b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-toantin-tool="equation_composer"] .ec-discovery-empty{padding:28px 18px;text-align:center;color:var(--ec-muted)}
[data-toantin-tool="equation_composer"] .ec-discovery-empty[hidden]{display:none}
[data-toantin-tool="equation_composer"] .ec-discovery-foot{padding:8px 14px;border-top:1px solid var(--ec-border);background:#f8fbff;color:#60708b;font-size:.72rem;text-align:center}
@media(max-width:575.98px){[data-toantin-tool="equation_composer"] .ec-discovery-overlay{padding:8px}[data-toantin-tool="equation_composer"] .ec-discovery-panel{width:100%;max-height:88vh;border-radius:14px}[data-toantin-tool="equation_composer"] .ec-discovery-result{grid-template-columns:58px minmax(0,1fr)}[data-toantin-tool="equation_composer"] .ec-discovery-tail{display:none}[data-toantin-tool="equation_composer"] .ec-discovery-hint{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){[data-toantin-tool="equation_composer"] .ec-discovery-result{transition:none}[data-toantin-tool="equation_composer"] .ec-discovery-result:hover,[data-toantin-tool="equation_composer"] .ec-discovery-result.active{transform:none}}


/* V1.1 B8 — personalization density foundation */
[data-toantin-tool="equation_composer"][data-density="compact"] .ec-icon-btn,
[data-toantin-tool="equation_composer"] [data-density="compact"] .ec-icon-btn{min-width:36px;min-height:36px;padding:.25rem}
[data-toantin-tool="equation_composer"][data-density="teaching"] .ec-icon-btn,
[data-toantin-tool="equation_composer"] [data-density="teaching"] .ec-icon-btn{min-width:48px;min-height:48px;padding:.5rem}

/* V1.1 B8 — personalization panel */
[data-toantin-tool="equation_composer"] .ec-personalization-panel{display:grid;gap:.75rem}
[data-toantin-tool="equation_composer"] .ec-pref-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
[data-toantin-tool="equation_composer"] .ec-pref-field{display:grid;gap:.25rem;font-size:.78rem;color:var(--tt-host-text,#14213d)}
[data-toantin-tool="equation_composer"] .ec-pref-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
[data-toantin-tool="equation_composer"] .ec-pref-favorites{display:grid;gap:.35rem;max-height:230px;overflow:auto}
[data-toantin-tool="equation_composer"] .ec-pref-favorite-row{display:grid;grid-template-columns:22px 42px 1fr 34px;align-items:center;gap:.4rem;padding:.35rem;border:1px solid var(--tt-host-border,#dce7f5);border-radius:.65rem;background:#fff}
[data-toantin-tool="equation_composer"] .ec-pref-favorite-row[data-dragging="true"]{opacity:.55}
[data-toantin-tool="equation_composer"] .ec-pref-drag{cursor:grab;color:#7085a3}
[data-toantin-tool="equation_composer"] .ec-pref-preview svg{width:36px;height:26px}
[data-toantin-tool="equation_composer"] .ec-pref-label{font-size:.82rem;font-weight:600}
[data-toantin-tool="equation_composer"] .ec-pref-recent{display:flex;flex-wrap:wrap;gap:.35rem}
[data-toantin-tool="equation_composer"] .ec-pref-recent-btn{width:44px;height:40px;padding:.2rem}
[data-toantin-tool="equation_composer"] .ec-pref-recent-btn svg{width:34px;height:26px}
@media(max-width:575.98px){[data-toantin-tool="equation_composer"] .ec-pref-controls{grid-template-columns:1fr}}

/* V1.1 B9 — Virtual Math Keyboard V2. Fully scoped. */
[data-toantin-tool="equation_composer"] .ec-vk-v2{position:relative;margin:.65rem;border:1px solid var(--ec-border,#dce7f5);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 16px 40px rgba(15,31,75,.16);overflow:hidden;z-index:32;touch-action:none}
[data-toantin-tool="equation_composer"] .ec-vk-v2[hidden]{display:none}
[data-toantin-tool="equation_composer"] .ec-vk-v2[data-placement="docked"]{position:sticky;left:auto!important;top:auto!important;bottom:0;width:auto}
[data-toantin-tool="equation_composer"] .ec-vk-v2[data-placement="floating"]{position:absolute;right:16px;bottom:16px;width:min(620px,calc(100% - 32px));max-height:min(46vh,360px)}
[data-toantin-tool="equation_composer"] .ec-vk-head{display:grid;grid-template-columns:40px auto minmax(0,1fr) 40px 40px;align-items:center;gap:.4rem;padding:.45rem .5rem;border-bottom:1px solid var(--ec-border,#dce7f5);background:linear-gradient(180deg,#fff,#f7fbff)}
[data-toantin-tool="equation_composer"] .ec-vk-title{font-size:.82rem;color:var(--ec-navy,#102a56);white-space:nowrap}
[data-toantin-tool="equation_composer"] .ec-vk-grip,[data-toantin-tool="equation_composer"] .ec-vk-placement,[data-toantin-tool="equation_composer"] .ec-vk-close{width:38px;height:38px;padding:0;border-color:#dce7f5;font-weight:700}
[data-toantin-tool="equation_composer"] .ec-vk-grip:not(:disabled){cursor:grab}
[data-toantin-tool="equation_composer"] .ec-vk-grip:not(:disabled):active{cursor:grabbing}
[data-toantin-tool="equation_composer"] .ec-vk-tabs{display:flex;align-items:center;gap:.25rem;overflow:auto;scrollbar-width:thin}
[data-toantin-tool="equation_composer"] .ec-vk-tab{min-height:38px;padding:.3rem .65rem;white-space:nowrap;border-color:transparent;color:#415978}
[data-toantin-tool="equation_composer"] .ec-vk-tab.active{background:#eaf3ff;border-color:#9fc8f5;color:#0d5bef;font-weight:700}
[data-toantin-tool="equation_composer"] .ec-vk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:.42rem;padding:.6rem;overflow:auto;max-height:280px}
[data-toantin-tool="equation_composer"] .ec-vk-key{position:relative;min-width:58px;min-height:50px;padding:.2rem;border:1px solid #dce7f5;border-bottom-width:2px;border-radius:11px;background:#fff;color:var(--ec-navy,#102a56);box-shadow:0 1px 2px rgba(15,31,75,.05);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}
[data-toantin-tool="equation_composer"] .ec-vk-key:hover{background:#f1f7ff;border-color:#9bc4f5;box-shadow:0 0 0 2px rgba(22,103,232,.07);transform:translateY(-1px)}
[data-toantin-tool="equation_composer"] .ec-vk-key:active{transform:translateY(1px) scale(.985)}
[data-toantin-tool="equation_composer"] .ec-vk-key:focus-visible{outline:0;border-color:#5f9fea;box-shadow:0 0 0 3px rgba(22,103,232,.22)}
[data-toantin-tool="equation_composer"] .ec-vk-key[data-has-alternates="true"]::after{content:"";position:absolute;right:5px;top:5px;width:0;height:0;border-left:4px solid transparent;border-top:4px solid #6f84a0}
[data-toantin-tool="equation_composer"] .ec-vk-key .ec-math-preview-svg{width:54px;height:34px}
[data-toantin-tool="equation_composer"] .ec-vk-alternates{position:absolute;z-index:35;display:flex;gap:.35rem;max-width:min(340px,calc(100% - 16px));padding:.4rem;border:1px solid #bcd3ef;border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(15,31,75,.2)}
[data-toantin-tool="equation_composer"] .ec-vk-alternates[hidden]{display:none}
[data-toantin-tool="equation_composer"] .ec-vk-alt-key{min-width:58px;min-height:50px}
@media(max-width:575.98px){[data-toantin-tool="equation_composer"] .ec-vk-v2{margin:.35rem;border-radius:13px}[data-toantin-tool="equation_composer"] .ec-vk-head{grid-template-columns:36px minmax(0,1fr) 36px 36px}[data-toantin-tool="equation_composer"] .ec-vk-title{display:none}[data-toantin-tool="equation_composer"] .ec-vk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.45rem;max-height:42vh}[data-toantin-tool="equation_composer"] .ec-vk-key{min-width:0;min-height:52px}[data-toantin-tool="equation_composer"] .ec-vk-v2[data-placement="floating"]{right:6px;bottom:6px;width:calc(100% - 12px)}}
@media(min-width:1200px){[data-toantin-tool="equation_composer"] .ec-vk-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}[data-toantin-tool="equation_composer"] .ec-vk-key{min-height:54px}}
@media(prefers-reduced-motion:reduce){[data-toantin-tool="equation_composer"] .ec-vk-key{transition:none}[data-toantin-tool="equation_composer"] .ec-vk-key:hover,[data-toantin-tool="equation_composer"] .ec-vk-key:active{transform:none}}

/* V1.1 B10 — Full Tool UX/IA redesign */
[data-toantin-tool="equation_composer"] .ec-full-tool-v11{min-height:560px;background:#f6f9fe;color:var(--ec-text);}
[data-toantin-tool="equation_composer"] .ec-full-appbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--ec-border);background:#fff;}
[data-toantin-tool="equation_composer"] .ec-full-brand{display:flex;align-items:center;gap:10px;min-width:0;}
[data-toantin-tool="equation_composer"] .ec-full-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:"Cambria Math","STIX Two Math",serif;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--ec-primary),#4f8df5);box-shadow:0 8px 20px rgba(13,91,239,.2);}
[data-toantin-tool="equation_composer"] .ec-full-brand h2{margin:0;font-size:1.03rem;color:#163b73;letter-spacing:-.01em;}
[data-toantin-tool="equation_composer"] .ec-full-brand p{margin:2px 0 0;color:var(--ec-muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
[data-toantin-tool="equation_composer"] .ec-full-header-status{display:flex;align-items:center;gap:6px;}
[data-toantin-tool="equation_composer"] .ec-full-status-pill{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 8px;border:1px solid #dbe7f5;border-radius:999px;background:#f8fbff;color:#52627a;font-size:.7rem;white-space:nowrap;}
[data-toantin-tool="equation_composer"] .ec-full-status-pill strong{font-size:.72rem;color:#173b70;}
[data-toantin-tool="equation_composer"] .ec-full-status-ok{background:#f1fbf5;border-color:#ccebd8;}
[data-toantin-tool="equation_composer"] .ec-full-status-warn{background:#fff9ed;border-color:#f4dfb5;}
[data-toantin-tool="equation_composer"] .ec-full-status-label{color:#74849a;}
[data-toantin-tool="equation_composer"] .ec-full-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;}
[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{min-height:38px;border-radius:10px;}
[data-toantin-tool="equation_composer"] .ec-full-insert{min-width:82px;font-weight:700;box-shadow:0 6px 14px rgba(13,91,239,.18);}
[data-toantin-tool="equation_composer"] .ec-full-commandbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ec-border);background:linear-gradient(180deg,#fff,#fbfdff);}
[data-toantin-tool="equation_composer"] .ec-full-command-utility{display:flex;align-items:center;gap:4px;padding-right:10px;border-right:1px solid var(--ec-border);}
[data-toantin-tool="equation_composer"] .ec-full-command-btn{width:38px;height:38px;padding:0;border-radius:10px;border-color:transparent;}
[data-toantin-tool="equation_composer"] .ec-full-quick-strip{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:1px;}
[data-toantin-tool="equation_composer"] .ec-full-template-btn{width:46px;height:42px;flex:0 0 46px;padding:2px;display:grid;place-items:center;border:1px solid #dbe7f5;border-radius:10px;background:#fff;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:hover{background:#f2f7ff;border-color:#9fc5f4;box-shadow:0 0 0 2px rgba(13,91,239,.07);transform:translateY(-1px);}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:focus-visible{outline:0;border-color:#6da5eb;box-shadow:0 0 0 3px rgba(13,91,239,.18);}
[data-toantin-tool="equation_composer"] .ec-full-template-btn .ec-math-preview-svg{max-width:40px;max-height:30px;}
[data-toantin-tool="equation_composer"] .ec-full-workspace-v11{display:grid;grid-template-columns:minmax(0,1fr) minmax(278px,330px);gap:12px;padding:12px;min-height:470px;}
[data-toantin-tool="equation_composer"] .ec-full-editor-stage{min-width:0;display:flex;flex-direction:column;gap:10px;}
[data-toantin-tool="equation_composer"] .ec-full-section{min-width:0;border:1px solid var(--ec-border);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,31,75,.055);overflow:hidden;}
[data-toantin-tool="equation_composer"] .ec-full-section-head{padding:12px 14px;border-bottom:1px solid var(--ec-border);background:linear-gradient(180deg,#fff,#fbfdff);}
[data-toantin-tool="equation_composer"] .ec-full-section-head h3{margin:0;color:#173b70;font-size:.9rem;font-weight:800;}
[data-toantin-tool="equation_composer"] .ec-full-section-head p{margin:2px 0 0;color:var(--ec-muted);font-size:.75rem;}
[data-toantin-tool="equation_composer"] .ec-full-section-body{padding:14px;}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas{position:relative;min-height:320px;display:grid;place-items:center;padding:26px;border:1px solid #cfe0f3;border-radius:14px;background:radial-gradient(circle at 50% 0,#fff 0,#fbfdff 55%,#f6faff 100%);box-shadow:inset 0 1px 0 #fff;overflow:auto;}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas:focus-within{border-color:#7eb3f5;box-shadow:0 0 0 4px rgba(59,130,246,.09),inset 0 1px 0 #fff;}
[data-toantin-tool="equation_composer"] .ec-full-stage-formula{max-width:100%;font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:clamp(1.5rem,3vw,2.45rem);line-height:1.6;color:#101b35;overflow:auto;}
[data-toantin-tool="equation_composer"] .ec-full-stage-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:#f5f9ff;color:#75869c;font-size:.72rem;white-space:nowrap;}
[data-toantin-tool="equation_composer"] .ec-full-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0;}
[data-toantin-tool="equation_composer"] .ec-full-editor-meta,[data-toantin-tool="equation_composer"] .ec-full-editor-secondary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
[data-toantin-tool="equation_composer"] .ec-full-context{min-width:0;border:1px solid var(--ec-border);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,31,75,.055);overflow:hidden;align-self:start;}
[data-toantin-tool="equation_composer"] .ec-full-context-tabs{display:flex;gap:2px;padding:7px;overflow-x:auto;border-bottom:1px solid var(--ec-border);background:#f8fbff;scrollbar-width:thin;}
[data-toantin-tool="equation_composer"] .ec-full-context-tab{border:1px solid transparent;background:transparent;color:#5a6e88;white-space:nowrap;border-radius:8px;}
[data-toantin-tool="equation_composer"] .ec-full-context-tab.active{background:#fff;border-color:#bdd5f1;color:var(--ec-primary);font-weight:700;box-shadow:0 1px 3px rgba(15,31,75,.06);}
[data-toantin-tool="equation_composer"] .ec-full-context-panel{padding:12px;max-height:430px;overflow:auto;}
[data-toantin-tool="equation_composer"] .ec-full-context-panel[hidden]{display:none;}
[data-toantin-tool="equation_composer"] .ec-full-context-hint,[data-toantin-tool="equation_composer"] .ec-full-panel-lead span{display:block;margin:.35rem 0 .7rem;color:var(--ec-muted);font-size:.78rem;line-height:1.45;}
[data-toantin-tool="equation_composer"] .ec-full-context-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
[data-toantin-tool="equation_composer"] .ec-full-context-actions .btn{min-height:38px;text-align:left;border-color:#e0e8f3;}
[data-toantin-tool="equation_composer"] .ec-full-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
[data-toantin-tool="equation_composer"] .ec-full-recent-grid .ec-full-template-btn{width:100%;min-width:0;}
[data-toantin-tool="equation_composer"] .ec-full-empty-mini{padding:20px 12px;text-align:center;color:var(--ec-muted);border:1px dashed #cbd9ea;border-radius:11px;background:#fbfdff;font-size:.8rem;}
[data-toantin-tool="equation_composer"] .ec-full-diagnostic-result{margin-top:9px;min-height:28px;padding:7px 8px;border-radius:8px;background:#f8fbff;color:#53657e;font-size:.76rem;}
[data-toantin-tool="equation_composer"] .ec-full-statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;border-top:1px solid var(--ec-border);background:#fff;color:#7a899c;font-size:.69rem;}
@media(max-width:991.98px){
  [data-toantin-tool="equation_composer"] .ec-full-appbar{grid-template-columns:minmax(0,1fr) auto;} 
  [data-toantin-tool="equation_composer"] .ec-full-header-status{display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{grid-template-columns:1fr;}
  [data-toantin-tool="equation_composer"] .ec-full-context{order:2;}
  [data-toantin-tool="equation_composer"] .ec-full-context-panels{max-height:none;}
  [data-toantin-tool="equation_composer"] .ec-full-context-panel{max-height:320px;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:270px;}
}
@media(max-width:767.98px){
  [data-toantin-tool="equation_composer"] .ec-full-appbar{grid-template-columns:1fr;padding:11px 12px;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions{justify-content:flex-start;overflow-x:auto;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{min-height:44px;}
  [data-toantin-tool="equation_composer"] .ec-full-commandbar{grid-template-columns:1fr;padding:7px;}
  [data-toantin-tool="equation_composer"] .ec-full-command-utility{padding:0 0 6px;border-right:0;border-bottom:1px solid var(--ec-border);}
  [data-toantin-tool="equation_composer"] .ec-full-template-btn{width:48px;height:46px;flex-basis:48px;}
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{padding:8px;gap:8px;}
  [data-toantin-tool="equation_composer"] .ec-full-section-body{padding:9px;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:230px;padding:14px;}
  [data-toantin-tool="equation_composer"] .ec-full-editor-footer{align-items:flex-start;flex-direction:column;}
  [data-toantin-tool="equation_composer"] .ec-full-context-tabs{position:sticky;top:0;z-index:1;}
  [data-toantin-tool="equation_composer"] .ec-full-statusbar{align-items:flex-start;flex-direction:column;}
}
@media(max-width:390px){
  [data-toantin-tool="equation_composer"] .ec-full-brand-mark{width:38px;height:38px;border-radius:10px;}
  [data-toantin-tool="equation_composer"] .ec-full-brand p{display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{flex:1 0 auto;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:210px;}
  [data-toantin-tool="equation_composer"] .ec-full-context-actions{grid-template-columns:1fr;}
  [data-toantin-tool="equation_composer"] .ec-full-context-panel{max-height:280px;}
}
@media(min-width:1600px){
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:16px;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:410px;}
  [data-toantin-tool="equation_composer"] .ec-full-template-btn{width:50px;height:46px;flex-basis:50px;}
}
@media(prefers-reduced-motion:reduce){[data-toantin-tool="equation_composer"] .ec-full-template-btn{transition:none}[data-toantin-tool="equation_composer"] .ec-full-template-btn:hover{transform:none}}

/* V1.1 B12 — accessibility / responsive / LCD-projector quality */
[data-toantin-tool="equation_composer"] .ec-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-toantin-tool="equation_composer"] .ec-skip-link{position:absolute;left:10px;top:8px;z-index:60;transform:translateY(-160%);padding:.5rem .75rem;border-radius:9px;background:#102a56;color:#fff;font-weight:700;text-decoration:none}
[data-toantin-tool="equation_composer"] .ec-skip-link:focus-visible{transform:translateY(0);outline:3px solid #7dd3fc;outline-offset:2px}
[data-toantin-tool="equation_composer"] [role="tab"]:focus-visible,[data-toantin-tool="equation_composer"] [role="grid"] button:focus-visible{outline:3px solid rgba(22,103,232,.30);outline-offset:2px}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas:focus-visible{outline:3px solid rgba(22,103,232,.30);outline-offset:3px}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11[data-density="teaching"] .ec-full-template-btn{width:54px;height:52px;flex-basis:54px}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11[data-density="teaching"] .ec-full-primary-actions .btn,[data-toantin-tool="equation_composer"] .ec-full-tool-v11[data-density="teaching"] .ec-full-context-actions .btn{min-height:48px;font-size:.9rem}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11[data-density="teaching"] .ec-full-stage-formula{font-size:clamp(1.8rem,3.4vw,2.8rem)}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11[data-density="teaching"] .ec-full-context-tab{min-height:46px;padding:.55rem .75rem}
@media(max-width:360px){[data-toantin-tool="equation_composer"] .ec-full-primary-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{width:100%}[data-toantin-tool="equation_composer"] .ec-full-template-btn{width:46px;height:46px;flex-basis:46px}[data-toantin-tool="equation_composer"] .ec-vk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px) and (pointer:coarse){[data-toantin-tool="equation_composer"] .ec-full-template-btn,[data-toantin-tool="equation_composer"] .ec-vk-key{min-width:52px;min-height:52px}[data-toantin-tool="equation_composer"] .ec-full-context-tab{min-height:48px}}
@media(min-width:1600px){[data-toantin-tool="equation_composer"] .ec-full-tool-v11{font-size:1.05rem}[data-toantin-tool="equation_composer"] .ec-full-stage-formula{font-size:clamp(2rem,2.7vw,3rem)}[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{min-height:44px}[data-toantin-tool="equation_composer"] .ec-full-template-btn{width:54px;height:50px;flex-basis:54px}}
@media(prefers-contrast:more){[data-toantin-tool="equation_composer"] .ec-full-tool-v11,[data-toantin-tool="equation_composer"] .ec-vk-v2{--ec-border:#718096;--ec-muted:#374151}[data-toantin-tool="equation_composer"] .ec-full-template-btn,[data-toantin-tool="equation_composer"] .ec-vk-key{border-width:2px}}
@media(forced-colors:active){[data-toantin-tool="equation_composer"] .ec-full-template-btn,[data-toantin-tool="equation_composer"] .ec-full-context-tab,[data-toantin-tool="equation_composer"] .ec-vk-key,[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{forced-color-adjust:auto;border:1px solid ButtonText}[data-toantin-tool="equation_composer"] .ec-full-context-tab.active{outline:2px solid Highlight;color:HighlightText;background:Highlight}[data-toantin-tool="equation_composer"] .ec-skip-link{background:Canvas;color:CanvasText;border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){[data-toantin-tool="equation_composer"] .ec-skip-link{transition:none}[data-toantin-tool="equation_composer"] *{scroll-behavior:auto}}

/* V1.1 B14 — Visual Excellence / premium polish layer */
[data-toantin-tool="equation_composer"]{
  --ec-v14-shadow-soft:0 10px 30px rgba(15,31,75,.07);
  --ec-v14-shadow-float:0 18px 46px rgba(15,31,75,.12);
  --ec-v14-glow:0 0 0 3px rgba(56,189,248,.10),0 8px 24px rgba(13,91,239,.10);
  --ec-v14-radius-sm:10px;
  --ec-v14-radius-md:14px;
  --ec-v14-radius-lg:18px;
}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11{
  background:
    radial-gradient(circle at 84% -10%,rgba(56,189,248,.10),transparent 30%),
    radial-gradient(circle at 12% 0,rgba(13,91,239,.055),transparent 27%),
    #f7faff;
}
[data-toantin-tool="equation_composer"] .ec-full-appbar{
  position:relative;
  background:rgba(255,255,255,.97);
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
}
[data-toantin-tool="equation_composer"] .ec-full-appbar::after{
  content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,91,239,.22),rgba(56,189,248,.18),transparent);
  pointer-events:none;
}
[data-toantin-tool="equation_composer"] .ec-full-brand-mark{
  position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 24px rgba(13,91,239,.20),inset 0 1px 0 rgba(255,255,255,.35);
}
[data-toantin-tool="equation_composer"] .ec-full-brand-mark::after{
  content:"";position:absolute;inset:4px;border-radius:9px;border:1px solid rgba(255,255,255,.24);pointer-events:none;
}
[data-toantin-tool="equation_composer"] .ec-full-commandbar{
  background:rgba(255,255,255,.88);backdrop-filter:blur(10px);
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn,
[data-toantin-tool="equation_composer"] .ec-full-command-btn,
[data-toantin-tool="equation_composer"] .ec-full-context-tab,
[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{
  transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease;
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:hover,
[data-toantin-tool="equation_composer"] .ec-full-command-btn:hover,
[data-toantin-tool="equation_composer"] .ec-full-context-tab:hover{
  transform:translateY(-1px);
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:hover{
  background:linear-gradient(180deg,#fff,#f3f8ff);border-color:#94bff2;box-shadow:var(--ec-v14-glow);
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:active,
[data-toantin-tool="equation_composer"] .ec-full-command-btn:active,
[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn:active{
  transform:translateY(0) scale(.98);
}
[data-toantin-tool="equation_composer"] .ec-full-section,
[data-toantin-tool="equation_composer"] .ec-full-context{
  border-color:#d7e5f6;border-radius:var(--ec-v14-radius-lg);box-shadow:var(--ec-v14-shadow-soft);
}
[data-toantin-tool="equation_composer"] .ec-full-section-head{
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas{
  min-height:340px;border-radius:16px;border-color:#c6daf2;
  background:
    radial-gradient(circle at 50% -18%,rgba(56,189,248,.12),transparent 38%),
    linear-gradient(145deg,#fff 0%,#fbfdff 62%,#f4f8ff 100%);
  box-shadow:inset 0 1px 0 #fff,0 14px 36px rgba(15,31,75,.055);
}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas::before{
  content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid rgba(13,91,239,.045);pointer-events:none;
}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas:focus-within{
  border-color:#69a6ee;box-shadow:0 0 0 4px rgba(56,189,248,.12),0 14px 38px rgba(13,91,239,.09),inset 0 1px 0 #fff;
}
[data-toantin-tool="equation_composer"] .ec-full-stage-formula{
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
[data-toantin-tool="equation_composer"] .ec-full-stage-hint{
  border:1px solid rgba(188,211,239,.72);background:rgba(248,251,255,.90);backdrop-filter:blur(8px);
}
[data-toantin-tool="equation_composer"] .ec-full-context-tabs{
  padding:8px;background:linear-gradient(180deg,#fbfdff,#f5f9ff);
}
[data-toantin-tool="equation_composer"] .ec-full-context-tab.active{
  border-color:#a9cdf7;background:linear-gradient(180deg,#fff,#f0f6ff);box-shadow:0 4px 12px rgba(13,91,239,.08),inset 0 -2px 0 var(--ec-primary);
}
[data-toantin-tool="equation_composer"] .ec-full-status-pill{
  border-color:#d8e6f6;background:rgba(248,251,255,.92);box-shadow:inset 0 1px 0 #fff;
}
[data-toantin-tool="equation_composer"] .ec-full-statusbar{
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
}
[data-toantin-tool="equation_composer"] .ec-full-empty-mini,
[data-toantin-tool="equation_composer"] .ec-empty-state{
  background:linear-gradient(180deg,#fff,#f8fbff);border-color:#bfd5ee;
}
[data-toantin-tool="equation_composer"] .ec-vk-key:hover,
[data-toantin-tool="equation_composer"] .ec-full-context-actions .btn:hover{
  box-shadow:var(--ec-v14-glow);border-color:#9fc4f0;
}
[data-toantin-tool="equation_composer"] [aria-disabled="true"],
[data-toantin-tool="equation_composer"] button:disabled{
  cursor:not-allowed;filter:saturate(.7);opacity:.5;
}
[data-toantin-tool="equation_composer"] .ec-full-status-ok::before,
[data-toantin-tool="equation_composer"] .ec-full-status-warn::before{
  content:"";width:6px;height:6px;border-radius:999px;display:inline-block;flex:0 0 auto;
}
[data-toantin-tool="equation_composer"] .ec-full-status-ok::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.10)}
[data-toantin-tool="equation_composer"] .ec-full-status-warn::before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.11)}
@media (pointer:coarse){
  [data-toantin-tool="equation_composer"] .ec-full-template-btn:hover,
  [data-toantin-tool="equation_composer"] .ec-full-command-btn:hover,
  [data-toantin-tool="equation_composer"] .ec-full-context-tab:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="equation_composer"] .ec-full-template-btn,
  [data-toantin-tool="equation_composer"] .ec-full-command-btn,
  [data-toantin-tool="equation_composer"] .ec-full-context-tab,
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{transition:none!important;transform:none!important}
}


/* Owner Fix 06A: Equation Composer owns contextual menus; hide MathLive's competing hamburger. */

/* Roadmap Fix Equation V1 — Phase 05: UI information architecture */
[data-toantin-tool="equation_composer"] .ec-context-bar{
  justify-content:space-between;
  gap:10px;
  overflow:visible;
  min-height:46px;
}
[data-toantin-tool="equation_composer"] .ec-context-actions{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  scrollbar-width:thin;
}
[data-toantin-tool="equation_composer"] .ec-context-idle{
  color:var(--ec-muted);
  font-size:.78rem;
  padding:0 4px;
  white-space:nowrap;
}
[data-toantin-tool="equation_composer"] .ec-editor-utility-group{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  margin-left:auto;
  padding-left:8px;
  border-left:1px solid var(--ec-border);
}
[data-toantin-tool="equation_composer"] .ec-editor-utility-btn{
  width:38px;
  height:36px;
  padding:0;
  border:1px solid #dfe8f5;
  border-radius:9px;
  background:#fff;
  color:#304a6d;
}
[data-toantin-tool="equation_composer"] .ec-editor-utility-btn:hover,
[data-toantin-tool="equation_composer"] .ec-editor-utility-btn.active,
[data-toantin-tool="equation_composer"] .ec-editor-utility-btn[aria-expanded="true"]{
  background:#eaf3ff;
  border-color:#a9c9f4;
  color:var(--ec-primary);
}
[data-toantin-tool="equation_composer"] .ec-topbar{gap:5px!important;}
[data-toantin-tool="equation_composer"] .ec-strip-wrap{padding-top:6px;padding-bottom:6px;}
[data-toantin-tool="equation_composer"] .ec-full-commandbar{align-items:center;}
[data-toantin-tool="equation_composer"] .ec-full-command-utility{flex:0 0 auto;}
[data-toantin-tool="equation_composer"] .ec-full-quick-strip{flex:1 1 auto;min-width:0;}
@media(max-width:767.98px){
  [data-toantin-tool="equation_composer"] .ec-context-bar{gap:6px;padding:6px;}
  [data-toantin-tool="equation_composer"] .ec-context-idle{display:none;}
  [data-toantin-tool="equation_composer"] .ec-editor-utility-group{padding-left:6px;}
  [data-toantin-tool="equation_composer"] .ec-editor-utility-btn{width:42px;height:42px;}
}


/* Roadmap Fix Equation V1 — Phase 06: Toolbar / Palette Density & Floating UX
   Desktop preserves current clarity; tablet compacts visual density ~15–20%;
   mobile compacts visual/icon/padding ~30–35% while preserving usable hit areas. */
[data-toantin-tool="equation_composer"] .ec-category-tabs{
  gap:2px;
  padding:6px 7px;
}
[data-toantin-tool="equation_composer"] .ec-template-panel{padding:8px;}
[data-toantin-tool="equation_composer"] .ec-template-grid{
  grid-template-columns:repeat(auto-fill,minmax(52px,1fr));
  gap:5px;
}
[data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn{
  height:50px;
  padding:3px;
}
[data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-preview-svg{
  width:56px;
  height:34px;
}
[data-toantin-tool="equation_composer"] .ec-favorites{
  overflow:hidden;
  scrollbar-width:none;
}
[data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn:nth-child(n+9){display:none;}
[data-toantin-tool="equation_composer"] .ec-strip-wrap{
  padding-inline:8px;
}
[data-toantin-tool="equation_composer"] .ec-full-quick-strip{
  gap:4px;
  overflow:hidden;
}
[data-toantin-tool="equation_composer"] .ec-full-quick-strip .ec-full-template-btn:nth-child(n+9){display:none;}

@media (min-width:768px) and (max-width:1199.98px){
  [data-toantin-tool="equation_composer"] .ec-category-tabs{padding:5px 6px;}
  [data-toantin-tool="equation_composer"] .ec-category-btn{
    width:34px;
    height:34px;
    border-radius:8px;
    font-size:.88rem;
  }
  [data-toantin-tool="equation_composer"] .ec-template-panel{padding:7px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid{
    grid-template-columns:repeat(auto-fill,minmax(46px,1fr));
    gap:4px;
  }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn{
    height:46px;
    min-height:46px;
    padding:2px;
    border-radius:9px;
  }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-preview-svg{
    width:48px;
    height:29px;
  }
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn:nth-child(n+7){display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-quick-strip .ec-full-template-btn:nth-child(n+7){display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-template-btn{
    width:42px;
    height:40px;
    flex-basis:42px;
  }
  [data-toantin-tool="equation_composer"] .ec-full-template-btn .ec-math-preview-svg{
    max-width:35px;
    max-height:26px;
  }
}

@media (max-width:767.98px){
  [data-toantin-tool="equation_composer"] .ec-strip-wrap{
    padding:5px 6px;
  }
  [data-toantin-tool="equation_composer"] .ec-category-tabs{
    gap:1px;
    padding:4px 5px;
  }
  [data-toantin-tool="equation_composer"] .ec-category-btn{
    width:44px;
    height:44px;
    border-radius:8px;
    font-size:.84rem;
  }
  [data-toantin-tool="equation_composer"] .ec-template-panel{padding:5px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid{
    grid-template-columns:repeat(5,minmax(44px,1fr));
    gap:3px;
  }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn{
    min-height:44px;
    height:44px;
    padding:1px;
    border-radius:8px;
  }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-preview-svg{
    width:40px;
    height:25px;
  }
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-icon{
    font-size:.98rem;
  }
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn:nth-child(n+5){display:none;}
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn{
    min-width:44px;
    width:44px;
    height:44px;
    padding:0 3px;
  }
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-math-preview-svg{
    width:36px;
    height:23px;
  }
  [data-toantin-tool="equation_composer"] .ec-full-quick-strip .ec-full-template-btn:nth-child(n+5){display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-template-btn{
    width:44px;
    height:44px;
    flex-basis:44px;
    padding:1px;
  }
  [data-toantin-tool="equation_composer"] .ec-full-template-btn .ec-math-preview-svg{
    max-width:32px;
    max-height:23px;
  }
}
@media (max-width:390px){
  [data-toantin-tool="equation_composer"] .ec-template-grid{
    grid-template-columns:repeat(4,minmax(44px,1fr));
  }
}
@media (pointer:coarse){
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn,
  [data-toantin-tool="equation_composer"] .ec-category-btn,
  [data-toantin-tool="equation_composer"] .ec-full-template-btn{
    min-width:44px;
    min-height:44px;
  }
}

/* Roadmap Fix Equation V1 — Phase 07: Full Tool Visual Excellence
   Production-facing polish only; no new Core/state/persistence. */
[data-toantin-tool="equation_composer"] .ec-full-tool-v11{
  --ec-p07-surface:#ffffff;
  --ec-p07-surface-soft:#f8fbff;
  --ec-p07-border:#e3ebf5;
  --ec-p07-border-strong:#cbdcf0;
  --ec-p07-text:#10213e;
  --ec-p07-muted:#667892;
  --ec-p07-shadow:0 8px 24px rgba(15,31,75,.055);
  --ec-p07-shadow-focus:0 0 0 3px rgba(13,91,239,.14);
  background:linear-gradient(180deg,#f8fbff 0,#f4f8fd 100%);
}
[data-toantin-tool="equation_composer"] .ec-full-appbar{
  grid-template-columns:minmax(230px,1fr) auto auto;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--ec-p07-border);
  background:rgba(255,255,255,.96);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
[data-toantin-tool="equation_composer"] .ec-full-brand{gap:9px}
[data-toantin-tool="equation_composer"] .ec-full-brand-mark{
  width:38px;height:38px;border-radius:11px;
  box-shadow:0 6px 16px rgba(13,91,239,.15);
}
[data-toantin-tool="equation_composer"] .ec-full-brand h2{font-size:1rem;color:var(--ec-p07-text)}
[data-toantin-tool="equation_composer"] .ec-full-brand p{font-size:.74rem;color:var(--ec-p07-muted)}
[data-toantin-tool="equation_composer"] .ec-full-header-status{gap:5px}
[data-toantin-tool="equation_composer"] .ec-full-status-pill{
  min-height:26px;padding:2px 7px;border-color:var(--ec-p07-border);background:#fbfdff;
}
[data-toantin-tool="equation_composer"] .ec-full-primary-actions{gap:5px}
[data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{
  min-height:36px;border-radius:9px;font-weight:600;
}
[data-toantin-tool="equation_composer"] .ec-full-insert{box-shadow:0 5px 12px rgba(13,91,239,.14)}
[data-toantin-tool="equation_composer"] .ec-full-commandbar{
  gap:8px;padding:7px 10px;border-bottom:1px solid var(--ec-p07-border);background:#fbfdff;
}
[data-toantin-tool="equation_composer"] .ec-full-command-utility{gap:3px;padding-right:8px;border-right-color:var(--ec-p07-border)}
[data-toantin-tool="equation_composer"] .ec-full-command-btn{
  width:36px;height:36px;border:1px solid transparent;background:transparent;color:#405877;
}
[data-toantin-tool="equation_composer"] .ec-full-command-btn:hover{
  background:#edf5ff;border-color:#d2e3f8;color:#0d5bef;
}
[data-toantin-tool="equation_composer"] .ec-full-workspace-v11{
  grid-template-columns:minmax(0,1fr) minmax(270px,320px);
  gap:10px;padding:10px;min-height:450px;
}
[data-toantin-tool="equation_composer"] .ec-full-editor-stage{gap:8px}
[data-toantin-tool="equation_composer"] .ec-full-section,
[data-toantin-tool="equation_composer"] .ec-full-context{
  border-color:var(--ec-p07-border);
  border-radius:14px;
  box-shadow:var(--ec-p07-shadow);
}
[data-toantin-tool="equation_composer"] .ec-full-section-head{
  padding:10px 12px;border-bottom-color:var(--ec-p07-border);background:#fff;
}
[data-toantin-tool="equation_composer"] .ec-full-section-head h3{font-size:.88rem;color:var(--ec-p07-text)}
[data-toantin-tool="equation_composer"] .ec-full-section-head p{font-size:.73rem;color:var(--ec-p07-muted)}
[data-toantin-tool="equation_composer"] .ec-full-section-body{padding:12px}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas{
  min-height:286px;
  padding:24px 22px 42px;
  border-color:var(--ec-p07-border-strong);
  background:radial-gradient(circle at 50% 12%,#fff 0,#fbfdff 58%,#f7faff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
[data-toantin-tool="equation_composer"] .ec-full-stage-canvas:focus-within{
  border-color:#82b2ed;box-shadow:var(--ec-p07-shadow-focus),inset 0 1px 0 #fff;
}
[data-toantin-tool="equation_composer"] .ec-full-stage-formula{color:#111d34}
[data-toantin-tool="equation_composer"] .ec-full-stage-hint{
  bottom:12px;padding:5px 9px;background:transparent;color:#8391a5;font-size:.7rem;
}
[data-toantin-tool="equation_composer"] .ec-full-editor-footer{padding:0 1px;gap:8px}
[data-toantin-tool="equation_composer"] .ec-full-context-tabs{
  gap:1px;padding:6px;border-bottom-color:var(--ec-p07-border);background:#f8fbff;
}
[data-toantin-tool="equation_composer"] .ec-full-context-tab{
  min-height:34px;padding:.3rem .5rem;color:#60748f;border-radius:8px;
}
[data-toantin-tool="equation_composer"] .ec-full-context-tab:hover{background:#eef5ff;color:#214e88}
[data-toantin-tool="equation_composer"] .ec-full-context-tab.active{
  background:#fff;border-color:#c8daf0;color:#0d5bef;box-shadow:0 1px 3px rgba(15,31,75,.05);
}
[data-toantin-tool="equation_composer"] .ec-full-context-panel{padding:12px}
[data-toantin-tool="equation_composer"] .ec-full-context-hint,
[data-toantin-tool="equation_composer"] .ec-full-panel-lead span{color:var(--ec-p07-muted)}
[data-toantin-tool="equation_composer"] .ec-full-empty-mini{
  padding:18px 12px;border:1px dashed #d7e3f1;border-radius:10px;background:#fbfdff;color:#75869d;text-align:center;
}
[data-toantin-tool="equation_composer"] .ec-full-diagnostic-result:empty{display:none}
[data-toantin-tool="equation_composer"] .ec-full-statusbar{
  min-height:34px;padding:7px 12px;border-top:1px solid var(--ec-p07-border);background:#fbfdff;color:#708198;font-size:.7rem;
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn{
  border-color:#e1eaf5;box-shadow:0 1px 2px rgba(15,31,75,.025);
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:hover{
  background:#f4f8ff;border-color:#9fc4f2;box-shadow:0 3px 10px rgba(13,91,239,.08);transform:translateY(-1px);
}
[data-toantin-tool="equation_composer"] .ec-full-template-btn:active{transform:translateY(0) scale(.98);box-shadow:none}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11 button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11 .btn-light{background:#fff;border-color:#e1eaf5;color:#405877}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11 .btn-light:hover{background:#f3f7fc;border-color:#cbdcf0;color:#244b7d}
[data-toantin-tool="equation_composer"] .ec-full-tool-v11 .btn:focus-visible{outline:0;box-shadow:var(--ec-p07-shadow-focus)}


@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="equation_composer"] .ec-full-tool-v11 *,
  [data-toantin-tool="equation_composer"] .ec-full-tool-v11 *::before,
  [data-toantin-tool="equation_composer"] .ec-full-tool-v11 *::after{scroll-behavior:auto!important}
}


/* Roadmap Fix Equation V1 — Phase 08: Responsive / Touch / LCD Rebuild
   Device-quality pass: 360/390, tablet, desktop, 1920/fullscreen, coarse-pointer LCD.
   Visual density scales without shrinking usable touch hit areas. */
[data-toantin-tool="equation_composer"]{
  --ec-safe-bottom:env(safe-area-inset-bottom,0px);
  --ec-safe-left:env(safe-area-inset-left,0px);
  --ec-safe-right:env(safe-area-inset-right,0px);
}
[data-toantin-tool="equation_composer"] .ec-shell,
[data-toantin-tool="equation_composer"] .ec-workspace,
[data-toantin-tool="equation_composer"] .ec-edit-area,
[data-toantin-tool="equation_composer"] .ec-palette,
[data-toantin-tool="equation_composer"] .ec-full-tool-v11,
[data-toantin-tool="equation_composer"] .ec-full-workspace-v11{min-width:0;max-width:100%;}
[data-toantin-tool="equation_composer"] .ec-category-tabs,
[data-toantin-tool="equation_composer"] .ec-favorites,
[data-toantin-tool="equation_composer"] .ec-full-quick-strip,
[data-toantin-tool="equation_composer"] .ec-full-context-tabs{
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
[data-toantin-tool="equation_composer"] button,
[data-toantin-tool="equation_composer"] [role="button"]{touch-action:manipulation;}
[data-toantin-tool="equation_composer"] .ec-vk-v2{
  max-width:calc(100% - var(--ec-safe-left) - var(--ec-safe-right));
  overscroll-behavior:contain;
}
[data-toantin-tool="equation_composer"] .ec-vk-v2[data-placement="floating"]{
  bottom:calc(16px + var(--ec-safe-bottom));
}

/* Tablet portrait/landscape: target ~15–20% visual compaction while preserving hierarchy. */
@media (min-width:768px) and (max-width:1199.98px){
  [data-toantin-tool="equation_composer"] .ec-workspace{grid-template-columns:minmax(238px,31%) minmax(0,1fr);min-height:350px;}
  [data-toantin-tool="equation_composer"] .ec-edit-area{padding:14px;}
  [data-toantin-tool="equation_composer"] .ec-editor-canvas{min-height:215px;padding:13px;}
  [data-toantin-tool="equation_composer"] .ec-a2-editor-fallback,
  [data-toantin-tool="equation_composer"] .ec-mathfield{min-height:132px;padding:12px;font-size:clamp(1.25rem,2.25vw,1.75rem);}
  [data-toantin-tool="equation_composer"] .ec-context-bar{padding:6px 7px;gap:6px;}
  [data-toantin-tool="equation_composer"] .ec-editor-utility-btn{width:34px;height:34px;}
  [data-toantin-tool="equation_composer"] .ec-full-appbar{padding:10px 12px;gap:9px;}
  [data-toantin-tool="equation_composer"] .ec-full-commandbar{padding:6px 8px;gap:6px;}
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{padding:8px;gap:8px;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:250px;padding:18px 16px 34px;}
  [data-toantin-tool="equation_composer"] .ec-full-context-panel{max-height:300px;}
  [data-toantin-tool="equation_composer"] .ec-vk-grid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:.35rem;padding:.45rem;}
  [data-toantin-tool="equation_composer"] .ec-vk-key{min-height:46px;}
}

/* Mobile: compact visual footprint ~30–35%, keep usable hit targets and avoid viewport breakage. */
@media (max-width:767.98px){
  [data-toantin-tool="equation_composer"]{border-left:0;border-right:0;border-radius:10px;}
  [data-toantin-tool="equation_composer"] .ec-topbar{min-height:46px;padding:5px 6px;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;}
  [data-toantin-tool="equation_composer"] .ec-topbar::-webkit-scrollbar{display:none;}
  [data-toantin-tool="equation_composer"] .ec-action-btn{width:44px;height:44px;min-width:44px;}
  [data-toantin-tool="equation_composer"] .ec-strip-wrap{padding:4px 6px;}
  [data-toantin-tool="equation_composer"] .ec-section-label{font-size:.61rem;margin-bottom:3px;}
  [data-toantin-tool="equation_composer"] .ec-workspace{grid-template-columns:1fr;min-height:0;}
  [data-toantin-tool="equation_composer"] .ec-palette{max-height:42vh;overflow:auto;}
  [data-toantin-tool="equation_composer"] .ec-category-tabs{position:sticky;top:0;z-index:4;background:#fbfdff;}
  [data-toantin-tool="equation_composer"] .ec-template-panel{padding:5px 5px 7px;}
  [data-toantin-tool="equation_composer"] .ec-edit-area{padding:8px 7px calc(8px + var(--ec-safe-bottom));}
  [data-toantin-tool="equation_composer"] .ec-editor-heading{margin-bottom:6px;gap:6px!important;}
  [data-toantin-tool="equation_composer"] .ec-editor-heading small{display:none;}
  [data-toantin-tool="equation_composer"] .ec-editor-controls{gap:3px!important;}
  [data-toantin-tool="equation_composer"] .ec-profile-select{min-width:0;max-width:none;}
  [data-toantin-tool="equation_composer"] .ec-context-bar{min-height:48px;padding:3px 4px;gap:4px;}
  [data-toantin-tool="equation_composer"] .ec-context-actions{min-width:0;overflow-x:auto;scrollbar-width:none;}
  [data-toantin-tool="equation_composer"] .ec-editor-utility-group{padding-left:4px;gap:3px;}
  [data-toantin-tool="equation_composer"] .ec-editor-utility-btn{width:44px;height:44px;min-width:44px;}
  [data-toantin-tool="equation_composer"] .ec-editor-canvas{min-height:178px;padding:6px;border-radius:11px;scroll-margin-bottom:48vh;}
  [data-toantin-tool="equation_composer"] .ec-a2-editor-fallback,
  [data-toantin-tool="equation_composer"] .ec-mathfield{min-height:132px;padding:8px;font-size:clamp(1.18rem,5.4vw,1.55rem);line-height:1.5;}
  [data-toantin-tool="equation_composer"] .ec-full-appbar{padding:8px 8px 7px;gap:7px;}
  [data-toantin-tool="equation_composer"] .ec-full-brand-mark{width:34px;height:34px;}
  [data-toantin-tool="equation_composer"] .ec-full-brand h2{font-size:.92rem;}
  [data-toantin-tool="equation_composer"] .ec-full-commandbar{padding:5px 6px;gap:5px;}
  [data-toantin-tool="equation_composer"] .ec-full-command-btn{width:44px;height:44px;}
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{padding:6px;gap:6px;}
  [data-toantin-tool="equation_composer"] .ec-full-section-head{padding:8px 9px;}
  [data-toantin-tool="equation_composer"] .ec-full-section-body{padding:7px;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:190px;padding:12px 9px 32px;scroll-margin-bottom:48vh;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-hint{bottom:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;}
  [data-toantin-tool="equation_composer"] .ec-full-context{border-radius:11px;}
  [data-toantin-tool="equation_composer"] .ec-full-context-tabs{padding:4px;gap:1px;}
  [data-toantin-tool="equation_composer"] .ec-full-context-tab{min-height:44px;padding:.3rem .48rem;}
  [data-toantin-tool="equation_composer"] .ec-full-context-panel{padding:8px;max-height:42vh;}
  [data-toantin-tool="equation_composer"] .ec-full-statusbar{padding:6px 8px;font-size:.64rem;}
  [data-toantin-tool="equation_composer"] .ec-vk-v2{margin:0;border-radius:12px 12px 0 0;padding-bottom:var(--ec-safe-bottom);}
  [data-toantin-tool="equation_composer"] .ec-vk-v2[data-placement="floating"]{left:6px!important;right:6px!important;bottom:calc(6px + var(--ec-safe-bottom));width:auto;max-height:min(44dvh,330px);}
  [data-toantin-tool="equation_composer"] .ec-vk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:.38rem;max-height:min(34dvh,255px);}
  [data-toantin-tool="equation_composer"] .ec-vk-key{min-width:44px;min-height:44px;padding:.2rem;}
}

@media (max-width:390px){
  [data-toantin-tool="equation_composer"] .ec-favorites .ec-icon-btn{width:44px;min-width:44px;height:44px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid{grid-template-columns:repeat(4,minmax(44px,1fr));gap:3px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-icon-btn{height:44px;min-height:44px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid .ec-math-preview-svg{width:38px;height:23px;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{min-width:0;width:100%;padding-inline:.35rem;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:178px;}
}

@media (max-width:360px){
  [data-toantin-tool="equation_composer"] .ec-template-grid{grid-template-columns:repeat(4,minmax(42px,1fr));}
  [data-toantin-tool="equation_composer"] .ec-full-brand p{display:none;}
  [data-toantin-tool="equation_composer"] .ec-full-context-actions{grid-template-columns:1fr;}
  [data-toantin-tool="equation_composer"] .ec-full-statusbar span:first-child{display:none;}
}

/* Large desktop / fullscreen: use space without bloating controls. */
@media (min-width:1600px){
  [data-toantin-tool="equation_composer"] .ec-workspace{grid-template-columns:minmax(320px,32%) minmax(0,1fr);min-height:470px;}
  [data-toantin-tool="equation_composer"] .ec-editor-canvas{min-height:350px;}
  [data-toantin-tool="equation_composer"] .ec-full-workspace-v11{grid-template-columns:minmax(0,1fr) minmax(330px,360px);max-width:1920px;margin-inline:auto;}
  [data-toantin-tool="equation_composer"] .ec-full-stage-canvas{min-height:400px;}
}

/* Touch LCD / projector: no hover dependency, stronger active state, larger physical targets. */
@media (min-width:1200px) and (pointer:coarse){
  [data-toantin-tool="equation_composer"] .ec-action-btn,
  [data-toantin-tool="equation_composer"] .ec-category-btn,
  [data-toantin-tool="equation_composer"] .ec-icon-btn,
  [data-toantin-tool="equation_composer"] .ec-context-btn,
  [data-toantin-tool="equation_composer"] .ec-editor-utility-btn,
  [data-toantin-tool="equation_composer"] .ec-full-command-btn,
  [data-toantin-tool="equation_composer"] .ec-full-template-btn,
  [data-toantin-tool="equation_composer"] .ec-vk-key{min-width:52px;min-height:52px;}
  [data-toantin-tool="equation_composer"] .ec-template-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px;}
  [data-toantin-tool="equation_composer"] .ec-full-context-tab{min-height:50px;font-size:.92rem;}
  [data-toantin-tool="equation_composer"] .ec-full-primary-actions .btn{min-height:50px;font-size:.95rem;}
  [data-toantin-tool="equation_composer"] .ec-icon-btn:active,
  [data-toantin-tool="equation_composer"] .ec-category-btn:active,
  [data-toantin-tool="equation_composer"] .ec-vk-key:active,
  [data-toantin-tool="equation_composer"] .ec-full-template-btn:active{background:#dcecff;border-color:#7cace8;color:#0b4fcf;box-shadow:inset 0 0 0 2px rgba(13,91,239,.13);}
  [data-toantin-tool="equation_composer"] .ec-full-stage-formula{font-size:clamp(2rem,3.2vw,3.15rem);}
}

@media (hover:none){
  [data-toantin-tool="equation_composer"] .ec-icon-btn:hover,
  [data-toantin-tool="equation_composer"] .ec-category-btn:hover,
  [data-toantin-tool="equation_composer"] .ec-full-template-btn:hover,
  [data-toantin-tool="equation_composer"] .ec-vk-key:hover{transform:none;box-shadow:none;}
}

/* V1.1 OP01 — editor ownership / Full Tool recovery */
[data-toantin-tool="equation_composer"] math-field::part(menu-toggle){display:none}
[data-toantin-tool="equation_composer"] .ec-editor-detached-placeholder{
  min-height:148px;display:flex;align-items:center;justify-content:center;text-align:center;
  border:1px dashed #c9d9ec;border-radius:12px;background:#f8fbff;color:#60738d;
  font-size:.86rem;padding:1rem;
}
[data-toantin-tool="equation_composer"] .ec-full-editor-mount{
  display:flex;align-items:stretch;min-height:190px;padding:0;overflow:visible;background:#fff;
}
[data-toantin-tool="equation_composer"] .ec-full-editor-mount .ec-mathfield{
  width:100%;min-height:190px;border:0;border-radius:14px;padding:22px 24px;font-size:clamp(1.55rem,2.4vw,2.35rem);
  background:#fff;
}
[data-toantin-tool="equation_composer"] .ec-full-editor-mount .ec-mathfield:focus-within{
  outline:2px solid rgba(37,99,235,.18);outline-offset:-2px;
}
@media(max-width:767.98px){
  [data-toantin-tool="equation_composer"] .ec-full-editor-mount,[data-toantin-tool="equation_composer"] .ec-full-editor-mount .ec-mathfield{min-height:150px}
  [data-toantin-tool="equation_composer"] .ec-full-editor-mount .ec-mathfield{padding:16px 14px;font-size:1.35rem}
}

/* V1.1 OP02 — UI Architecture & Branding */
[data-toantin-tool="equation_composer"] .ec-topbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  min-width:0;
}
[data-toantin-tool="equation_composer"] .ec-toolbar-brand{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-width:0;
  color:#163b73;
  text-decoration:none;
  font-weight:800;
  font-size:.8rem;
  letter-spacing:.015em;
  padding-right:8px;
  border-right:1px solid var(--ec-border);
}
[data-toantin-tool="equation_composer"] .ec-toolbar-brand:hover{color:var(--ec-primary)}
[data-toantin-tool="equation_composer"] .ec-toolbar-brand-logo{
  width:30px;
  height:30px;
  object-fit:contain;
  display:block;
  border-radius:8px;
  flex:0 0 auto;
}
[data-toantin-tool="equation_composer"] .ec-global-actions{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
[data-toantin-tool="equation_composer"] .ec-global-actions::-webkit-scrollbar{display:none}
[data-toantin-tool="equation_composer"] .ec-home-btn{color:#1d4f91;text-decoration:none}
[data-toantin-tool="equation_composer"] .ec-home-btn:hover{color:var(--ec-primary)}
[data-toantin-tool="equation_composer"] .ec-full-brand-logo{
  object-fit:contain;
  background:transparent!important;
  box-shadow:none!important;
  padding:0;
}
[data-toantin-tool="equation_composer"] .ec-full-home{
  min-width:34px;
  padding-inline:.55rem;
  font-size:1rem;
  text-decoration:none;
}
[data-toantin-tool="equation_composer"] .ec-full-primary-actions{
  gap:5px;
}
[data-toantin-tool="equation_composer"] .ec-strip-wrap{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}
[data-toantin-tool="equation_composer"] .ec-strip-wrap .ec-section-label{
  margin:0;
  white-space:nowrap;
}
[data-toantin-tool="equation_composer"] .ec-favorites{min-width:0}
[data-toantin-tool="equation_composer"] .ec-context-bar{
  background:linear-gradient(180deg,#fbfdff,#f7faff);
}
[data-toantin-tool="equation_composer"] .ec-context-actions:empty::before{
  content:"Sẵn sàng soạn công thức";
  color:var(--ec-muted);
  font-size:.78rem;
  padding-inline:4px;
}

@media (max-width:767.98px){
  [data-toantin-tool="equation_composer"] .ec-topbar{gap:5px!important}
  [data-toantin-tool="equation_composer"] .ec-toolbar-brand{padding-right:5px;gap:0}
  [data-toantin-tool="equation_composer"] .ec-toolbar-brand span{display:none}
  [data-toantin-tool="equation_composer"] .ec-toolbar-brand-logo{width:32px;height:32px;border-radius:8px}
  [data-toantin-tool="equation_composer"] .ec-global-actions{gap:3px}
  [data-toantin-tool="equation_composer"] .ec-strip-wrap{grid-template-columns:1fr;gap:3px}
  [data-toantin-tool="equation_composer"] .ec-strip-wrap .ec-section-label{display:none}
}
@media (max-width:390px){
  [data-toantin-tool="equation_composer"] .ec-toolbar-brand{display:none}
  [data-toantin-tool="equation_composer"] .ec-global-actions{width:100%}
}

/* V1.1 OP03 — Tool-owned editor utilities: suppress MathLive in-canvas toggles. */
[data-toantin-tool="equation_composer"] math-field::part(virtual-keyboard-toggle),
[data-toantin-tool="equation_composer"] math-field::part(keyboard-toggle){display:none!important}

/* V1.1 OP04 — dual keyboard utilities + dense matrix context */
[data-toantin-tool="equation_composer"] .ec-editor-utility-fullkbd .ec-math-icon{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800}
[data-toantin-tool="equation_composer"] .ec-context-actions[data-context="matrix"]{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
[data-toantin-tool="equation_composer"] .ec-context-actions[data-context="matrix"] .ec-context-btn{min-width:40px;padding-inline:8px}
@media(max-width:767.98px){[data-toantin-tool="equation_composer"] .ec-context-actions[data-context="matrix"]{max-width:calc(100% - 132px);overflow:auto;flex-wrap:nowrap;scrollbar-width:thin}[data-toantin-tool="equation_composer"] .ec-editor-utility-group{flex:0 0 auto}}

[data-toantin-tool="equation_composer"] .ec-matrix-fence-select{width:auto;min-width:104px}


/* V1.1 OP05 — keyboard micro-interactions */
[data-toantin-tool="equation_composer"] .ec-virtual-keyboard{
  opacity:0;
  transform:translateY(9px) scale(.985);
  transform-origin:center bottom;
  transition:opacity 180ms cubic-bezier(.2,.8,.2,1),transform 200ms cubic-bezier(.2,.8,.2,1),box-shadow 200ms ease;
  will-change:opacity,transform;
}
[data-toantin-tool="equation_composer"] .ec-virtual-keyboard.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
}
[data-toantin-tool="equation_composer"] .ec-virtual-keyboard.is-closing{
  pointer-events:none;
  opacity:0;
  transform:translateY(7px) scale(.99);
}
[data-toantin-tool="equation_composer"] .ec-editor-utility-btn[aria-pressed="true"]{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(37,99,235,.12);
}
@media (prefers-reduced-motion: reduce){
  [data-toantin-tool="equation_composer"] .ec-virtual-keyboard,
  [data-toantin-tool="equation_composer"] .ec-editor-utility-btn{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}


/* V1.1 OP07 — discovery/search polish for the expanded 400+ item catalog. */
[data-toantin-tool="equation_composer"] .ec-discovery-featured{
  display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px;
}
[data-toantin-tool="equation_composer"] .ec-discovery-featured[hidden]{display:none!important}
[data-toantin-tool="equation_composer"] .ec-discovery-chip{
  border:1px solid rgba(37,99,235,.16);background:#f8fbff;color:#17335f;border-radius:999px;
  min-height:30px;padding:4px 10px;font:700 12px/1.15 system-ui,sans-serif;cursor:pointer;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;
}
[data-toantin-tool="equation_composer"] .ec-discovery-chip:hover{
  background:#eef6ff;border-color:rgba(37,99,235,.3);transform:translateY(-1px);box-shadow:0 4px 10px rgba(37,99,235,.08)
}
[data-toantin-tool="equation_composer"] .ec-discovery-chip:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}
@media(prefers-reduced-motion:reduce){[data-toantin-tool="equation_composer"] .ec-discovery-chip{transition:none;transform:none!important}}

/* V1.1 OP08 — responsive/touch/LCD qualification retained; OP09 removed the obsolete red full-keyboard close overlay. */
@media (max-width:390px){
  [data-toantin-tool="equation_composer"] .ec-discovery-featured{gap:4px}
  [data-toantin-tool="equation_composer"] .ec-discovery-chip{min-height:28px;padding:3px 8px;font-size:11px}
}