*{box-sizing:border-box}
.iw-app{--blue:#0b78e3;--blue-dark:#0b3f82;--line:#d9e7f6;--soft:#f6faff;--text:#12345d;--muted:#637892;--green:#05ad52;--red:#e5484d;font-family:Arial,Helvetica,sans-serif;color:var(--text);max-width:1500px;margin:0 auto;padding:18px}
.iw-app button,.iw-app input,.iw-app select{font:inherit}.iw-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4px 20px}.iw-brand{display:flex;align-items:center;gap:14px}.iw-logo{background:linear-gradient(135deg,#1189ec,#2368d8);color:#fff;font-weight:800;font-size:30px;padding:12px 14px;border-radius:14px}.iw-brand h1{margin:0;font-size:30px}.iw-brand p{margin:3px 0 0;color:#315f94;font-size:18px}.iw-tagline{text-align:right;display:flex;flex-direction:column;gap:4px}.iw-tagline strong{font-style:italic;color:#0a63b9;font-size:18px}.iw-tagline span{font-size:14px}
.iw-dropzone{border:2px dashed #3192e7;border-radius:14px;padding:20px;display:grid;grid-template-columns:90px minmax(220px,1fr) minmax(300px,1.5fr);align-items:center;gap:18px;background:#fbfdff;cursor:pointer}.iw-dropzone.is-drag{background:#eef8ff;border-color:#087be5}.iw-upload-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#0b83eb;color:#fff;font-size:36px}.iw-drop-main{display:flex;flex-direction:column;gap:4px;font-size:18px}.iw-drop-main span{font-size:15px}.iw-formats{border-left:1px solid #9fc4e9;padding-left:24px;display:flex;flex-direction:column;gap:6px;font-size:14px}.iw-formats em{color:#315f94}
.iw-tools{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin:14px 0 8px}.iw-tool{border:1px solid #c9ddf1;background:#fff;border-radius:10px;padding:13px 6px;color:var(--blue-dark);font-weight:700;min-height:70px;cursor:pointer;box-shadow:0 1px 2px rgba(8,64,120,.05)}.iw-tool span{display:block;margin-top:6px;font-size:13px}.iw-tool.is-active{background:var(--blue);color:#fff;border-color:var(--blue)}
/* Selected tool controls now appear directly below the top toolbar. */
.iw-control-deck{border:1px solid var(--line);border-radius:12px;background:#f9fcff;padding:12px;margin-bottom:12px}.iw-panel{display:none}.iw-panel.is-open{display:block}.iw-panel-head{display:none}.iw-panel-body{display:block!important;padding:0}.iw-panel-body{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px;align-items:end}.iw-panel label{display:block;font-size:13px;font-weight:700;margin:0}.iw-panel input[type=number],.iw-panel input[type=text],.iw-panel select{width:100%;border:1px solid #bfd2e6;border-radius:8px;padding:10px;background:#fff;color:var(--text);margin-top:5px}.iw-panel input[type=range]{width:100%;margin-top:8px}.iw-check{display:flex!important;align-items:center;gap:8px;min-height:40px}.iw-check input{width:auto!important}.iw-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.iw-help{font-size:12px;line-height:1.4;color:var(--muted);margin:0;align-self:center}.iw-btn{border:1px solid #b9cee2;background:#fff;color:var(--blue-dark);border-radius:8px;padding:10px;font-weight:700;cursor:pointer;width:100%;margin:0}.iw-btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.iw-range-row{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.iw-info-list{font-size:13px;line-height:1.6}
.iw-main{min-width:0}.iw-preview-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.iw-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.iw-preview-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px}.iw-preview-actions input{width:130px}.iw-mini{border:1px solid #c3d6e9;background:#fff;color:var(--blue-dark);border-radius:7px;padding:7px 10px;cursor:pointer}.iw-zoom-step{font-size:20px;font-weight:800;line-height:20px;min-width:35px;padding:5px 8px}
/* The canvas keeps full pixel resolution. Only its CSS display size changes. */
.iw-stage{position:relative;width:100%;min-height:250px;background:linear-gradient(45deg,#f5f7fa 25%,#edf1f6 25%,#edf1f6 50%,#f5f7fa 50%,#f5f7fa 75%,#edf1f6 75%);background-size:24px 24px;overflow:auto;text-align:center;padding:16px;transition:height .15s ease}.iw-canvas-wrap{position:relative;display:block;margin:0 auto;width:0;height:0}.iw-stage canvas{display:none;width:0;height:0;max-width:none;box-shadow:0 3px 14px rgba(0,0,0,.12);vertical-align:top}.iw-empty{height:280px;text-align:center;color:#6e8095;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.iw-empty-icon{font-size:48px}.iw-crop-box{position:absolute;border:2px dashed #fff;outline:2px solid #087be5;background:rgba(11,120,227,.16);pointer-events:none;z-index:5}.iw-stage.is-crop-mode .iw-canvas-wrap{cursor:crosshair}
.iw-meta-row{display:grid;grid-template-columns:1fr 50px 1fr;gap:12px;align-items:stretch;margin-top:14px}.iw-meta-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px}.iw-meta-card h3{margin:0 0 10px;color:var(--blue-dark)}.iw-meta-card dl{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:0;font-size:13px}.iw-meta-card dt{font-weight:700}.iw-meta-card dd{margin:0}.iw-arrow{display:grid;place-items:center;font-size:35px;color:#0a6dcf}.iw-action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}.iw-action{border-radius:9px;padding:15px;border:2px solid;font-size:17px;font-weight:800;cursor:pointer}.iw-reset{background:#f5faff;color:#0a64b8;border-color:#0b7de3}.iw-clear{background:#fff7f7;color:#df3f43;border-color:#ef6b6f}.iw-download{background:var(--green);color:#fff;border-color:var(--green)}.iw-status{min-height:22px;padding:9px 2px;color:#41617f;font-size:13px}
@media(max-width:1100px){.iw-tools{grid-template-columns:repeat(6,1fr)}}
@media(max-width:820px){.iw-app{padding:10px}.iw-header{align-items:flex-start}.iw-tagline{display:none}.iw-brand h1{font-size:24px}.iw-brand p{font-size:14px}.iw-dropzone{grid-template-columns:60px 1fr}.iw-formats{grid-column:1/-1;border-left:0;border-top:1px solid #c8def2;padding:12px 0 0}.iw-tools{grid-template-columns:repeat(4,1fr)}.iw-preview-head{align-items:flex-start;flex-direction:column}.iw-meta-row{grid-template-columns:1fr}.iw-arrow{transform:rotate(90deg);height:25px}.iw-action-row{grid-template-columns:1fr}.iw-panel-body{grid-template-columns:1fr 1fr}.iw-preview-actions input{width:105px}}
@media(max-width:520px){.iw-tools{grid-template-columns:repeat(3,1fr)}.iw-dropzone{padding:14px}.iw-upload-icon{width:52px;height:52px}.iw-grid-2,.iw-panel-body{grid-template-columns:1fr}.iw-meta-card dl{grid-template-columns:95px 1fr}.iw-preview-actions input{width:90px}}

/* V1.2 additions */
.iw-tools{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}
.iw-canvas-wrap{transform-origin:center center;transition:transform .06s linear}
.iw-stage{display:flex;align-items:center;justify-content:center}
.iw-stage .iw-canvas-wrap{flex:0 0 auto}
.iw-markup-svg{position:absolute;inset:0;width:100%;height:100%;display:none;overflow:visible;z-index:4;touch-action:none}
.iw-stage.is-markup-mode .iw-markup-svg{display:block;cursor:crosshair}
.iw-stage.is-markup-mode .iw-markup-svg[data-tool="select"]{cursor:default}
.iw-markup-object{cursor:move}
.iw-selection-box{fill:none;stroke:#1287ef;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;pointer-events:none}
.iw-resize-handle{fill:#fff;stroke:#1287ef;stroke-width:2;vector-effect:non-scaling-stroke;cursor:nwse-resize}
.iw-blur-preview{fill:rgba(255,255,255,.25);stroke:#7a55ff;stroke-width:3;stroke-dasharray:10 7}
.iw-blur-label{fill:#5c3bd8;font:700 18px Arial;paint-order:stroke;stroke:#fff;stroke-width:4px}
.iw-hidden-colour{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.iw-colour-control{display:grid;grid-template-columns:minmax(145px,1fr) auto 34px;gap:8px;align-items:end;position:relative}
.iw-colour-control label{min-width:0}.iw-colour-control .iw-btn{white-space:nowrap}
.iw-colour-swatch{width:34px;height:34px;border-radius:8px;border:1px solid #aebfd1;align-self:end;margin-bottom:1px;box-shadow:inset 0 0 0 2px #fff}
.iw-border-panel{grid-template-columns:180px minmax(360px,1fr)!important}
.iw-border-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:9px}
.iw-border-preset{border:1px solid #c7d9eb;border-radius:9px;background:#fff;padding:8px;cursor:pointer;color:var(--blue-dark);font-size:12px}
.iw-border-preset.is-selected{border:2px solid var(--blue);background:#eef7ff;padding:7px}
.iw-border-thumb{display:block;height:52px;margin-bottom:6px;border-radius:3px;position:relative;background:#dce9f5}
.border-solid{border:9px solid #fff;box-shadow:inset 0 0 0 1px #aaa;background:#7cb6e8}
.border-classic{border:10px solid #fff;box-shadow:inset 0 0 0 2px #222;background:#8dc1ed}
.border-gallery{border:9px solid #151515;box-shadow:inset 0 0 0 3px #fff;background:#83bce8}
.border-double{border:8px solid #fff;box-shadow:inset 0 0 0 2px #1c4f7d,inset 0 0 0 6px #fff,inset 0 0 0 8px #1c4f7d;background:#91c5ef}
.border-polaroid{border:8px solid #fff;border-bottom-width:17px;box-shadow:0 1px 3px #777;background:#85b9e5}
.border-gold{border:10px ridge #d8aa2c;background:#8ec1ec}
.border-silver{border:10px ridge #c5ccd2;background:#8ec1ec}
.border-vintage{border:10px double #8f6c43;background:#ead9b7;box-shadow:inset 0 0 0 3px #ead9b7}
.border-wood{border:10px ridge #7b4b28;background:#8ec1ec}
.border-blue{border:10px solid #0b78e3;box-shadow:inset 0 0 0 3px #fff;background:#9bcbef}
.iw-markup-controls{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.iw-markup-controls .iw-grid-2{align-self:end}
@media(max-width:820px){.iw-border-panel{grid-template-columns:1fr!important}.iw-border-presets{grid-template-columns:repeat(2,minmax(110px,1fr))}.iw-colour-control{grid-template-columns:1fr auto 34px}}
@media(max-width:520px){.iw-border-presets{grid-template-columns:1fr 1fr}.iw-colour-control{grid-template-columns:1fr 34px}.iw-colour-control .iw-btn{grid-column:1/-1}}

/* V1.3 interaction refinements */
.iw-preview-layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.iw-preview-layout.has-objects{grid-template-columns:220px minmax(0,1fr)}
.iw-object-panel{border-right:1px solid var(--line);background:#f9fcff;min-width:0;padding:10px;overflow:auto;max-height:72vh}.iw-object-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.iw-object-head span{font-size:11px;color:var(--muted)}
.iw-object-list{display:flex;flex-direction:column;gap:6px}.iw-object-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid #cbddef;background:white;border-radius:8px;padding:8px 9px;cursor:pointer;color:var(--blue-dark)}.iw-object-item.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(11,120,227,.12);background:#edf7ff}.iw-object-item small{display:block;color:var(--muted);font-size:10px}.iw-object-index{font-size:11px;font-weight:800;opacity:.7}
.iw-crop-box,.iw-adjust-box{pointer-events:auto;touch-action:none}.iw-crop-box{cursor:move}.iw-adjust-box{position:absolute;border:2px solid #16a085;background:rgba(22,160,133,.12);z-index:5;cursor:move}
.iw-crop-box i,.iw-adjust-box i{position:absolute;width:12px;height:12px;background:#fff;border:2px solid currentColor;border-radius:50%;z-index:2}.iw-crop-box{color:#087be5}.iw-adjust-box{color:#16a085}
.iw-crop-box i[data-crop-handle="nw"],.iw-adjust-box i[data-adjust-handle="nw"]{left:-7px;top:-7px;cursor:nwse-resize}.iw-crop-box i[data-crop-handle="n"],.iw-adjust-box i[data-adjust-handle="n"]{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.iw-crop-box i[data-crop-handle="ne"],.iw-adjust-box i[data-adjust-handle="ne"]{right:-7px;top:-7px;cursor:nesw-resize}.iw-crop-box i[data-crop-handle="e"],.iw-adjust-box i[data-adjust-handle="e"]{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.iw-crop-box i[data-crop-handle="se"],.iw-adjust-box i[data-adjust-handle="se"]{right:-7px;bottom:-7px;cursor:nwse-resize}.iw-crop-box i[data-crop-handle="s"],.iw-adjust-box i[data-adjust-handle="s"]{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.iw-crop-box i[data-crop-handle="sw"],.iw-adjust-box i[data-adjust-handle="sw"]{left:-7px;bottom:-7px;cursor:nesw-resize}.iw-crop-box i[data-crop-handle="w"],.iw-adjust-box i[data-adjust-handle="w"]{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.iw-colour-simple{grid-template-columns:minmax(110px,.7fr) minmax(110px,1fr) 34px}.iw-colour-simple input[type=color]{height:42px;padding:3px;cursor:pointer}.iw-colour-simple .iw-colour-swatch{margin-bottom:0}
.iw-stage.is-adjust-mode .iw-canvas-wrap{cursor:crosshair}.iw-stage.is-adjust-mode .iw-adjust-box{cursor:move}
@media(max-width:900px){.iw-preview-layout.has-objects{grid-template-columns:1fr}.iw-object-panel{border-right:0;border-bottom:1px solid var(--line);max-height:180px}.iw-object-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V1.4 layout refinement */
.iw-header{padding-top:4px}.iw-brand{gap:0}.iw-logo{display:none!important}
.iw-stage{display:block!important;overflow:auto!important;text-align:left!important;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:16px}
.iw-stage .iw-canvas-wrap{margin:0 auto!important;flex:none!important}
.iw-empty{min-height:420px;height:min(62vh,620px);width:100%;display:flex;align-items:center;justify-content:center;padding:28px}
.iw-empty-dropzone{width:min(620px,92%);min-height:250px;border:2px dashed #2d8fe8;border-radius:18px;background:rgba(255,255,255,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer;padding:28px;box-shadow:0 8px 28px rgba(25,89,148,.08);transition:border-color .15s,background .15s,transform .15s}
.iw-empty-dropzone:hover,.iw-empty-dropzone:focus{border-color:#0878db;background:#f8fcff;outline:none}.iw-empty-dropzone.is-drag{background:#eaf6ff;transform:scale(1.01)}
.iw-empty-upload{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0b83eb;color:#fff;font-size:38px;line-height:1;font-weight:700;margin-bottom:5px}.iw-empty-dropzone strong{font-size:20px;color:#0b3f82}.iw-empty-dropzone span{font-size:15px}.iw-empty-dropzone small{margin-top:8px;color:#426887;line-height:1.5}.iw-empty-dropzone em{font-size:12px;color:#667d94}
.iw-colour-control.iw-colour-named{display:grid;grid-template-columns:minmax(150px,1fr) auto 36px;gap:8px;align-items:end}.iw-colour-control.iw-colour-named label{min-width:0}.iw-colour-control.iw-colour-named select{margin-top:5px}.iw-colour-control.iw-colour-named .iw-btn{width:auto;min-width:112px;white-space:nowrap}.iw-colour-control.iw-colour-named .iw-colour-swatch{width:36px;height:36px}
.iw-object-item{padding:0;overflow:hidden;cursor:default}.iw-object-select{flex:1;border:0;background:transparent;color:inherit;text-align:left;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.iw-object-delete{flex:0 0 30px;width:30px;height:30px;border:0;border-left:1px solid #d9e7f6;background:#fff;color:#d73b40;font-weight:800;font-size:17px;cursor:pointer;align-self:stretch}.iw-object-delete:hover{background:#fff0f0}.iw-object-item.is-selected .iw-object-delete{background:#edf7ff}
.iw-markup-svg,.iw-markup-object,.iw-selection-box,.iw-resize-handle{user-select:none;-webkit-user-select:none}
.iw-canvas-wrap{transition:transform .04s linear!important;will-change:transform}
/* Professional border thumbnails */
.iw-border-thumb{height:62px;border-radius:5px;background:#91c4ec;box-shadow:none}
.border-solid{border:10px solid #fff;box-shadow:inset 0 0 0 1px #c8c8c8}
.border-white-mat{border:14px solid #f8f7f3;box-shadow:inset 0 0 0 1px #d8d5cf,0 2px 4px rgba(0,0,0,.12)}
.border-black-gallery{border:11px solid #151719;box-shadow:inset 0 0 0 2px #404348,0 2px 4px rgba(0,0,0,.2)}
.border-charcoal{border:12px solid #34383d;box-shadow:inset 0 0 0 2px #5a6067,inset 0 0 0 4px #202326}
.border-linen{border:14px solid #e9e3d7;box-shadow:inset 0 0 0 1px #bfb7a8;background-image:linear-gradient(45deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.35) 75%)}
.border-gold{border:12px solid #b68a2b;box-shadow:inset 0 0 0 2px #f3dc8b,inset 0 0 0 5px #74510f}
.border-silver{border:12px solid #9fa6ae;box-shadow:inset 0 0 0 2px #eef1f4,inset 0 0 0 5px #69717a}
.border-walnut{border:12px solid #6b4028;box-shadow:inset 0 0 0 2px #9a6748,inset 0 0 0 5px #3f2417}
.border-navy{border:12px solid #132f50;box-shadow:inset 0 0 0 2px #2d537b}
.border-shadow{border:10px solid #fff;box-shadow:0 6px 10px rgba(0,0,0,.35),inset 0 0 0 1px #ddd}
@media(max-width:820px){.iw-colour-control.iw-colour-named{grid-template-columns:1fr auto 36px}.iw-empty{min-height:330px;height:48vh}.iw-empty-dropzone{min-height:220px}}
@media(max-width:520px){.iw-colour-control.iw-colour-named{grid-template-columns:1fr 36px}.iw-colour-control.iw-colour-named .iw-btn{grid-column:1/-1;width:100%}}


/* V1.5 fixes */
/* Keep the markup colour chooser on its own row so it cannot collide with Blur strength. */
.iw-markup-controls .iw-colour-control.iw-colour-named{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(180px,1fr) 130px 38px;
  max-width:620px;
  width:100%;
}
.iw-markup-controls label:has(#iw-blur-strength){min-width:220px}

/* Text remains directly editable while the Text tab is selected. */
.iw-stage.is-markup-mode .iw-markup-svg{display:block}

/* Correct diagonal resize cursors. Top-right / bottom-left are the opposite diagonal. */
.iw-resize-handle[data-handle="nw"],
.iw-resize-handle[data-handle="se"]{cursor:nwse-resize!important}
.iw-resize-handle[data-handle="ne"],
.iw-resize-handle[data-handle="sw"]{cursor:nesw-resize!important}
.iw-crop-box i[data-crop-handle="nw"],
.iw-crop-box i[data-crop-handle="se"],
.iw-adjust-box i[data-adjust-handle="nw"],
.iw-adjust-box i[data-adjust-handle="se"]{cursor:nwse-resize!important}
.iw-crop-box i[data-crop-handle="ne"],
.iw-crop-box i[data-crop-handle="sw"],
.iw-adjust-box i[data-adjust-handle="ne"],
.iw-adjust-box i[data-adjust-handle="sw"]{cursor:nesw-resize!important}

@media(max-width:700px){
  .iw-markup-controls .iw-colour-control.iw-colour-named{
    grid-template-columns:1fr 120px 38px;
    max-width:none;
  }
}
@media(max-width:520px){
  .iw-markup-controls .iw-colour-control.iw-colour-named{
    grid-template-columns:1fr 38px;
  }
  .iw-markup-controls .iw-colour-control.iw-colour-named .iw-btn{
    grid-column:1 / -1;
    width:100%;
  }
}

/* V1.6 text colour + safer enhanced upscaler */
.iw-panel[data-panel-name="text"] .iw-colour-control.iw-colour-named{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(180px,1fr) 130px 38px;
  max-width:620px;
  width:100%;
}
.iw-upscale-limit-note{margin-top:8px!important}
#iw-apply-upscale:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:700px){
  .iw-panel[data-panel-name="text"] .iw-colour-control.iw-colour-named{
    grid-template-columns:1fr 120px 38px;
    max-width:none;
  }
}
@media(max-width:520px){
  .iw-panel[data-panel-name="text"] .iw-colour-control.iw-colour-named{
    grid-template-columns:1fr 38px;
  }
  .iw-panel[data-panel-name="text"] .iw-colour-control.iw-colour-named .iw-btn{
    grid-column:1 / -1;
    width:100%;
  }
}


/* V1.7 — larger text, font styles and in-preview zoom */
.iw-text-size-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:end}
.iw-text-size-control>label{margin-bottom:0}
.iw-text-size-number input{width:100%;text-align:center}
.iw-text-style-grid{margin-top:5px}
.iw-stage{position:relative}
.iw-stage-zoom{position:sticky;right:14px;bottom:14px;z-index:30;margin-left:auto;align-self:flex-end;display:flex;align-items:center;gap:6px;width:max-content;padding:6px 7px;border:1px solid rgba(145,173,205,.85);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 4px 16px rgba(28,69,112,.18);backdrop-filter:blur(5px)}
.iw-stage-zoom-btn,.iw-stage-zoom-fit{border:1px solid #bfd2e6;background:#fff;color:#0b3f82;border-radius:7px;height:30px;min-width:30px;padding:0 8px;font-weight:800;cursor:pointer}
.iw-stage-zoom span{min-width:48px;text-align:center;font-size:12px;font-weight:800;color:#0b3f82}
.iw-stage-zoom-fit{font-size:12px;font-weight:700}
@media(max-width:620px){.iw-text-size-control{grid-template-columns:1fr 78px}.iw-stage-zoom{right:8px;bottom:8px}}

/* V1.8 — font preview, wheel zoom, clearer border samples */
.iw-font-preview-wrap{
  grid-column:1/-1;
  border:1px solid #c8dcef;
  background:#fff;
  border-radius:10px;
  padding:9px 12px 11px;
  min-width:0;
}
.iw-font-preview-label{display:block;font-size:11px;font-weight:800;color:#667d94;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.iw-font-preview{
  min-height:58px;
  display:flex;
  align-items:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:32px;
  line-height:1.15;
  color:#12345d;
  padding:2px 4px;
}
/* Remove the old floating in-image zoom box. Mouse wheel now zooms the preview. */
.iw-stage-zoom{display:none!important}
.iw-stage{overscroll-behavior:contain}
.iw-stage.is-wheel-zooming{cursor:zoom-in}

/* Larger, clearer border previews with a common miniature image behind each frame. */
.iw-border-presets{grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px}
.iw-border-preset{padding:10px;font-size:12px;text-align:center}
.iw-border-preset.is-selected{padding:9px}
.iw-border-thumb{
  height:96px!important;
  margin-bottom:8px!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),
    linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),
    linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important;
  background-clip:padding-box!important;
}
.iw-border-preset b{display:block;line-height:1.25}
@media(max-width:1100px){.iw-border-presets{grid-template-columns:repeat(3,minmax(145px,1fr))}}
@media(max-width:700px){.iw-border-presets{grid-template-columns:repeat(2,minmax(130px,1fr))}.iw-font-preview{font-size:27px}}


/* V1.9 — pan, live font input, colour palettes and expanded border library */
.iw-text-entry-label{grid-column:1/-1}
.iw-text-live-input{
  min-height:58px!important;
  font-size:30px!important;
  line-height:1.2!important;
  padding:11px 14px!important;
  transition:font-family .1s,font-weight .1s,font-style .1s,color .1s,background .1s;
}
#iw-text-font{transition:font-family .1s;font-size:15px}
.iw-colour-palette-wrap{grid-column:1/-1;border:1px solid #d5e4f2;border-radius:10px;background:#fff;padding:10px 11px}
.iw-colour-title{display:block;font-size:12px;font-weight:800;color:#315f94;margin-bottom:8px}
.iw-colour-palette{display:flex;flex-wrap:wrap;gap:8px}
.iw-colour-chip{width:46px;height:42px;border:2px solid #c8d8e7;border-radius:9px;background:var(--chip);cursor:pointer;position:relative;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);padding:0}
.iw-colour-chip:hover{transform:translateY(-1px);box-shadow:0 2px 7px rgba(25,71,116,.18),inset 0 0 0 2px rgba(255,255,255,.55)}
.iw-colour-chip.is-selected{border-color:#0b78e3;box-shadow:0 0 0 2px rgba(11,120,227,.18),inset 0 0 0 2px rgba(255,255,255,.55)}
.iw-colour-chip span{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-size:9px;color:#526a82;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1px solid #d7e4ef;border-radius:5px;padding:2px 4px;z-index:5}
.iw-colour-chip:hover span,.iw-colour-chip.is-selected span{opacity:1}
.iw-custom-colour-row{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}
.iw-custom-colour-row .iw-custom-colour-btn{width:auto;min-width:120px}
.iw-custom-colour-row strong{font-size:12px;color:#496781}
.iw-hidden-colour{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.iw-stage.can-pan:not(.is-crop-mode):not(.is-adjust-mode) .iw-canvas-wrap{cursor:grab}
.iw-stage.is-panning,.iw-stage.is-panning .iw-canvas-wrap,.iw-stage.is-panning .iw-markup-svg{cursor:grabbing!important;user-select:none}
.iw-border-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#iw-change-border:disabled{opacity:.5;cursor:not-allowed}
.iw-border-presets{grid-template-columns:repeat(4,minmax(165px,1fr))!important}
.iw-border-thumb{height:112px!important;border-radius:7px!important}
.border-ornate-gold{border:14px ridge #c99a2e!important;box-shadow:inset 0 0 0 3px #fff0a0,inset 0 0 0 7px #6e4a0a,0 2px 5px rgba(0,0,0,.25)!important;outline:3px double #d7b85d;outline-offset:-9px}
.border-ornate-silver{border:14px ridge #bfc6ce!important;box-shadow:inset 0 0 0 3px #f9fbfd,inset 0 0 0 7px #606873,0 2px 5px rgba(0,0,0,.22)!important;outline:3px double #dfe5ea;outline-offset:-9px}
.border-ornate-bronze{border:14px ridge #9a6431!important;box-shadow:inset 0 0 0 3px #d7a765,inset 0 0 0 7px #4b2b16,0 2px 5px rgba(0,0,0,.25)!important;outline:3px double #b9824f;outline-offset:-9px}
.border-oak{border:14px solid #a97943!important;box-shadow:inset 0 0 0 2px #d4a76f,inset 0 0 0 5px #734b28!important;background-image:repeating-linear-gradient(7deg,rgba(82,45,18,.22) 0 2px,rgba(210,162,99,.08) 2px 6px)!important}
.border-dark-oak{border:14px solid #4d2e1c!important;box-shadow:inset 0 0 0 2px #785139,inset 0 0 0 5px #26160e!important;background-image:repeating-linear-gradient(-8deg,rgba(15,7,3,.28) 0 2px,rgba(126,76,43,.12) 2px 7px)!important}
.border-mahogany{border:14px solid #6a241f!important;box-shadow:inset 0 0 0 2px #a34d42,inset 0 0 0 5px #34100e!important;background-image:repeating-linear-gradient(6deg,rgba(37,3,4,.25) 0 2px,rgba(150,61,49,.12) 2px 6px)!important}
.border-driftwood{border:14px solid #928575!important;box-shadow:inset 0 0 0 2px #c5baaa,inset 0 0 0 5px #665b50!important;background-image:repeating-linear-gradient(4deg,rgba(70,62,53,.18) 0 2px,rgba(232,225,214,.15) 2px 7px)!important}
.border-whitewood{border:14px solid #ddd8ca!important;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #b7af9d!important;background-image:repeating-linear-gradient(-5deg,rgba(120,110,94,.13) 0 2px,rgba(255,255,255,.35) 2px 7px)!important}
@media(max-width:1000px){.iw-border-presets{grid-template-columns:repeat(3,minmax(145px,1fr))!important}}
@media(max-width:720px){.iw-border-presets{grid-template-columns:repeat(2,minmax(130px,1fr))!important}.iw-border-actions{grid-template-columns:1fr}.iw-text-live-input{font-size:25px!important}}

/* Keep the miniature photo visible while showing textured frame edges. */
.iw-border-thumb.border-oak{border:14px solid #a97943!important;border-image:repeating-linear-gradient(8deg,#79502d 0 5px,#bd8d53 5px 11px,#8d6036 11px 16px) 14 round!important;background-image:radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important}
.iw-border-thumb.border-dark-oak{border:14px solid #4d2e1c!important;border-image:repeating-linear-gradient(-7deg,#21120b 0 5px,#5e3a24 5px 11px,#351f14 11px 16px) 14 round!important;background-image:radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important}
.iw-border-thumb.border-mahogany{border:14px solid #6a241f!important;border-image:repeating-linear-gradient(7deg,#3a0d0d 0 5px,#8d342b 5px 11px,#571814 11px 16px) 14 round!important;background-image:radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important}
.iw-border-thumb.border-driftwood{border:14px solid #928575!important;border-image:repeating-linear-gradient(5deg,#6d6459 0 5px,#b8ad9e 5px 11px,#81776b 11px 16px) 14 round!important;background-image:radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important}
.iw-border-thumb.border-whitewood{border:14px solid #ddd8ca!important;border-image:repeating-linear-gradient(-5deg,#b8b09f 0 5px,#eee9dd 5px 11px,#d2cbbb 11px 16px) 14 round!important;background-image:radial-gradient(circle at 72% 26%,#fff7b5 0 5%,#f8c95b 6% 10%,transparent 11%),linear-gradient(165deg,transparent 0 56%,#275f52 57% 68%,#1d4a3e 69% 100%),linear-gradient(#77c7f4 0 48%,#d7edf9 49% 57%,#5ba1c8 58% 100%)!important}

/* V1.11 — compact workspace controls */
/* Reduce the vertical space used by the header, tool strip and all setup panels. */
.iw-app{padding:12px 14px}
.iw-header{padding:2px 4px 10px;gap:14px}
.iw-brand h1{font-size:26px;line-height:1.05}
.iw-brand p{font-size:14px;margin-top:2px}
.iw-tagline{gap:1px}.iw-tagline strong{font-size:15px}.iw-tagline span{font-size:11px}

.iw-tools{gap:5px;margin:8px 0 6px}
.iw-tool{min-height:52px;padding:7px 4px;border-radius:8px;font-size:13px}
.iw-tool span{margin-top:3px;font-size:11px;line-height:1.05}

.iw-control-deck{padding:8px 9px;margin-bottom:8px;border-radius:10px}
.iw-panel-body{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:6px 10px;align-items:end}
.iw-panel label{font-size:11.5px;line-height:1.2}
.iw-panel input[type=number],.iw-panel input[type=text],.iw-panel select{padding:6px 8px;margin-top:3px;border-radius:7px;min-height:32px}
.iw-panel input[type=range]{margin-top:4px}
.iw-btn{padding:7px 9px;border-radius:7px;font-size:12px;min-height:32px}
.iw-grid-2{gap:6px}
.iw-help{font-size:10.5px;line-height:1.25}
.iw-check{min-height:32px}
.iw-range-row{font-size:10.5px}

/* Text controls: keep the live font preview, but make the editor much shallower. */
.iw-panel[data-panel-name="text"] .iw-panel-body{grid-template-columns:minmax(220px,1.35fr) minmax(210px,1fr) minmax(135px,.65fr)!important}
.iw-text-entry-label{grid-column:1/-1}
.iw-text-live-input{min-height:40px!important;height:40px;font-size:22px!important;line-height:1.05!important;padding:6px 10px!important}
.iw-text-size-control{grid-template-columns:minmax(0,1fr) 72px;gap:7px}
.iw-text-style-grid{gap:7px;margin-top:0}

/* Compact colour palettes for both Text and Markup. */
.iw-colour-palette-wrap{padding:6px 8px;border-radius:8px}
.iw-colour-title{font-size:11px;margin-bottom:5px}
.iw-colour-palette{gap:5px;align-items:center}
.iw-colour-chip{width:34px;height:30px;border-radius:6px;border-width:1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.iw-colour-chip.is-selected{border-width:2px}
.iw-colour-chip span{display:none!important}
.iw-custom-colour-row{margin-top:6px;gap:6px;min-height:30px}
.iw-custom-colour-row .iw-custom-colour-btn{min-width:96px;width:auto;padding:6px 9px}
.iw-custom-colour-row .iw-colour-swatch{width:28px;height:28px;border-radius:6px;margin:0}
.iw-custom-colour-row strong{font-size:11px}

/* Markup controls fit across fewer, tighter rows. */
.iw-markup-controls{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}
.iw-markup-controls .iw-colour-palette-wrap{grid-column:1/-1}
.iw-markup-controls label:has(#iw-blur-strength){min-width:145px}

/* Keep the preview header and object list compact as well. */
.iw-preview-head{padding:7px 10px;gap:8px}
.iw-preview-actions{gap:5px;font-size:11px}
.iw-mini{padding:5px 8px;font-size:11px}
.iw-zoom-step{font-size:17px;min-width:30px;padding:3px 6px}
.iw-object-panel{padding:7px;max-height:72vh}
.iw-object-head{margin-bottom:5px}.iw-object-head span{font-size:10px}
.iw-object-list{gap:4px}
.iw-object-select{padding:6px 7px;font-size:11px}.iw-object-item small{font-size:9px}.iw-object-delete{width:27px;flex-basis:27px;height:27px}

@media(max-width:900px){
  .iw-panel[data-panel-name="text"] .iw-panel-body{grid-template-columns:1fr 1fr!important}
  .iw-text-entry-label,.iw-colour-palette-wrap{grid-column:1/-1}
}
@media(max-width:620px){
  .iw-app{padding:8px}
  .iw-tool{min-height:48px}
  .iw-panel-body,.iw-panel[data-panel-name="text"] .iw-panel-body{grid-template-columns:1fr!important}
  .iw-text-live-input{font-size:20px!important}
  .iw-colour-chip{width:31px;height:28px}
}


/* V1.12 — compact colour/action layout */
/* Put Custom colour on the same line, immediately to the right of the preset swatches. */
.iw-colour-palette-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,auto) auto!important;
  column-gap:8px!important;
  row-gap:4px!important;
  align-items:center!important;
  justify-content:start!important;
}
.iw-colour-palette-wrap .iw-colour-title{
  grid-column:1 / -1!important;
  margin:0!important;
}
.iw-colour-palette-wrap .iw-colour-palette{
  grid-column:1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  min-width:0!important;
}
.iw-colour-palette-wrap .iw-custom-colour-row{
  grid-column:2!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.iw-colour-palette-wrap .iw-custom-colour-btn{
  min-width:88px!important;
  min-height:28px!important;
  padding:4px 7px!important;
  font-size:11px!important;
}
.iw-colour-palette-wrap .iw-colour-swatch{
  width:26px!important;
  height:26px!important;
}
.iw-colour-palette-wrap .iw-custom-colour-row strong{
  font-size:10.5px!important;
}

/* Markup: prevent the lower controls from colliding and keep them as compact as Text. */
.iw-markup-controls{
  grid-template-columns:minmax(120px,.9fr) minmax(120px,.9fr) minmax(150px,1.15fr)!important;
  gap:5px 8px!important;
}
.iw-markup-controls .iw-colour-palette-wrap{
  grid-column:1 / -1!important;
}
.iw-markup-controls label:has(#iw-blur-strength){
  min-width:0!important;
  width:100%!important;
  align-self:center!important;
}
.iw-markup-action-row{
  display:flex!important;
  gap:5px!important;
  align-items:end!important;
  justify-content:flex-start!important;
  width:auto!important;
}
.iw-markup-action-row .iw-btn,
.iw-markup-apply-btn{
  width:auto!important;
  min-width:0!important;
  min-height:29px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.iw-markup-apply-btn{
  justify-self:start!important;
  align-self:end!important;
}
.iw-markup-controls > .iw-help{
  margin:0!important;
  align-self:center!important;
}

@media(max-width:760px){
  .iw-colour-palette-wrap{
    grid-template-columns:1fr!important;
  }
  .iw-colour-palette-wrap .iw-colour-title,
  .iw-colour-palette-wrap .iw-colour-palette,
  .iw-colour-palette-wrap .iw-custom-colour-row{
    grid-column:1!important;
  }
  .iw-colour-palette-wrap .iw-custom-colour-row{
    margin-top:2px!important;
  }
  .iw-markup-controls{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:520px){
  .iw-markup-controls{grid-template-columns:1fr!important}
  .iw-markup-action-row{flex-wrap:wrap!important}
}


/* V1.13 — compact border browser, matching colour palette and true previews */
.iw-border-panel{
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:7px 10px!important;
  align-items:start!important;
}
.iw-border-size-control{grid-column:1;align-self:start}
.iw-border-colour-wrap{grid-column:2!important;margin:0!important}
.iw-border-colour-wrap .iw-colour-title{margin-bottom:4px}
.iw-border-colour-wrap .iw-colour-palette{gap:5px}
.iw-border-colour-wrap .iw-colour-chip{width:29px;height:27px}
.iw-border-colour-wrap .iw-custom-colour-row{margin:0 0 0 6px}
.iw-border-colour-wrap{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;padding:5px 7px!important}
.iw-border-colour-wrap>.iw-colour-title{flex:0 0 100%;width:100%}
.iw-border-colour-wrap>.iw-colour-palette{flex:0 1 auto}
.iw-border-colour-wrap>.iw-custom-colour-row{flex:0 0 auto}
.iw-border-presets{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(105px,1fr))!important;
  gap:7px!important;
  max-height:290px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:3px 6px 3px 12px;
  direction:rtl;
  scrollbar-gutter:stable;
  border:1px solid #d9e6f2;
  border-radius:8px;
  background:#f8fbfe;
}
.iw-border-preset{
  direction:ltr;
  padding:5px!important;
  min-width:0;
  border-radius:7px!important;
  font-size:11px!important;
  background:#fff;
}
.iw-border-preset.is-selected{padding:4px!important}
.iw-border-thumb{
  display:block;
  height:65px!important;
  margin-bottom:4px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
  overflow:hidden;
  border-radius:4px!important;
}
.iw-border-thumb canvas{display:block;width:100%;height:100%;border-radius:3px}
.iw-border-preset b{font-size:10.5px;line-height:1.1}
.iw-border-actions{grid-column:1/-1!important;gap:7px!important}
.iw-border-actions .iw-btn{min-height:30px!important;padding:6px 8px!important}
@media(max-width:900px){
  .iw-border-presets{grid-template-columns:repeat(4,minmax(95px,1fr))!important}
}
@media(max-width:680px){
  .iw-border-panel{grid-template-columns:1fr!important}
  .iw-border-size-control,.iw-border-colour-wrap{grid-column:1!important}
  .iw-border-presets{grid-template-columns:repeat(3,minmax(90px,1fr))!important;max-height:260px}
}
.iw-border-thumb[class*="border-"]{border:0!important;border-image:none!important;box-shadow:none!important;outline:0!important;background:none!important}

/* V1.14 — border browser down the left side of the preview */
.iw-border-panel{
  grid-template-columns:110px minmax(0,1fr)!important;
  align-items:end!important;
}
.iw-border-panel>.iw-border-presets,
.iw-border-panel>.iw-border-actions,
.iw-border-home{display:none!important}
.iw-border-sidebar{
  width:230px;
  min-width:230px;
  max-width:230px;
  border-right:1px solid #d9e6f2;
  background:#f7fbff;
  align-self:stretch;
  overflow:hidden;
  flex:0 0 230px;
}
.iw-border-sidebar[hidden]{display:none!important}
.iw-border-sidebar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:6px;
  padding:8px 8px 6px;
  border-bottom:1px solid #d9e6f2;
  background:#fff;
}
.iw-border-sidebar-head strong{font-size:12px;color:#173a63}
.iw-border-sidebar-head span{font-size:9px;color:#73869a;line-height:1.2;text-align:right}
.iw-border-sidebar-slot{
  height:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.iw-border-sidebar .iw-border-presets{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start;
  gap:6px!important;
  max-height:none!important;
  height:420px;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:7px!important;
  direction:ltr!important;
  border:0!important;
  border-radius:0!important;
  background:#f7fbff!important;
  scrollbar-gutter:stable;
}
.iw-border-sidebar .iw-border-preset{
  direction:ltr!important;
  padding:4px!important;
  min-width:0!important;
  border-radius:6px!important;
}
.iw-border-sidebar .iw-border-preset.is-selected{padding:3px!important}
.iw-border-sidebar .iw-border-thumb{
  height:48px!important;
  margin-bottom:3px!important;
}
.iw-border-sidebar .iw-border-preset b{
  display:block;
  font-size:9.5px!important;
  line-height:1.08!important;
  white-space:normal;
}
.iw-border-sidebar .iw-border-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  padding:7px!important;
  border-top:1px solid #d9e6f2;
  background:#fff;
  margin-top:auto;
}
.iw-border-sidebar .iw-border-actions .iw-btn{
  width:100%;
  min-height:28px!important;
  padding:5px 6px!important;
  font-size:11px!important;
}
.iw-preview-layout.border-mode{
  display:flex!important;
  align-items:stretch!important;
}
.iw-preview-layout.border-mode .iw-object-panel{display:none!important}
.iw-preview-layout.border-mode .iw-stage{
  flex:1 1 auto!important;
  min-width:0!important;
}
@media(max-width:760px){
  .iw-preview-layout.border-mode{display:block!important}
  .iw-border-sidebar{width:100%;max-width:none;min-width:0;border-right:0;border-bottom:1px solid #d9e6f2}
  .iw-border-sidebar .iw-border-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:180px}
  .iw-border-sidebar .iw-border-actions{grid-template-columns:1fr 1fr!important}
}

/* V1.15 - keep both border action buttons visible in the left sidebar */
.iw-border-sidebar-slot{
  height:calc(100% - 0px)!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.iw-border-sidebar .iw-border-presets{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
}
.iw-border-sidebar .iw-border-actions{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  padding:7px!important;
  margin:0!important;
  position:sticky!important;
  bottom:0!important;
  z-index:3!important;
  background:#fff!important;
  border-top:1px solid #d9e6f2!important;
}
.iw-border-sidebar .iw-border-actions .iw-btn{
  display:block!important;
  visibility:visible!important;
}


/* V1.16 – compact Resize/Transform, resize choices and download naming */
.iw-resize-panel{grid-template-columns:minmax(300px,1.5fr) minmax(310px,1.3fr) minmax(210px,.9fr) minmax(145px,.65fr)!important}
.iw-resize-dimensions{display:flex;align-items:end;gap:6px;min-width:290px}.iw-resize-dimensions label{flex:1}.iw-size-x{font-weight:900;color:#52708b;padding-bottom:8px}.iw-lock-compact{flex:0 0 auto!important;white-space:nowrap;padding:0 3px 1px}
.iw-resize-quick{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:37px}.iw-small-title{font-size:12px;font-weight:800;color:#496680;margin-right:2px}.iw-resize-percent{padding:6px 8px!important;min-width:43px}
.iw-resize-summary{border:1px solid #d0e0ef;background:#fff;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:700;color:#385d7d;align-self:end}.iw-resize-help{grid-column:1/-1}
.iw-transform-panel{grid-template-columns:minmax(245px,1fr) minmax(260px,1.2fr) minmax(220px,.9fr) minmax(300px,1.25fr)!important}.iw-transform-group{border-right:1px solid #dbe7f2;padding-right:10px}.iw-transform-group:last-child{border-right:0}.iw-compact-buttons{display:flex;gap:5px;margin-top:5px}.iw-compact-buttons .iw-btn{padding:7px 8px;white-space:nowrap}.iw-custom-angle-group{display:grid;grid-template-columns:1fr 92px;align-items:end;gap:7px}.iw-custom-angle-group .iw-btn{padding:7px}.iw-convert-row{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:end}.iw-convert-row input[type=range]{margin-top:4px}
.iw-download-settings{margin-top:12px;border:1px solid var(--line);background:#f9fcff;border-radius:10px;padding:9px 11px}.iw-download-settings label{font-size:12px;font-weight:800;color:#315c7e}.iw-file-name-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:7px;margin-top:5px}.iw-file-name-row input{border:1px solid #bfd2e6;border-radius:7px;padding:8px 10px;min-width:0}.iw-file-name-row #iw-download-ext{font-size:13px;font-weight:900;color:#42647e;min-width:42px}
body.iw-modal-open{overflow:hidden}.iw-modal[hidden]{display:none!important}.iw-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.iw-modal-backdrop{position:absolute;inset:0;background:rgba(13,34,54,.54);backdrop-filter:blur(2px)}.iw-modal-card{position:relative;z-index:1;width:min(620px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:15px;border:1px solid #cbdcec;box-shadow:0 20px 70px rgba(0,0,0,.28);padding:20px}.iw-modal-card h2{margin:0 28px 6px 0;color:#0a5ca8;font-size:21px}.iw-modal-card>p{margin:0 0 14px;color:#557087;font-size:13px;line-height:1.45}.iw-modal-x{position:absolute;right:10px;top:9px;border:0;background:#eef5fb;width:30px;height:30px;border-radius:50%;font-size:21px;color:#315f84;cursor:pointer}.iw-modal-actions{display:grid;gap:8px;margin-top:13px}.iw-modal-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #bed3e7;background:#fff;border-radius:10px;padding:11px 13px;cursor:pointer;color:#174d79}.iw-modal-choice:hover,.iw-modal-choice.is-primary{border-color:#0b7de3;background:#eff8ff}.iw-modal-choice strong{font-size:14px}.iw-modal-choice span{font-size:12px;color:#60798f;margin-top:2px}.iw-modal-choice.is-danger{color:#a83236}.iw-modal-field{display:block;font-size:12px;font-weight:800;margin:8px 0}.iw-modal-field select{width:100%;margin-top:4px;border:1px solid #bfd2e6;border-radius:8px;padding:8px;background:#fff}.iw-square-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.iw-square-options>span{font-size:12px;font-weight:800;margin-right:2px}.iw-square-bg{border:2px solid #d5e2ed;background:#fff;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.iw-square-bg[data-bg="#000000"]{background:#000;color:#fff}.iw-square-bg[data-bg="transparent"]{background:linear-gradient(45deg,#ddd 25%,#fff 25%,#fff 50%,#ddd 50%,#ddd 75%,#fff 75%);background-size:10px 10px}.iw-square-bg.is-selected{outline:2px solid #0b7de3;outline-offset:1px}.iw-square-options input[type=color]{width:36px;height:31px;border:1px solid #c3d5e5;border-radius:7px;padding:2px;background:#fff}
@media(max-width:1000px){.iw-resize-panel,.iw-transform-panel{grid-template-columns:1fr 1fr!important}.iw-transform-group{border-right:0}.iw-resize-help{grid-column:1/-1}}
@media(max-width:620px){.iw-resize-panel,.iw-transform-panel{grid-template-columns:1fr!important}.iw-resize-dimensions{min-width:0;flex-wrap:wrap}.iw-lock-compact{width:100%}.iw-custom-angle-group,.iw-convert-row{grid-template-columns:1fr}.iw-file-name-row{grid-template-columns:1fr auto}.iw-file-name-row #iw-reset-name{grid-row:2}.iw-file-name-row #iw-download-ext{grid-column:2;grid-row:1}}
\n\n/* V1.17 - combined annotation tab + ordered change history */\n.iw-annotate-panel{padding-top:7px!important}\n.iw-annotate-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 8px;padding:4px;background:#edf4fa;border:1px solid #d5e3ef;border-radius:9px}\n.iw-annotate-tab{min-height:32px;border:0;border-radius:7px;background:transparent;font-weight:700;color:#40556a;cursor:pointer;padding:5px 7px}\n.iw-annotate-tab:hover{background:#fff}\n.iw-annotate-tab.is-active{background:#fff;color:#123e68;box-shadow:0 1px 4px rgba(34,70,105,.16)}\n.iw-annotate-view{display:none}\n.iw-annotate-view.is-active{display:block}\n.iw-history-btn{width:100%;margin-top:8px}\n.iw-history-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px;max-height:55vh;overflow:auto}\n.iw-history-list li{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:8px;border:1px solid #d9e5ef;border-radius:8px;background:#f8fbfd}\n.iw-history-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4eef6;color:#244d70;font-weight:800;font-size:12px}\n.iw-history-list strong{display:block;font-size:13px;color:#243d54}\n.iw-history-list small{display:block;margin-top:2px;color:#687d90;line-height:1.35}\n.iw-history-empty{padding:14px;border:1px dashed #c7d8e6;border-radius:8px;background:#f8fbfd;color:#677c8f;text-align:center}\n#iw-modal-extra .iw-history-list{margin-top:2px}\n
/* V1.18 - compact Markup workspace + live compression estimate */
.iw-annotate-panel{display:grid!important;grid-template-columns:minmax(310px,.9fr) minmax(0,2.2fr);grid-template-areas:"tabs colour" "view view";gap:6px 10px;padding:6px 8px!important}
.iw-annotate-tabs{grid-area:tabs;margin:0!important;padding:3px!important;align-self:center}
.iw-markup-shared-colour{grid-area:colour;display:flex;align-items:center;gap:5px;min-width:0;border:1px solid #d5e3ef;background:#f8fbfe;border-radius:8px;padding:4px 6px}
.iw-markup-shared-colour .iw-colour-title{white-space:nowrap;margin:0 2px 0 0!important}
.iw-markup-shared-colour .iw-colour-palette{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;margin:0!important}
.iw-markup-shared-colour .iw-colour-chip{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border-radius:5px!important}
.iw-markup-shared-colour .iw-colour-chip span{display:none!important}
.iw-markup-shared-colour .iw-custom-colour-btn{min-height:25px!important;padding:3px 7px!important;font-size:10px!important;white-space:nowrap}
.iw-markup-shared-colour .iw-colour-swatch{width:20px!important;height:20px!important;min-width:20px!important}
.iw-markup-shared-colour>strong{font-size:10px;white-space:nowrap}
.iw-annotate-view{grid-area:view}
/* The shared selector above controls text, shapes and watermark. Keep legacy pickers hidden for compatibility. */
.iw-annotate-view [data-palette="text"],.iw-annotate-view [data-palette="markup"]{display:none!important}
.iw-annotate-view.is-active{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px;align-items:end}
.iw-annotate-view.is-active>label,.iw-annotate-view.is-active>div{margin:0!important;min-width:0}
.iw-annotate-view.is-active>.iw-text-entry-label{grid-column:span 2}
.iw-annotate-view.is-active>.iw-text-size-control{grid-column:span 2}
.iw-annotate-view.is-active>.iw-text-style-grid{grid-column:span 2}
.iw-annotate-view.is-active>#iw-add-text{grid-column:span 1}
.iw-annotate-view.is-active>.iw-help{grid-column:1/-1;margin:1px 0!important}
.iw-annotate-view[data-annotate-view="markup"].is-active{grid-template-columns:1.15fr 1fr 1fr 1fr 1fr}
.iw-annotate-view[data-annotate-view="watermark"].is-active{grid-template-columns:minmax(220px,2fr) minmax(180px,1.2fr) minmax(180px,1fr)}
.iw-annotate-view input,.iw-annotate-view select{min-height:29px!important;padding:4px 7px!important}
.iw-annotate-view .iw-btn{min-height:29px!important;padding:5px 8px!important}
.iw-text-live-input{height:31px!important;font-size:17px!important}
.iw-compress-panel{display:grid!important;grid-template-columns:minmax(300px,1.4fr) minmax(230px,1fr) 160px;gap:10px;align-items:end}
.iw-compress-live{border:1px solid #cfe0ee;background:#fff;border-radius:8px;padding:6px 9px;min-height:42px;display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:center}
.iw-compress-live span{font-size:10px;font-weight:800;color:#5a7287}.iw-compress-live strong{font-size:16px;color:#0a69bd;text-align:right}.iw-compress-live small{grid-column:1/-1;font-size:10px;color:#687f92}
@media(max-width:900px){.iw-annotate-panel{grid-template-columns:1fr;grid-template-areas:"tabs" "colour" "view"}.iw-markup-shared-colour{overflow-x:auto}.iw-annotate-view.is-active,.iw-annotate-view[data-annotate-view="markup"].is-active,.iw-annotate-view[data-annotate-view="watermark"].is-active{grid-template-columns:1fr 1fr}.iw-compress-panel{grid-template-columns:1fr 1fr}.iw-compress-panel .iw-btn{grid-column:1/-1}}

/* V1.19 - clean Markup layout + prominent real-time compression size */
.iw-markup-v119{display:block!important;padding:6px 8px!important;min-height:0!important}
.iw-markup-v119 .iw-markup-topbar{display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(470px,1.6fr);gap:8px;align-items:center;margin:0 0 6px!important}
.iw-markup-v119 .iw-annotate-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0!important;padding:3px!important;min-height:34px}
.iw-markup-v119 .iw-annotate-tab{min-height:28px!important;padding:4px 8px!important;font-size:11px!important;line-height:1.1!important}
.iw-markup-v119 .iw-markup-shared-colour{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;margin:0!important;padding:3px 6px!important;overflow:hidden}
.iw-markup-v119 .iw-markup-shared-colour .iw-colour-palette{display:flex!important;flex:0 1 auto!important;flex-wrap:nowrap!important;gap:3px!important;margin:0!important;min-width:0}
.iw-markup-v119 .iw-markup-shared-colour .iw-colour-chip{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border-radius:4px!important}
.iw-markup-v119 .iw-markup-shared-colour .iw-colour-chip span{display:none!important}
.iw-markup-v119 .iw-markup-shared-colour .iw-custom-colour-btn{min-height:23px!important;height:23px!important;padding:2px 7px!important;font-size:10px!important}
.iw-markup-v119 .iw-markup-shared-colour .iw-colour-swatch{width:18px!important;height:18px!important;min-width:18px!important}
.iw-markup-v119 .iw-markup-shared-colour>strong{font-size:10px!important;white-space:nowrap}
.iw-markup-v119 .iw-annotate-view{display:none!important;margin:0!important;padding:0!important}
.iw-markup-v119 .iw-annotate-view.is-active{display:grid!important;gap:5px 7px!important;align-items:end!important}
.iw-markup-v119 .iw-annotate-view label{margin:0!important;font-size:10px!important;line-height:1.1!important;font-weight:700!important;color:#35546d}
.iw-markup-v119 .iw-annotate-view input:not([type=range]),.iw-markup-v119 .iw-annotate-view select{height:28px!important;min-height:28px!important;padding:3px 6px!important;margin-top:2px!important;font-size:11px!important}
.iw-markup-v119 .iw-annotate-view input[type=range]{height:17px!important;min-height:17px!important;margin:1px 0 0!important;padding:0!important}
.iw-markup-v119 .iw-annotate-view .iw-btn{height:29px!important;min-height:29px!important;padding:4px 8px!important;margin:0!important;font-size:11px!important}
.iw-markup-v119 .iw-text-live-input{font-size:15px!important;font-weight:600!important}
.iw-markup-v119 .iw-text-compact.is-active{grid-template-columns:minmax(220px,2fr) minmax(125px,1fr) minmax(105px,.8fr) minmax(150px,1.2fr) 72px minmax(125px,1fr) 125px!important}
.iw-markup-v119 .iw-text-entry-label{grid-column:auto!important}
.iw-markup-v119 .iw-edit-note{grid-column:1/-1!important;margin:0!important;padding:2px 4px!important;font-size:10px!important}
.iw-markup-v119 .iw-draw-compact.is-active{grid-template-columns:minmax(150px,1.3fr) minmax(95px,.75fr) minmax(145px,1.1fr) minmax(135px,1fr) 105px 72px 112px!important}
.iw-markup-v119 .iw-watermark-compact.is-active{grid-template-columns:minmax(260px,2fr) minmax(220px,1.2fr) 150px!important;max-width:760px}

.iw-compress-panel-v119{display:grid!important;grid-template-columns:minmax(290px,1.3fr) minmax(390px,1.6fr) 150px!important;grid-template-areas:"quality stats action" "note note note";gap:6px 10px!important;align-items:end!important;padding:7px 9px!important}
.iw-compress-panel-v119 .iw-compress-quality{grid-area:quality;margin:0!important}
.iw-compress-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:1px solid #cfe0ee;background:#fff;border-radius:8px;padding:5px}
.iw-compress-stats>div{min-width:0;padding:3px 7px;border-right:1px solid #e0eaf3}
.iw-compress-stats>div:last-child{border-right:0}
.iw-compress-stats span{display:block;font-size:9px;font-weight:800;color:#6a7f91;text-transform:uppercase;letter-spacing:.03em}
.iw-compress-stats strong{display:block;margin-top:1px;font-size:14px;line-height:1.1;color:#244862;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iw-compress-stats .iw-compress-result strong{font-size:17px;color:#0875d1}
.iw-compress-panel-v119 #iw-apply-compress{grid-area:action;height:34px!important;min-height:34px!important}
.iw-compress-note{grid-area:note;display:block;margin:0!important;font-size:10px;color:#627b90}
@media(max-width:1050px){
  .iw-markup-v119 .iw-markup-topbar{grid-template-columns:1fr}
  .iw-markup-v119 .iw-markup-shared-colour{overflow-x:auto}
  .iw-markup-v119 .iw-text-compact.is-active{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .iw-markup-v119 .iw-draw-compact.is-active{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .iw-markup-v119 .iw-text-compact.is-active,.iw-markup-v119 .iw-draw-compact.is-active,.iw-markup-v119 .iw-watermark-compact.is-active{grid-template-columns:1fr 1fr!important;max-width:none}
  .iw-compress-panel-v119{grid-template-columns:1fr!important;grid-template-areas:"quality" "stats" "action" "note"!important}
}

/* V1.20 - keep all Markup sub-tools permanently visible */
.iw-markup-v119 .iw-markup-topbar{
  display:grid!important;
  grid-template-columns:minmax(390px,1.05fr) minmax(420px,1.35fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:40px!important;
}
.iw-markup-v119 .iw-markup-modebar{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:3px!important;
  border:1px solid #cbddec!important;
  border-radius:8px!important;
  background:#edf4fa!important;
}
.iw-markup-v119 .iw-markup-mode{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  min-height:28px!important;
  height:28px!important;
  padding:3px 8px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#35546d!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.iw-markup-v119 .iw-markup-mode:hover{background:#fff!important}
.iw-markup-v119 .iw-markup-mode.is-active{
  background:#fff!important;
  color:#086fca!important;
  box-shadow:0 1px 4px rgba(30,70,105,.18)!important;
}
.iw-markup-v119 .iw-mode-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:4px!important;
  background:#dcebf7!important;
  color:#275675!important;
  font-size:11px!important;
  font-weight:900!important;
  flex:0 0 auto!important;
}
.iw-markup-v119 .iw-markup-mode.is-active .iw-mode-icon{background:#e8f4ff!important;color:#0875d1!important}
.iw-markup-v119 .iw-markup-shared-colour{position:relative!important;z-index:4!important}
@media(max-width:1050px){
  .iw-markup-v119 .iw-markup-topbar{grid-template-columns:1fr!important}
  .iw-markup-v119 .iw-markup-modebar{order:1!important}
  .iw-markup-v119 .iw-markup-shared-colour{order:2!important}
}
@media(max-width:560px){
  .iw-markup-v119 .iw-markup-mode{font-size:10px!important;padding:3px 4px!important}
  .iw-markup-v119 .iw-mode-icon{display:none!important}
}

/* V1.21 - cleaner Save / Save As download flow */
.iw-save-name-field{display:block;margin:4px 0 2px;font-size:12px;font-weight:800;color:#294b68}
.iw-save-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:6px}
.iw-save-name-row input{width:100%;min-width:0;border:1px solid #bfd2e6;border-radius:8px;padding:9px 10px;font-size:14px;background:#fff;color:#20384d}
.iw-save-name-row span{font-size:13px;font-weight:800;color:#506b80;white-space:nowrap}