/* Toolxora Image Toolkit v1 — matches Toolxora Business Toolkit design language */
.txit-tool{font-family:inherit;color:#0f172a}
.txit-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:28px;align-items:start}
.txit-panel,.txit-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.07)}
.txit-preview-panel{position:sticky;top:96px;height:fit-content}
.txit-section-title{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}
.txit-section-title>span{display:grid;place-items:center;min-width:52px;height:52px;padding:0 10px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;font-size:15px;flex:0 0 auto;letter-spacing:.02em}
.txit-section-title h3{margin:0 0 5px;font-size:30px;line-height:1.15;color:#0f172a}
.txit-section-title p{margin:0;color:#64748b;font-size:17px}
.txit-dropzone{display:block;border:2px dashed #a5b4fc;border-radius:22px;background:linear-gradient(180deg,#f5f7ff,#eef2ff);padding:38px 24px;text-align:center;cursor:pointer;transition:.25s;margin-bottom:20px}
.txit-dropzone:hover,.txit-dropzone.is-drag{border-color:#6d28d9;background:linear-gradient(180deg,#eef2ff,#ede9fe);box-shadow:0 0 0 6px rgba(109,40,217,.08)}
.txit-dropzone input{display:none}
.txit-dropzone-inner i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-style:normal;font-size:26px;box-shadow:0 14px 30px rgba(79,70,229,.35)}
.txit-dropzone-inner strong{display:block;font-size:19px;color:#0f172a;margin-bottom:6px}
.txit-dropzone-inner span{color:#64748b;font-size:14px;font-weight:600}
.txit-field{margin:0 0 18px}
.txit-field label{display:block;font-weight:800;margin:0 0 8px;color:#0f172a}
.txit-field select,.txit-field input[type=color]{width:100%;border:1px solid #dbe3ee;border-radius:18px;background:#f8fafc;color:#0f172a;padding:15px 17px;font:inherit;outline:none;box-sizing:border-box;transition:.2s}
.txit-field input[type=color]{padding:6px;height:54px;cursor:pointer}
.txit-field select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);background:#fff}
.txit-range{display:flex;align-items:center;gap:14px}
.txit-range input[type=range]{flex:1;accent-color:#6d28d9;height:6px}
.txit-range output{min-width:56px;text-align:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;border-radius:12px;padding:9px 0}
.txit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.txit-primary-btn,.txit-secondary-btn,.txit-light-btn{border:0;border-radius:16px;padding:15px 22px;font:inherit;font-weight:900;cursor:pointer;transition:.2s}
.txit-primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.txit-primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(79,70,229,.35)}
.txit-primary-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}
.txit-secondary-btn{background:#0f172a;color:#fff}
.txit-light-btn{background:#f1f5f9;color:#0f172a;border:1px solid #dbe3ee}
.txit-message{min-height:24px;margin:10px 0 0;color:#dc2626;font-weight:700}
.txit-message.is-success{color:#059669}
.txit-privacy{margin:14px 0 0;color:#64748b;font-size:13px;font-weight:600;text-align:center}
.txit-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.txit-preview-head strong{font-size:24px}
.txit-preview-head span{background:#eef2ff;color:#2563eb;border-radius:999px;padding:9px 14px;font-weight:800;font-size:13px}
.txit-files{display:grid;gap:14px;max-height:560px;overflow:auto;padding-right:4px}
.txit-empty{display:grid;place-items:center;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:40px 20px;color:#64748b}
.txit-empty i{font-style:normal;font-size:34px;margin-bottom:10px}
.txit-empty p{margin:0;font-weight:600;font-size:14px;max-width:280px}
.txit-file{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px}
.txit-file img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid #e2e8f0}
.txit-file-meta strong{display:block;color:#0f172a;font-size:14px;word-break:break-all}
.txit-file-meta span{display:block;color:#64748b;font-size:12.5px;font-weight:700;margin-top:4px}
.txit-file-meta span b{color:#059669}
.txit-file-meta span i{font-style:normal;color:#dc2626}
.txit-file-status{font-size:12px;font-weight:800;color:#92400e;background:#fef3c7;border-radius:999px;padding:6px 11px}
.txit-file.is-done .txit-file-status{display:none}
.txit-file.is-error{border-color:#fecaca;background:#fef2f2}
.txit-file.is-error .txit-file-status{background:#fee2e2;color:#b91c1c}
.txit-download-btn{border:0;border-radius:12px;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);color:#fff;white-space:nowrap}
.txit-download-btn:hover{box-shadow:0 10px 22px rgba(16,185,129,.35)}
.txit-savings{margin-top:16px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:18px;padding:16px 18px;text-align:center;font-weight:800;color:#065f46}
.txit-savings.is-bigger{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:#c7d2fe;color:#3730a3}
/* Dark mode — same conventions as Business Toolkit */
body.tx-dark-mode .txit-tool,html[data-theme=dark] .txit-tool{color:#e5e7eb}
.tx-dark-mode .txit-panel,.tx-dark-mode .txit-preview-panel,html[data-theme=dark] .txit-panel,html[data-theme=dark] .txit-preview-panel{background:#0f172a;border-color:#1e293b}
.tx-dark-mode .txit-section-title h3,.tx-dark-mode .txit-field label,.tx-dark-mode .txit-preview-head strong,.tx-dark-mode .txit-dropzone-inner strong,.tx-dark-mode .txit-file-meta strong,html[data-theme=dark] .txit-section-title h3,html[data-theme=dark] .txit-field label,html[data-theme=dark] .txit-preview-head strong,html[data-theme=dark] .txit-dropzone-inner strong,html[data-theme=dark] .txit-file-meta strong{color:#e5e7eb}
.tx-dark-mode .txit-section-title p,.tx-dark-mode .txit-privacy,.tx-dark-mode .txit-dropzone-inner span,html[data-theme=dark] .txit-section-title p,html[data-theme=dark] .txit-privacy,html[data-theme=dark] .txit-dropzone-inner span{color:#94a3b8}
.tx-dark-mode .txit-dropzone,html[data-theme=dark] .txit-dropzone{background:linear-gradient(180deg,#111827,#1e1b4b);border-color:#4338ca}
.tx-dark-mode .txit-field select,html[data-theme=dark] .txit-field select{background:#111827;color:#e5e7eb;border-color:#334155}
.tx-dark-mode .txit-file,.tx-dark-mode .txit-empty,html[data-theme=dark] .txit-file,html[data-theme=dark] .txit-empty{background:#111827;border-color:#334155;color:#94a3b8}
.tx-dark-mode .txit-light-btn,html[data-theme=dark] .txit-light-btn{background:#1e293b;color:#e5e7eb;border-color:#334155}
.tx-dark-mode .txit-savings,html[data-theme=dark] .txit-savings{background:linear-gradient(135deg,#052e16,#064e3b);border-color:#065f46;color:#a7f3d0}
@media(max-width:1100px){.txit-grid{grid-template-columns:1fr}.txit-preview-panel{position:relative;top:auto}}
@media(max-width:700px){.txit-panel,.txit-preview-panel{padding:20px;border-radius:22px}.txit-section-title h3{font-size:24px}.txit-actions>*{width:100%}.txit-file{grid-template-columns:52px 1fr}.txit-file img{width:52px;height:52px}.txit-download-btn{grid-column:1/-1;width:100%}}