/* Integrated page additions stay inside the existing full-page Book editor. */
.book-editor-content { max-width:1240px; }
#multimedia-editor { grid-column:1/-1; min-width:0; border:1px solid #d8dce3; border-radius:12px; padding:18px; background:#f8fafc; color:#1e293b; }
.mm-editor [hidden] { display:none !important; }
.mm-editor button,.mm-editor input,.mm-editor select,.mm-editor textarea { font:inherit; }
.mm-editor button { min-height:38px; border:1px solid #cbd5e1; border-radius:6px; padding:7px 12px; background:white; color:#334155; cursor:pointer; }
.mm-editor button:hover:not(:disabled) { background:#fff7ed; border-color:#ea580c; }
.mm-editor button:disabled { opacity:.5; cursor:wait; }
.mm-editor :focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.mm-heading-row { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.mm-heading-row h2 { margin:0 0 4px; font-size:20px; font-weight:700; }
.mm-heading-row p,#mm-availability,.mm-help { font-size:13px; line-height:1.5; }
.mm-unsaved { background:#ffedd5; color:#9a3412; border-radius:4px; padding:5px 8px; font-size:12px; white-space:nowrap; }
#mm-status { font-size:14px; line-height:1.5; margin:10px 0; min-height:1.5em; }
#mm-status[data-error="true"],#mm-image-status { color:#9f1239; }
.mm-toolbar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:12px 0; }
.mm-toolbar #mm-save { margin-left:auto; }
.mm-editor .mm-primary { background:#c2410c; color:white; border-color:#c2410c; }
.mm-editor .mm-primary:hover:not(:disabled) { background:#9a3412; }
.mm-editor [aria-pressed="true"] { background:#ffedd5; color:#9a3412; border-color:#c2410c; }
.mm-add-wrap { position:relative; }
.mm-add-menu { position:absolute; z-index:10; left:0; top:100%; margin-top:5px; background:white; padding:6px; box-shadow:0 8px 20px #0f172a26; border:1px solid #cbd5e1; border-radius:8px; min-width:140px; }
.mm-add-menu button { display:block; width:100%; text-align:left; border:0; }
.mm-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:18px; align-items:start; margin:12px 0; }
.mm-stage-wrap { min-width:0; background:#e2e8f0; border-radius:8px; padding:12px; }
.mm-stage { position:relative; width:100%; background:white; overflow:hidden; box-shadow:0 2px 8px #0f172a26; isolation:isolate; }
#mm-page-image { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:fill; pointer-events:none; user-select:none; }
.mm-overlays,.mm-preview-layer { position:absolute; inset:0; }
.mm-stage[data-drawing="true"] { cursor:crosshair; touch-action:none; }
.mm-stage[data-drawing="true"] .mm-overlays { pointer-events:none; }
.mm-editor .mm-overlay { position:absolute; min-height:0; min-width:0; border-radius:4px; padding:4px; text-align:left; border:1px dashed #475569; overflow:hidden; white-space:pre-wrap; overflow-wrap:anywhere; font-size:clamp(11px,1.4vw,15px); line-height:1.35; }
.mm-editor .mm-overlay[data-style="brand"] { background:var(--bsm-brand,#254d3d); color:#fff; }
.mm-editor .mm-overlay[data-style="paper"] { background:var(--bsm-paper,#fffefa); color:var(--bsm-paper-ink,#26352f); }
.mm-editor .mm-overlay[data-style="ink"] { background:var(--bsm-ink,#202b28); color:#fff; }
.mm-editor .mm-overlay[aria-pressed="true"] { outline:3px solid #2563eb; outline-offset:-3px; }
.mm-overlay img { width:100%; height:100%; object-fit:contain; pointer-events:none; }
.mm-overlay .mm-kind { font-size:11px; display:block; font-weight:700; text-transform:uppercase; margin-bottom:2px; }
.mm-draft-area { position:absolute; border:2px dashed #2563eb; background:#2563eb22; pointer-events:none; }
.mm-properties { position:sticky; top:16px; padding:14px; background:white; border:1px solid #d8dce3; border-radius:8px; font-size:13px; }
.mm-properties h3 { font-size:16px; font-weight:700; margin:0 0 12px; }
.mm-properties label,.mm-item-list-wrap label { display:block; font-weight:600; margin:10px 0 4px; }
.mm-properties input:not([type=file]),.mm-properties textarea,.mm-properties select,.mm-item-list-wrap select { width:100%; box-sizing:border-box; border:1px solid #94a3b8; border-radius:5px; padding:7px; background:white; color:#1e293b; }
.mm-properties input[type=file] { max-width:100%; font-size:12px; }
.mm-properties .mm-small { font-size:12px; line-height:1.4; color:#64748b; margin:5px 0 10px; }
.mm-position-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 10px; }
.mm-properties .mm-remove { margin-top:16px; color:#9f1239; }
.mm-item-list-wrap { max-width:440px; font-size:13px; }
.mm-recovery button { margin:0 0 8px; }
@media(max-width:850px) { .mm-layout { grid-template-columns:minmax(0,1fr) 235px; gap:10px; } .mm-stage-wrap { padding:6px; } }
@media(max-width:640px) { #multimedia-editor { padding:12px; } .mm-layout { grid-template-columns:1fr; } .mm-properties { position:static; } .mm-heading-row { flex-direction:column; } .mm-toolbar #mm-save { margin-left:0; } .mm-editor .mm-overlay { font-size:12px; } }

/* Editor-only outlines keep invisible reader hotspots selectable and discoverable. */
.mm-editor .mm-overlay[data-link-display="hotspot"]{background:transparent;color:#1d4ed8;border:2px dashed #2563eb;border-radius:0;box-shadow:inset 0 0 0 1px #fff;padding:0}
.mm-editor .mm-overlay[data-link-display="hotspot"]:hover:not(:disabled){background:#2563eb12;border-color:#1d4ed8}
.mm-editor .mm-overlay[data-link-display="hotspot"][aria-pressed="true"]{outline:3px solid #1d4ed8;outline-offset:-3px}