:root,.rmi-editor,.rmi-palette,.rmi-form{--rmi-color-primary:#2563eb;--rmi-color-primary-hover:#1d4ed8;--rmi-color-primary-ring:#3b82f626;--rmi-color-primary-light:#eff6ff80;--rmi-color-primary-text:#1d4ed8;--rmi-color-bg:#fff;--rmi-color-bg-muted:#f9fafb;--rmi-color-bg-subtle:#f3f4f6;--rmi-color-border:#d1d5db;--rmi-color-border-light:#e5e7eb;--rmi-color-border-active:var(--rmi-color-primary);--rmi-color-text:#374151;--rmi-color-text-muted:#6b7280;--rmi-color-text-hint:#9ca3af;--rmi-color-text-on-primary:#fff;--rmi-color-error:#ef4444;--rmi-color-error-ring:#ef444426;--rmi-color-error-bg:#fef2f2;--rmi-color-success-bg:#dcfce7;--rmi-color-code-bg:#111827;--rmi-color-preview-bg:#eff6ff;--rmi-color-preview-border:#bfdbfe;--rmi-color-preview-heading:#1e40af;--rmi-color-preview-explanation:#1e3a5f;--rmi-color-success-border:#86efac;--rmi-color-composer-open-border:#93c5fd;--rmi-color-composer-open-bg:#eff6ff4d;--rmi-color-btn-secondary-text:#4b5563;--rmi-font-size:14px;--rmi-font-size-sm:12px;--rmi-font-size-lg:16px;--rmi-radius:6px;--rmi-radius-lg:8px;--rmi-spacing:12px;--rmi-spacing-sm:8px;--rmi-spacing-xs:4px;--rmi-composer-font-size:20px;--rmi-composer-min-height:48px;--rmi-textarea-min-height:44px;--rmi-symbol-btn-height:40px}@media (prefers-color-scheme:dark){:root,.rmi-editor,.rmi-palette,.rmi-form{--rmi-color-bg:#1e1e1e;--rmi-color-bg-muted:#2a2a2a;--rmi-color-bg-subtle:#333;--rmi-color-border:#444;--rmi-color-border-light:#3a3a3a;--rmi-color-text:#e5e7eb;--rmi-color-text-muted:#9ca3af;--rmi-color-text-hint:#6b7280;--rmi-color-text-on-primary:#fff;--rmi-color-primary:#3b82f6;--rmi-color-primary-hover:#60a5fa;--rmi-color-primary-ring:#3b82f640;--rmi-color-primary-light:#3b82f626;--rmi-color-primary-text:#93c5fd;--rmi-color-error:#f87171;--rmi-color-error-ring:#f8717133;--rmi-color-error-bg:#3b1515;--rmi-color-success-bg:#14532d;--rmi-color-code-bg:#0d1117;--rmi-color-preview-bg:#3b82f61a;--rmi-color-preview-border:#1e3a5f;--rmi-color-preview-heading:#93c5fd;--rmi-color-preview-explanation:#93c5fd;--rmi-color-success-border:#166534;--rmi-color-composer-open-border:#2563eb;--rmi-color-composer-open-bg:#3b82f614;--rmi-color-btn-secondary-text:#d1d5db}}[data-theme=dark],.rmi-dark{--rmi-color-bg:#1e1e1e;--rmi-color-bg-muted:#2a2a2a;--rmi-color-bg-subtle:#333;--rmi-color-border:#444;--rmi-color-border-light:#3a3a3a;--rmi-color-text:#e5e7eb;--rmi-color-text-muted:#9ca3af;--rmi-color-text-hint:#6b7280;--rmi-color-text-on-primary:#fff;--rmi-color-primary:#3b82f6;--rmi-color-primary-hover:#60a5fa;--rmi-color-primary-ring:#3b82f640;--rmi-color-primary-light:#3b82f626;--rmi-color-primary-text:#93c5fd;--rmi-color-error:#f87171;--rmi-color-error-ring:#f8717133;--rmi-color-error-bg:#3b1515;--rmi-color-success-bg:#14532d;--rmi-color-code-bg:#0d1117;--rmi-color-preview-bg:#3b82f61a;--rmi-color-preview-border:#1e3a5f;--rmi-color-preview-heading:#93c5fd;--rmi-color-preview-explanation:#93c5fd;--rmi-color-success-border:#166534;--rmi-color-composer-open-border:#2563eb;--rmi-color-composer-open-bg:#3b82f614;--rmi-color-btn-secondary-text:#d1d5db}[data-size=sm]{--rmi-font-size:12px;--rmi-font-size-sm:10px;--rmi-font-size-lg:14px;--rmi-radius:4px;--rmi-radius-lg:6px;--rmi-spacing:8px;--rmi-spacing-sm:6px;--rmi-spacing-xs:2px;--rmi-composer-font-size:16px;--rmi-composer-min-height:36px;--rmi-textarea-min-height:32px;--rmi-symbol-btn-height:32px}[data-size=lg]{--rmi-font-size:16px;--rmi-font-size-sm:14px;--rmi-font-size-lg:18px;--rmi-radius:8px;--rmi-radius-lg:12px;--rmi-spacing:16px;--rmi-spacing-sm:12px;--rmi-spacing-xs:6px;--rmi-composer-font-size:24px;--rmi-composer-min-height:56px;--rmi-textarea-min-height:56px;--rmi-symbol-btn-height:48px}.rmi-editor[data-disabled=true]{opacity:.5;pointer-events:none}.rmi-editor[data-readonly=true] .rmi-fx-btn{display:none}.rmi-editor[data-readonly=true] .rmi-textarea{cursor:default}.rmi-editor[data-error=true] .rmi-textarea{border-color:var(--rmi-color-error)}.rmi-editor[data-error=true] .rmi-textarea:focus{box-shadow:0 0 0 3px var(--rmi-color-error-ring)}.rmi-mathfield{min-height:var(--rmi-composer-min-height);font-size:var(--rmi-composer-font-size);border-radius:var(--rmi-radius);border:2px solid var(--rmi-color-primary);background:var(--rmi-color-bg);color:var(--rmi-color-text);padding:10px 14px}.rmi-editor{width:100%;position:relative}.rmi-editor-toolbar{margin-bottom:var(--rmi-spacing-xs);align-items:center;gap:6px;display:flex}.rmi-fx-btn{padding:var(--rmi-spacing-xs)10px;font-size:var(--rmi-font-size-sm);color:var(--rmi-color-text-muted);background:var(--rmi-color-bg-subtle);border:1px solid var(--rmi-color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;font-family:Georgia,serif;font-style:italic;font-weight:600;transition:all .15s;display:inline-flex}.rmi-fx-btn:hover{background:var(--rmi-color-border-light);color:var(--rmi-color-text)}.rmi-fx-btn[data-active=true]{background:var(--rmi-color-primary);color:var(--rmi-color-text-on-primary);border-color:var(--rmi-color-primary)}.rmi-fx-btn[data-active=true]:hover{background:var(--rmi-color-primary-hover)}.rmi-hint{color:var(--rmi-color-text-hint);font-size:10px}.rmi-textarea{width:100%;padding:var(--rmi-spacing-sm)var(--rmi-spacing);font-size:var(--rmi-font-size);color:var(--rmi-color-text);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border);border-radius:var(--rmi-radius);resize:vertical;min-height:var(--rmi-textarea-min-height);box-sizing:border-box;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.rmi-textarea::placeholder{color:var(--rmi-color-text-hint)}.rmi-textarea:focus{border-color:var(--rmi-color-border-active);box-shadow:0 0 0 3px var(--rmi-color-primary-ring)}.rmi-textarea[data-composer-open=true]{border-color:var(--rmi-color-composer-open-border);background:var(--rmi-color-composer-open-bg)}.rmi-composer{margin-top:var(--rmi-spacing-sm);padding:var(--rmi-spacing);border:2px solid var(--rmi-color-border-active);border-radius:var(--rmi-radius-lg);background:var(--rmi-color-primary-light)}.rmi-composer-label{font-size:var(--rmi-font-size-sm);color:var(--rmi-color-primary-text);margin-bottom:var(--rmi-spacing-sm);font-weight:500}.rmi-composer-field{background:var(--rmi-color-bg);border-radius:var(--rmi-radius);margin-bottom:var(--rmi-spacing-sm)}.rmi-composer-actions{gap:var(--rmi-spacing-sm);padding-top:var(--rmi-spacing-xs);display:flex}.rmi-btn-primary{font-size:var(--rmi-font-size-sm);color:var(--rmi-color-text-on-primary);background:var(--rmi-color-primary);border-radius:var(--rmi-radius);cursor:pointer;border:none;padding:6px 16px;font-weight:500;transition:background .15s}.rmi-btn-primary:hover{background:var(--rmi-color-primary-hover)}.rmi-btn-secondary{font-size:var(--rmi-font-size-sm);color:var(--rmi-color-btn-secondary-text);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border);border-radius:var(--rmi-radius);cursor:pointer;padding:6px 16px;font-weight:500;transition:background .15s}.rmi-btn-secondary:hover{background:var(--rmi-color-bg-muted)}.rmi-preview{padding:var(--rmi-spacing-sm)var(--rmi-spacing);background:var(--rmi-color-bg-muted);border-radius:var(--rmi-radius);border:1px solid var(--rmi-color-border-light);font-size:var(--rmi-font-size);margin-top:6px}.rmi-preview-label{color:var(--rmi-color-text-hint);margin-bottom:var(--rmi-spacing-xs);font-size:10px;display:block}.rmi-latex-error{color:var(--rmi-color-error)}.rmi-palette{border:1px solid var(--rmi-color-border-light);border-radius:var(--rmi-radius-lg);background:var(--rmi-color-bg-muted);overflow:hidden}.rmi-palette-tabs{border-bottom:1px solid var(--rmi-color-border-light);background:var(--rmi-color-bg-subtle);flex-wrap:wrap;gap:0;padding:2px 2px 0;display:flex}.rmi-palette-tab{padding:6px var(--rmi-spacing);font-size:var(--rmi-font-size-sm);color:var(--rmi-color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;font-weight:500;transition:all .15s}.rmi-palette-tab:hover{color:var(--rmi-color-text);background:var(--rmi-color-bg-muted)}.rmi-palette-tab[data-active=true]{color:var(--rmi-color-primary);background:var(--rmi-color-bg);border-color:var(--rmi-color-border-light);border-bottom-color:var(--rmi-color-bg);margin-bottom:-1px}.rmi-palette-grid{gap:var(--rmi-spacing-xs);padding:var(--rmi-spacing-sm);grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid}.rmi-symbol-btn{height:var(--rmi-symbol-btn-height);font-size:var(--rmi-font-size-lg);color:var(--rmi-color-text);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border-light);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.rmi-symbol-btn:hover{background:var(--rmi-color-preview-bg);border-color:var(--rmi-color-primary);color:var(--rmi-color-primary)}.rmi-symbol-btn:active{transform:scale(.95)}.rmi-palette[data-disabled=true]{opacity:.5;pointer-events:none}.rmi-form{max-width:768px}.rmi-form>*+*{margin-top:24px}.rmi-field-label{color:var(--rmi-color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.rmi-input{width:100%;padding:var(--rmi-spacing-sm)var(--rmi-spacing);font-size:var(--rmi-font-size);color:var(--rmi-color-text);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border);border-radius:var(--rmi-radius);box-sizing:border-box;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.rmi-input::placeholder{color:var(--rmi-color-text-hint)}.rmi-input:focus{border-color:var(--rmi-color-border-active);box-shadow:0 0 0 3px var(--rmi-color-primary-ring)}.rmi-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rmi-option-row{align-items:flex-start;gap:var(--rmi-spacing);padding:var(--rmi-spacing);background:var(--rmi-color-bg-muted);border-radius:var(--rmi-radius-lg);border:1px solid var(--rmi-color-border-light);display:flex}.rmi-option-row+.rmi-option-row{margin-top:var(--rmi-spacing)}.rmi-option-label{background:var(--rmi-color-border-light);width:32px;height:32px;font-size:var(--rmi-font-size-sm);color:var(--rmi-color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:28px;font-weight:700;display:flex}.rmi-option-editor{flex:1;min-width:0}.rmi-option-correct{align-items:center;gap:var(--rmi-spacing-xs);flex-direction:column;flex-shrink:0;margin-top:28px;display:flex}.rmi-option-correct input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--rmi-color-primary)}.rmi-option-correct span{color:var(--rmi-color-text-hint);text-transform:uppercase;font-size:10px}.rmi-remove-btn{color:var(--rmi-color-border);cursor:pointer;padding:var(--rmi-spacing-xs);background:0 0;border:none;margin-top:28px;font-size:18px;line-height:1;transition:color .15s}.rmi-remove-btn:hover{color:var(--rmi-color-error)}.rmi-add-option{width:100%;padding:var(--rmi-spacing-sm);color:var(--rmi-color-text-muted);border:1px dashed var(--rmi-color-border);border-radius:var(--rmi-radius-lg);cursor:pointer;margin-top:var(--rmi-spacing);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:13px;transition:all .15s;display:flex}.rmi-add-option:hover{color:var(--rmi-color-primary);border-color:var(--rmi-color-primary);background:var(--rmi-color-preview-bg)}.rmi-actions{gap:var(--rmi-spacing);padding-top:var(--rmi-spacing-sm);display:flex}.rmi-btn-submit{font-size:var(--rmi-font-size);color:var(--rmi-color-text-on-primary);background:var(--rmi-color-primary);border-radius:var(--rmi-radius-lg);cursor:pointer;border:none;padding:10px 24px;font-weight:500;transition:background .15s}.rmi-btn-submit:hover{background:var(--rmi-color-primary-hover)}.rmi-btn-outline{font-size:var(--rmi-font-size);color:var(--rmi-color-text);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border);border-radius:var(--rmi-radius-lg);cursor:pointer;padding:10px 24px;font-weight:500;transition:background .15s}.rmi-btn-outline:hover{background:var(--rmi-color-bg-muted)}.rmi-preview-panel{background:var(--rmi-color-preview-bg);border-radius:var(--rmi-radius-lg);border:1px solid var(--rmi-color-preview-border);padding:16px}.rmi-preview-panel h3{font-size:var(--rmi-font-size);color:var(--rmi-color-preview-heading);margin:0 0 var(--rmi-spacing);font-weight:600}.rmi-preview-question{font-size:var(--rmi-font-size-lg);margin-bottom:var(--rmi-spacing)}.rmi-preview-option{padding:var(--rmi-spacing-sm)var(--rmi-spacing);font-size:var(--rmi-font-size);background:var(--rmi-color-bg);border:1px solid var(--rmi-color-border-light);border-radius:4px}.rmi-preview-option+.rmi-preview-option{margin-top:6px}.rmi-preview-option[data-correct=true]{background:var(--rmi-color-success-bg);border-color:var(--rmi-color-success-border)}.rmi-preview-explanation{margin-top:var(--rmi-spacing);padding-top:var(--rmi-spacing);border-top:1px solid var(--rmi-color-preview-border);font-size:var(--rmi-font-size);color:var(--rmi-color-preview-explanation)}.rmi-json-output{background:var(--rmi-color-code-bg);color:var(--rmi-color-text);border-radius:var(--rmi-radius-lg);font-size:var(--rmi-font-size-sm);white-space:pre-wrap;max-height:320px;padding:16px;font-family:monospace;overflow:auto}.rmi-palette-hint{font-size:var(--rmi-font-size-sm);color:var(--rmi-color-text-hint);margin-bottom:6px}@media (max-width:640px){.rmi-palette-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.rmi-palette-tab{padding:6px 8px;font-size:11px}.rmi-option-row{flex-wrap:wrap}.rmi-form-row{grid-template-columns:1fr}}