#ib-stereoisomers-root{width:100%;font-family:Arial,Helvetica,sans-serif;color:#162235}
#ib-stereoisomers-root .ep-card{width:100%;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:12px;background:#fff;padding:20px 22px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
#ib-stereoisomers-root .ep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}#ib-stereoisomers-root .ep-title{font-size:24px;font-weight:700;margin:0 0 8px}#ib-stereoisomers-root .ep-sub{font-size:15px;color:#43546a;margin:0}#ib-stereoisomers-root .ep-counter{font-size:14px;white-space:nowrap;color:#40516a}#ib-stereoisomers-root .ep-progress{height:4px;background:#e4e9ef;border-radius:10px;margin:14px 0 16px;overflow:hidden}#ib-stereoisomers-root .ep-progress>span{display:block;height:100%;background:#6e8197}
#ib-stereoisomers-root .ep-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:26px;align-items:start}#ib-stereoisomers-root .ep-main.draw{grid-template-columns:minmax(280px,.45fr) minmax(0,1.55fr)}
#ib-stereoisomers-root .ep-qlabel{font-size:22px;font-weight:700;color:#335f8c;margin-bottom:12px}#ib-stereoisomers-root .ep-imgbox{display:flex;align-items:center;justify-content:center;min-height:250px;border:1px solid #d7e0ea;border-radius:10px;background:#fff;padding:12px;box-sizing:border-box;overflow:hidden}#ib-stereoisomers-root .ep-imgbox img{max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain}
#ib-stereoisomers-root .ep-answer{border-left:1px solid #d7e0ea;padding-left:22px;min-width:0;display:flex;flex-direction:column;gap:12px}#ib-stereoisomers-root .ep-input{width:100%;box-sizing:border-box;border:1px solid #bcc9d7;border-radius:8px;padding:12px;font-size:16px}
#ib-stereoisomers-root .ep-controls,#ib-stereoisomers-root .ep-tools,#ib-stereoisomers-root .ep-circle-toolrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#ib-stereoisomers-root .ep-controls{margin-top:4px}#ib-stereoisomers-root .ep-tools{margin:0 0 10px}#ib-stereoisomers-root .ep-circle-toolrow{margin:0 0 10px}#ib-stereoisomers-root .ep-btn{border:1px solid #c2ccd8;background:#e9eef4;color:#162235;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer}#ib-stereoisomers-root .ep-btn.primary,#ib-stereoisomers-root .ep-btn-active{background:#122743!important;border-color:#122743!important;color:#fff!important}#ib-stereoisomers-root .ep-btn:disabled{opacity:.42;cursor:not-allowed}#ib-stereoisomers-root .ep-btn:not(:disabled):hover{filter:brightness(.97)}
#ib-stereoisomers-root .ep-feedback{border-radius:8px;padding:10px 12px;font-size:14px}#ib-stereoisomers-root .ep-feedback.ok{background:#e5f5e8;border:1px solid #9fd0a8;color:#225f2b}#ib-stereoisomers-root .ep-feedback.bad{background:#fbe8e8;border:1px solid #e0aaaa;color:#8b2020}#ib-stereoisomers-root .ep-model{border:1px solid #d8e0e8;border-radius:8px;padding:12px;background:#fafbfd}#ib-stereoisomers-root .ep-model img{display:block;max-width:100%;max-height:620px;width:auto;height:auto;object-fit:contain;margin:10px auto 0}
#ib-stereoisomers-root .ep-circle-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}#ib-stereoisomers-root .ep-circle-wrap img{display:block;max-width:100%;height:auto;position:relative;z-index:1}#ib-stereoisomers-root .ep-circle-layer{position:absolute;inset:0;z-index:5;cursor:crosshair}#ib-stereoisomers-root .ep-circle{position:absolute;width:36px;height:36px;border:4px solid #e21b1b;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.85)}
#ib-stereoisomers-root .ep-note{font-size:12px;color:#64748b;margin-top:8px}#ib-stereoisomers-root .ep-formula{font-family:'Times New Roman',serif;font-size:32px;text-align:center;border:1px solid #d7e0ea;border-radius:10px;padding:24px;margin-bottom:14px;background:#fff}#ib-stereoisomers-root .ep-formula sub{font-size:.7em}
#ib-stereoisomers-root .ep-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}#ib-stereoisomers-root .ep-canvas-card{border:1px solid #d7e0ea;border-radius:10px;padding:10px;background:#fff;box-sizing:border-box}#ib-stereoisomers-root .ep-canvas-title{text-align:center;font-size:13px;font-weight:700;margin-bottom:8px}#ib-stereoisomers-root .ep-canvas{display:block;width:100%;height:390px;box-sizing:border-box;border:1px solid #e2e7ed;background:#fff;touch-action:none;cursor:crosshair}#ib-stereoisomers-root .ep-size{width:110px}#ib-stereoisomers-root .ep-finish{text-align:center;padding:28px}#ib-stereoisomers-root .ep-scorebig{font-size:38px;font-weight:700;margin:14px 0}
@media(max-width:980px){#ib-stereoisomers-root .ep-main,#ib-stereoisomers-root .ep-main.draw{grid-template-columns:1fr}#ib-stereoisomers-root .ep-answer{border-left:0;padding-left:0}#ib-stereoisomers-root .ep-canvas-grid{grid-template-columns:1fr}#ib-stereoisomers-root .ep-canvas{height:330px}}

/* v1.2.1 draggable circle placement */
#ib-stereoisomers-root .ep-circle-wrap{position:relative;display:inline-block;line-height:0;max-width:100%}
#ib-stereoisomers-root .ep-circle-wrap>img{display:block;max-width:100%;height:auto;position:relative;z-index:1}
#ib-stereoisomers-root .ep-circle-layer{position:absolute;inset:0;z-index:3;pointer-events:none;touch-action:none}
#ib-stereoisomers-root .ep-circle{position:absolute;width:38px;height:38px;border:4px solid #e31b23;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;background:rgba(255,255,255,.06);pointer-events:auto;cursor:grab;touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.92)}
#ib-stereoisomers-root .ep-circle.dragging{cursor:grabbing;border-width:5px}
#ib-stereoisomers-root .ep-circle-toolrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
#ep-add-circle:disabled{opacity:.5;cursor:not-allowed}

/* v1.2.4 easier stereochemical templates */
#ib-stereoisomers-root .ep-canvas-stage{position:relative;height:390px;border:1px solid #d5dbe5;background:#fff}#ib-stereoisomers-root .ep-template{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#ib-stereoisomers-root .ep-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:transparent}#ib-stereoisomers-root .ep-txt{font-family: Georgia, 'Times New Roman', serif;font-size:28px;fill:#111}#ib-stereoisomers-root .ep-c{font-size:30px;font-weight:700}#ib-stereoisomers-root .ep-dot{fill:#9aa6b2}#ib-stereoisomers-root .ep-main.draw .ep-note{max-width:320px;line-height:1.5}#ib-stereoisomers-root .ep-tools{margin-bottom:10px}
#ib-stereoisomers-root .ep-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;color:#52677f;margin-bottom:4px}
#ib-stereoisomers-root .ep-track{font-size:11px;color:#718096;text-align:right;margin-top:8px}

#ib-stereoisomers-root button:focus-visible,#ib-stereoisomers-root input:focus-visible{outline:3px solid #5e9ed6;outline-offset:2px}