.goodietools-blur-image .gbi-upload-wrap { margin: 0 0 18px; }
.goodietools-blur-image .gbi-upload { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:150px; padding:22px; border:2px dashed #9bb9df; border-radius:12px; background:#f3f8fd; color:#17324f; cursor:pointer; text-align:center; }
.goodietools-blur-image .gbi-upload.is-dragging { background:#e4f1ff; border-color:#0047ab; }
.goodietools-blur-image .gbi-upload-icon { color:#0878d1; font-size:34px; line-height:1; }
.goodietools-blur-image .gbi-upload small { color:#64748b; }
.goodietools-blur-image .gbi-file { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.goodietools-blur-image .gbi-workspace[hidden], .goodietools-blur-image [hidden] { display:none !important; }
.goodietools-blur-image .gbi-toolbar { display:flex; flex-direction:column; gap:12px; padding:16px; margin-bottom:12px; border:1px solid #dbe5f1; border-radius:10px; background:#f8fafc; }
.goodietools-blur-image .gbi-tool-group { display:flex; flex-wrap:wrap; align-items:end; gap:14px 20px; }
.goodietools-blur-image .gbi-tool-group label, .goodietools-blur-image .gbi-format-label { display:flex; flex-direction:column; gap:5px; color:#24364b; font-size:14px; font-weight:600; }
.goodietools-blur-image select, .goodietools-blur-image input[type="text"], .goodietools-blur-image input[type="number"] { min-height:38px; padding:6px 9px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; }
.goodietools-blur-image input[type="range"] { min-width:130px; }
.goodietools-blur-image input[type="color"] { width:48px; height:38px; padding:2px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; }
.goodietools-blur-image .gbi-help { margin:8px 0 12px; color:#526477; font-size:14px; line-height:1.5; }
.goodietools-blur-image .gbi-canvas-wrap { display:flex; justify-content:center; align-items:center; width:100%; min-height:180px; padding:10px; overflow:auto; border:1px solid #d5dfeb; border-radius:10px; background:#172033; }
.goodietools-blur-image .gbi-canvas { display:block; max-width:100%; height:auto; touch-action:none; cursor:crosshair; }
.goodietools-blur-image .gbi-actions { display:flex; flex-wrap:wrap; align-items:end; gap:9px; margin-top:14px; }
.goodietools-blur-image .gbi-action-spacer { flex:1 1 auto; }
.goodietools-blur-image .gbi-download { background:#0047ab; }
.goodietools-blur-image .gbi-download:hover { background:#003477; }
.goodietools-blur-image .gbi-status { min-height:1.5em; margin:12px 0 0; color:#526477; font-size:13px; }
@media(max-width:650px) { .goodietools-blur-image .gbi-tool-group { align-items:stretch; flex-direction:column; } .goodietools-blur-image .gbi-tool-group label { width:100%; } .goodietools-blur-image .gbi-tool-group input[type="range"] { width:100%; } .goodietools-blur-image .gbi-actions { align-items:stretch; } .goodietools-blur-image .gbi-action-spacer { display:none; } }