.imgtoolly{--it-bg:#f7f9fc;--it-card:#fff;--it-ink:#17213b;--it-muted:#64748b;--it-line:#e2e8f0;--it-primary:#635bff;--it-primary2:#8b5cf6;--it-shadow:0 14px 38px rgba(20,33,61,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--it-ink);max-width:1180px;margin:0 auto}
.imgtoolly-toolhead{padding:28px 0 20px}.imgtoolly-toolhead h2{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0}.imgtoolly-toolhead p{color:var(--it-muted);font-size:18px;max-width:850px}
.imgtoolly-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--it-line);color:#4f46e5;font-weight:800;font-size:12px}
.imgtoolly-workspace{background:var(--it-card);border:1px solid var(--it-line);border-radius:22px;padding:22px;box-shadow:var(--it-shadow)}
.imgtoolly-drop{border:2px dashed #c6d1e0;border-radius:18px;background:#fafbff;padding:48px 20px;text-align:center;cursor:pointer}.imgtoolly-drop:hover,.imgtoolly-drop.drag{background:#f4f2ff;border-color:var(--it-primary)}
.imgtoolly-drop h3{margin:8px 0}.imgtoolly-drop p{margin:0;color:var(--it-muted)}.imgtoolly-emoji{font-size:34px}
.imgtoolly-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.imgtoolly-field{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:13px}.imgtoolly-field input,.imgtoolly-field select{padding:10px 12px;border:1px solid var(--it-line);border-radius:10px;background:#fff}
.imgtoolly-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none}.imgtoolly-btn.primary{border:0;background:linear-gradient(135deg,var(--it-primary),var(--it-primary2));color:#fff}.imgtoolly-btn.secondary{background:#eef0ff;color:#4f46e5}.imgtoolly-status{margin-top:15px;padding:12px 14px;border-radius:12px;background:#f1f5f9;color:#475569;font-size:14px}.imgtoolly-status.ok{background:#ecfdf5;color:#047857}.imgtoolly-status.err{background:#fef2f2;color:#b91c1c}
.imgtoolly-previewgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.imgtoolly-preview{min-height:280px;border:1px solid var(--it-line);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc}.imgtoolly-preview.checker{background-image:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.imgtoolly-preview img{max-width:100%;max-height:420px;object-fit:contain}
.imgtoolly-article{max-width:900px;padding:32px 0}.imgtoolly-article h3{font-size:26px;margin-top:30px}.imgtoolly-article p{color:#475569}.imgtoolly-small{font-size:13px;color:#94a3b8}
@media(max-width:650px){.imgtoolly-previewgrid{grid-template-columns:1fr}.imgtoolly-workspace{padding:15px}}