@layer theme,base;@layer components{.mx-wb .seg-inline>button{flex:none}.rb-detect.mx-detect-error .wb-dot{background:var(--error)}.pane-live .wb-dot.mx-dot-wait{background:var(--fg-3)}.mx-editor .md-source-metrics{font-size:15px;line-height:24px}.mx-issues{border-top:1px solid var(--line);background:var(--bg-subtle);flex:none;gap:6px;max-height:42%;padding:10px 12px;display:grid;overflow:auto}.mx-issues li{color:var(--fg);gap:8px;font-size:13px;line-height:19px;display:flex}.mx-issues li>svg{flex:none;width:15px;height:15px;margin-top:2px}.mx-issues li[data-severity=error]>svg{color:var(--error)}.mx-issues li[data-severity=warning]>svg{color:var(--warning)}.mx-issue-at{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg);font:12px/18px var(--font-mono);color:var(--fg);cursor:pointer;padding:0 4px}.mx-issue-at:hover{border-color:var(--accent)}.mx-hint{color:var(--fg-2);margin-top:2px;font-size:12.5px}.mx-out{flex-direction:column;display:flex}.mx-stage{border-bottom:1px solid var(--line);background:var(--bg);min-height:150px;color:var(--fg);flex:auto;place-items:center;padding:28px 20px;display:grid;overflow-x:auto}.mx-render{max-width:100%;font-size:1.45rem}.mx-render .katex-display{margin:0}.mx-inline-demo{max-width:34em;color:var(--fg-2);font-size:1.15rem;line-height:1.7}.mx-inline-demo .katex{color:var(--fg)}.mx-stage-empty{color:var(--fg-3);font-size:13px}.mx-output{background:var(--bg-subtle);flex:none;padding:12px 14px 16px}.mx-targets{margin-top:4px}.mx-tabs{scrollbar-width:none;gap:0;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.mx-tabs .tab{flex:none;height:36px;padding:0 9px;font-size:13px}@media (hover:hover) and (pointer:fine){.mx-tabs{flex-wrap:wrap;padding-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}.mx-panel{margin-top:10px}.mx-code{border:1px solid var(--code-line);border-radius:var(--radius-md);background:var(--code-bg);font:13px/20px var(--font-mono);color:var(--fg);white-space:pre;margin:0;padding:10px 12px;overflow-x:auto}.mx-note{color:var(--fg-2);margin-top:8px;font-size:12.5px;line-height:18px}.mx-doc-link{color:var(--accent);text-underline-offset:2px;white-space:nowrap;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.mx-doc-link svg{width:12px;height:12px}.mx-convert-tabs{border-bottom:1px solid var(--line-subtle);background:var(--bg-subtle);flex:none;padding:0 10px}.mx-convert-tabs .tabs{border-bottom:0}.mx-convert-panel{flex:1;min-width:0}.mx-converted{min-height:100%}.mx-search{border-bottom:1px solid var(--line);flex:none;gap:8px;padding:10px 12px;display:grid}.mx-search-field{display:block;position:relative}.mx-search-field svg{width:14px;height:14px;color:var(--fg-3);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.mx-search-field .input{width:100%;padding-left:29px}.mx-palette{padding:4px 12px 20px}.mx-group{padding-top:12px}.mx-group-label{justify-content:space-between;margin-bottom:6px;display:flex}.mx-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;display:grid}.mx-sym{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--fg);cursor:pointer;transition:border-color var(--dur-1), background-color var(--dur-1);justify-content:center;align-items:center;display:flex}.mx-sym:hover{border-color:var(--accent);background:var(--accent-soft)}.mx-sym-tile{height:40px;overflow:hidden}.mx-sym-row{text-align:left;grid-column:1/-1;justify-content:space-between;gap:10px;min-height:40px;padding:6px 10px}.mx-sym-row .mx-glyph{flex:0 auto;order:2;max-width:62%;overflow:hidden}.mx-sym-label{color:var(--fg-2);flex:1;order:1;font-size:12.5px;line-height:16px}.mx-glyph{pointer-events:none;font-size:15px;line-height:1}.mx-glyph .katex-display{margin:0}.mx-glyph .katex-display>.katex{font-size:.8em}.mx-glyph-tex{font:11px var(--font-mono);color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-none{color:var(--fg-3);padding:16px 0;font-size:13px}@media (max-height:680px) and (min-width:768px){.mx-stage{min-height:110px;padding:16px}.mx-note{display:none}}:is(.mx-wb .pane)>.pane-foot>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:is(.mx-wb .pane)>.pane-foot>*{flex-shrink:0}:is(.mx-wb .pane)>.pane-foot>span:first-child{flex-shrink:1}}@layer utilities;