/*!
 * image_editor.css — styles for the shared image editor modal (image_editor.js).
 * Lifted verbatim from the Fire Strategy Builder inline styles so both
 * Fire Strategy Builder and the Generic Report Tool share one look.
 */

#ie-modal{position:fixed;inset:0;z-index:10000;background:rgba(2,6,18,0.85);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px);font-family:'Inter',system-ui,sans-serif;}
#ie-modal.is-open{display:flex;}
.ie-shell{background:#0a0f1c;border:1px solid rgba(245,160,32,0.35);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,0.7);width:100%;max-width:1180px;height:100%;max-height:840px;display:flex;flex-direction:column;overflow:hidden;}
.ie-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.08);}
.ie-head h3{margin:0;font-size:14.5px;font-weight:700;color:#fff;letter-spacing:0.3px;}
.ie-head .ie-x{background:transparent;border:0;color:rgba(255,255,255,0.55);font-size:24px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:6px;}
.ie-head .ie-x:hover{background:rgba(255,255,255,0.06);color:#fff;}
.ie-body{flex:1;display:grid;grid-template-columns:62px 1fr 200px;min-height:0;}
.ie-tools{border-right:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;}
.ie-tools button{width:42px;height:42px;border-radius:8px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,0.7);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.12s;}
.ie-tools button:hover{background:rgba(245,160,32,0.10);color:#fcd9a3;border-color:rgba(245,160,32,0.25);}
.ie-tools button.is-on{background:rgba(245,160,32,0.22);color:#fdba74;border-color:rgba(245,160,32,0.55);}
.ie-tools button:disabled{opacity:0.3;cursor:not-allowed;}
.ie-tools .ie-tool-sep{width:30px;height:1px;background:rgba(255,255,255,0.10);margin:4px 0;}
.ie-canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center;background:#020715;overflow:auto;padding:18px;}
.ie-canvas-wrap canvas{box-shadow:0 4px 30px rgba(0,0,0,0.5);cursor:crosshair;background:#fff;}
.ie-canvas-wrap canvas.is-crop{cursor:crosshair;}
.ie-canvas-wrap canvas.is-text{cursor:text;}
.ie-canvas-wrap canvas.is-pen{cursor:crosshair;}
.ie-canvas-wrap canvas.is-zoom{cursor:zoom-in;}
.ie-props{border-left:1px solid rgba(255,255,255,0.06);padding:14px 14px;background:rgba(255,255,255,0.02);overflow-y:auto;display:flex;flex-direction:column;gap:14px;}
.ie-props h4{margin:0 0 6px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.5);}
.ie-colours{display:flex;gap:6px;flex-wrap:wrap;}
.ie-colour{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);cursor:pointer;padding:0;}
.ie-colour.is-on{border-color:#fff;box-shadow:0 0 0 2px rgba(245,160,32,0.5);transform:scale(1.1);}
.ie-width-row{display:flex;align-items:center;gap:8px;}
.ie-width-row input{flex:1;}
.ie-width-row span{color:rgba(255,255,255,0.7);font-size:12px;width:24px;text-align:right;}
.ie-prop-hint{font-size:11px;color:rgba(255,255,255,0.45);line-height:1.4;font-style:italic;}
.ie-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);}
.ie-foot .ie-status{font-size:12px;color:rgba(255,255,255,0.55);}
.ie-foot button{padding:8px 18px;border-radius:6px;border:1px solid rgba(255,255,255,0.15);background:transparent;color:rgba(255,255,255,0.85);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-left:8px;}
.ie-foot button:hover{background:rgba(255,255,255,0.06);}
.ie-foot button.ie-apply{border-color:rgba(245,160,32,0.6);background:rgba(245,160,32,0.18);color:#fcd9a3;}
.ie-foot button.ie-apply:hover{background:rgba(245,160,32,0.3);}
.ie-text-input{position:fixed;padding:4px 6px;background:rgba(0,0,0,0.85);color:#fff;border:1px solid rgba(245,160,32,0.6);border-radius:4px;font-family:'Inter',sans-serif;font-size:14px;outline:none;z-index:10001;transform:translate(-50%,-50%);}