.prediction-app [hidden]{display:none!important}.prediction-scope{max-width:850px;margin:12px auto;text-align:center;color:#52657c;line-height:1.6;font-size:14px}.prediction-type-check{text-align:right;margin-bottom:22px}.prediction-scheme{display:grid;grid-template-columns:max-content 145px 480px;align-items:center;gap:20px;width:max-content;max-width:100%;margin:22px auto}.prediction-molecule{width:100%;max-width:480px;margin-inline:auto;height:auto;display:block;min-height:220px;font-family:Arial,sans-serif;shape-rendering:geometricPrecision}.prediction-conditions{display:grid;grid-template-rows:1fr 40px 1fr;justify-items:center;height:327.2727px;text-align:center;font-size:18px}.prediction-conditions #pr-reagent{align-self:end;margin-bottom:10px}.prediction-medium{align-self:start;display:flex;flex-direction:column;gap:8px;margin-top:10px}.prediction-conditions svg{width:140px;height:40px}.prediction-conditions #pr-solvent,.prediction-conditions #pr-temperature{font-size:18px;color:#52657c}.prediction-app .structure-editor{position:relative;width:100%;max-width:480px;margin-inline:auto}.prediction-app #p-editor-section{margin-top:24px}.prediction-app #p-editor-gate{background:#f6f9fc;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2;text-align:center}.prediction-app .structure-toolbar{min-width:0}.prediction-app .sn2-tool-row{flex-wrap:wrap}.prediction-app .structure-toolbar .tool-group{flex-wrap:wrap}.prediction-app .structure-toolbar .editor-actions{flex-wrap:wrap}.prediction-app #pr-progress{height:100%;background:#163d68}.prediction-app .curly{stroke-width:2.35}.prediction-app .bond{stroke-width:2}.prediction-feedback{padding:14px 18px;margin:20px 0;border:2px solid transparent;border-radius:4px;line-height:1.6}.prediction-feedback:empty{display:none}.prediction-feedback[data-state=correct]{background:#e9f7ed;border-color:#228443;color:#166534}.prediction-feedback[data-state=incorrect]{background:#fff0f0;border-color:#c8323e;color:#a51c26}#pr-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#pr-answers figure{margin:0;padding:15px;border:1px solid #d8e2ee;border-radius:8px}#pr-answers figcaption{text-align:center;color:#52657c}#pr-reveal{border-top:1px solid #d8e2ee;padding-top:20px}#pr-reveal h3{text-align:center}#pr-answers .prediction-molecule{min-height:0}.prediction-app #p-editor svg{min-height:300px}.prediction-app #pr-check:disabled{opacity:.45}@media(max-width:1200px){.prediction-scheme{grid-template-columns:minmax(0,1fr);gap:0;width:100%}.prediction-conditions{display:flex;flex-direction:column;align-items:center;height:auto;gap:3px}.prediction-conditions svg{transform:rotate(90deg);margin:18px 0}.prediction-app #pr-start{max-width:100%;margin:auto}.prediction-app #p-editor{max-width:700px;margin:20px auto 0}}@media(max-width:600px){#pr-answers{grid-template-columns:1fr}.prediction-app .structure-toolbar button{height:40px}.prediction-app #p-editor svg{min-height:230px}}
.prediction-draw-area{min-width:0}#pr-product-switch{display:flex;gap:8px;align-items:end;justify-content:flex-end;flex-wrap:wrap;margin:0 0 12px}#pr-product-switch label{display:flex;gap:6px;flex-direction:column;font-size:14px}#pr-product-switch select{padding:8px;border:1px solid #a9bed7;border-radius:4px;background:white;font:inherit;min-width:120px}#pr-product-switch button{font-size:14px;padding:9px 12px}.prediction-app #p-editor svg{aspect-ratio:880/600}

.practice-page .prediction-app .bottom #pr-check{text-transform:none}