/* v86 — inline question image editor */
#ttp-question-image-crop-modal{position:fixed;inset:0;z-index:100500;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.62);backdrop-filter:blur(7px)}
#ttp-question-image-crop-modal.is-open{display:flex}
.ttp-image-editor-card{width:min(920px,96vw);max-height:min(900px,94vh);display:flex;flex-direction:column;background:#fff;border:1px solid #e5e9f0;border-radius:22px;box-shadow:0 28px 90px rgba(15,23,42,.28);overflow:hidden;direction:rtl}
.ttp-image-editor-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f4;background:linear-gradient(135deg,#fff,#fbfaff)}
.ttp-image-editor-head strong{font-size:15px;color:#243047}.ttp-image-editor-head small{display:block;margin-top:4px;font-size:10px;color:#8993a3}
.ttp-image-editor-close{width:36px;height:36px;border:1px solid #e1e6ee;background:#fff;border-radius:10px;cursor:pointer;color:#667085;font-size:18px}
.ttp-image-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;padding:16px;overflow:auto;background:#f7f9fc}
.ttp-image-canvas-wrap{position:relative;min-height:420px;border-radius:16px;background:#111827;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
#ttp-image-crop-canvas{display:block;max-width:100%;max-height:62vh;cursor:crosshair;touch-action:none}
.ttp-image-crop-overlay{position:absolute;inset:0;pointer-events:none}
.ttp-image-crop-selection{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.42);display:none;pointer-events:none}
.ttp-image-editor-tools{display:flex;flex-direction:column;gap:10px}
.ttp-image-tool-group{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:11px}.ttp-image-tool-group h4{margin:0 0 8px;font-size:10px;color:#526071}.ttp-image-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ttp-image-tool{min-height:38px;border:1px solid #e2e7ef;background:#fbfcfe;border-radius:9px;color:#344054;cursor:pointer;font-size:10px}.ttp-image-tool:hover{border-color:#cfc4ff;background:#f5f1ff;color:#5b35d5}
.ttp-image-editor-tools input[type=range]{width:100%;accent-color:#6941e8}.ttp-image-editor-tools select{width:100%;height:36px;border:1px solid #e2e7ef;border-radius:9px;background:#fff;padding:0 8px}
.ttp-image-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid #edf0f4;background:#fff}.ttp-image-editor-status{font-size:10px;color:#8993a3}.ttp-image-editor-actions{display:flex;gap:8px}.ttp-image-editor-actions button{min-height:40px;border-radius:10px;padding:0 16px;border:1px solid #e0e5ed;background:#fff;cursor:pointer}.ttp-image-editor-actions .primary{border:0;color:#fff;background:linear-gradient(135deg,#5b35d5,#7b52f5);box-shadow:0 9px 22px rgba(91,53,213,.2)}
.ttp-editor-inline-image{max-width:min(100%,720px);height:auto;border-radius:10px;display:inline-block;vertical-align:middle;cursor:default;box-shadow:0 6px 18px rgba(15,23,42,.08)}
#ttp-question-editor{min-height:280px}
@media(max-width:700px){#ttp-question-image-crop-modal{padding:8px}.ttp-image-editor-card{width:100%;max-height:96vh;border-radius:16px}.ttp-image-editor-body{grid-template-columns:1fr;padding:10px}.ttp-image-canvas-wrap{min-height:300px}.ttp-image-editor-tools{display:grid;grid-template-columns:1fr 1fr}.ttp-image-tool-group{padding:9px}.ttp-image-editor-footer{flex-direction:column;align-items:stretch}.ttp-image-editor-status{order:2}.ttp-image-editor-actions{width:100%}.ttp-image-editor-actions button{flex:1}.ttp-editor-inline-image{max-width:100%}}

/* v86: keep V84 panel DOM/layout intact; the legacy media dock is visually removed. */
body #ttp-question-modal .ttp-question-media-dock{display:none!important}
body #ttp-question-modal .ttp-editor-foot{margin-bottom:0!important}

/* The question modal lives outside #ttp-root, so these responsive rules must be unscoped. */
@media (max-width: 760px){
  body #ttp-question-modal.ttp-modal-overlay{padding:7px!important;align-items:center!important}
  body #ttp-question-modal.ttp-modal{width:100%!important;height:calc(100dvh - 14px)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  body #ttp-question-modal .ttp-question-editor-head{flex:0 0 auto!important;padding:12px 14px!important}
  body #ttp-question-modal .ttp-question-editor-head h3{font-size:16px!important;margin:2px 0!important}
  body #ttp-question-modal .ttp-question-editor-head small{font-size:9px!important}
  body #ttp-question-modal #ttp-question-form{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important}
  body #ttp-question-modal .ttp-question-form-grid{display:flex!important;flex-direction:column!important;gap:10px!important;padding:10px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important}
  body #ttp-question-modal .ttp-question-main-col,body #ttp-question-modal .ttp-question-side-col{width:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important}
  body #ttp-question-modal .ttp-question-section-card,body #ttp-question-modal .ttp-question-side-card{width:100%!important;max-width:100%!important;padding:12px!important;border-radius:15px!important;box-sizing:border-box!important}
  body #ttp-question-modal .ttp-editor-toolbar{position:sticky!important;top:0!important;z-index:20!important;max-width:100%!important;overflow:visible!important}
  body #ttp-question-modal .ttp-editor-toolbar button{min-width:28px!important;width:28px!important;height:30px!important;padding:0 4px!important}
  body #ttp-question-modal .ttp-rich-editor{min-height:170px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;font-size:13px!important;padding:12px!important}
  body #ttp-question-modal .ttp-modal-footer{flex:0 0 auto!important;min-height:58px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body #ttp-question-modal .ttp-modal-footer .ttp-form-msg{display:none!important}
  body #ttp-question-modal .ttp-modal-footer .ttp-btn{width:100%!important;min-height:42px!important;justify-content:center!important}
}
@media (max-width: 420px){
  body #ttp-question-modal.ttp-modal-overlay{padding:0!important}
  body #ttp-question-modal.ttp-modal{height:100dvh!important;border-radius:0!important}
  body #ttp-question-modal .ttp-question-form-grid{padding:8px!important;gap:8px!important}
  body #ttp-question-modal .ttp-question-section-card,body #ttp-question-modal .ttp-question-side-card{padding:10px!important;border-radius:13px!important}
  body #ttp-question-modal .ttp-question-editor-head{padding:10px 11px!important}
  body #ttp-question-modal .ttp-question-editor-head h3{font-size:15px!important}
}