.math-editor{border:1px solid #ccd5c8;border-radius:10px;overflow:hidden;background:white;margin-bottom:5px;min-width:0}
.math-editor:focus-within{outline:2px solid #648c6c;outline-offset:2px}
.math-tools{display:flex;gap:3px;flex-wrap:wrap;padding:7px 9px;background:#f3f5ee;border-bottom:1px solid #e0e3d9}
.math-tools button{min-width:32px;padding:5px 7px;border-radius:5px;background:transparent;color:#244e3e;font:18px Georgia,serif}
.math-tools button:hover{background:#dce7d5}.math-tools button:focus-visible{outline:2px solid #648c6c}
.math-editor input{border:0;border-radius:0;padding:13px 14px;background:transparent;min-width:0}
.math-editor input:focus{outline:none}.math-editor input::placeholder{font:12px system-ui;color:#879184}
.math-preview{display:block;min-height:62px;padding:12px 14px;border-top:1px dashed #e0e3d9;overflow-x:auto;color:#24372d}
.math-preview math{font-size:26px}.math-preview.unfinished{font:12px/1.6 system-ui;color:#7b867d;min-height:44px}
.working-math{display:flex;align-items:center;gap:10px;margin:6px 0;flex-wrap:wrap}.working-math math{font-size:22px}.working-label{font-size:12px;color:#69776e}
.bubble .reason-line{display:block;white-space:pre-wrap;margin-top:8px}.notation{color:#69776e}.notation strong{color:#244e3e;font-weight:500}
