/* Toolxora Image Studio v1 — premium design language */
.txis-tool{font-family:inherit;color:#0f172a}
.txis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:28px;align-items:start}
.txis-panel,.txis-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.07)}
.txis-preview-panel{position:sticky;top:96px;height:fit-content}
.txis-section-title{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}
.txis-section-title>span{display:grid;place-items:center;min-width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:24px;flex:0 0 auto}
.txis-section-title h3{margin:0 0 5px;font-size:28px;line-height:1.15;color:#0f172a}
.txis-section-title p{margin:0;color:#64748b;font-size:16px}
.txis-dropzone{display:block;border:2px dashed #a5b4fc;border-radius:22px;background:linear-gradient(180deg,#f5f7ff,#eef2ff);padding:32px 22px;text-align:center;cursor:pointer;transition:.25s;margin-bottom:20px}
.txis-dropzone:hover,.txis-dropzone.is-drag{border-color:#6d28d9;background:linear-gradient(180deg,#eef2ff,#ede9fe);box-shadow:0 0 0 6px rgba(109,40,217,.08)}
.txis-dropzone input{display:none}
.txis-dropzone-inner i{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:19px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-style:normal;font-size:24px;box-shadow:0 14px 30px rgba(79,70,229,.35)}
.txis-dropzone-inner strong{display:block;font-size:18px;color:#0f172a;margin-bottom:5px}
.txis-dropzone-inner span{color:#64748b;font-size:14px;font-weight:600}
.txis-field{margin:0 0 18px}
.txis-field label{display:block;font-weight:800;margin:0 0 8px;color:#0f172a}
.txis-field input[type=text],.txis-field input[type=number],.txis-field select{width:100%;border:1px solid #dbe3ee;border-radius:18px;background:#f8fafc;color:#0f172a;padding:14px 16px;font:inherit;outline:none;box-sizing:border-box;transition:.2s}
.txis-field input:focus,.txis-field select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);background:#fff}
.txis-field input[type=color]{width:100%;height:52px;border:1px solid #dbe3ee;border-radius:16px;background:#f8fafc;padding:5px;cursor:pointer;box-sizing:border-box}
.txis-field input[type=file]{width:100%;border:1px dashed #a5b4fc;border-radius:16px;background:#f8fafc;padding:12px;font:inherit;box-sizing:border-box}
.txis-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.txis-inline{display:flex;align-items:center;gap:10px;margin-top:10px}
.txis-inline input{flex:1;border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc;padding:12px 14px;font:inherit;outline:none}
.txis-inline span{font-weight:800;color:#64748b}
.txis-hint{margin:8px 0 16px;color:#64748b;font-size:13px;font-weight:600}
.txis-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.txis-choice button{border:1px solid #dbe3ee;background:#f8fafc;border-radius:15px;padding:13px 10px;font:inherit;font-weight:900;color:#0f172a;cursor:pointer;transition:.2s}
.txis-choice button em{display:block;font-style:normal;font-weight:600;font-size:11.5px;color:#64748b;margin-top:3px}
.txis-choice button.is-active{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#ede9fe);color:#4338ca;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.txis-choice button.is-active em{color:#6d28d9}
.txis-chips{display:flex;flex-wrap:wrap;gap:9px}
.txis-chips button,.txis-chip{border:1px solid #dbe3ee;background:#f8fafc;border-radius:999px;padding:10px 16px;font:inherit;font-weight:800;font-size:13.5px;color:#0f172a;cursor:pointer;transition:.2s}
.txis-chips button:hover,.txis-chip:hover{border-color:#4f46e5;color:#4338ca}
.txis-chips button.is-active{border-color:transparent;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.txis-range{display:flex;align-items:center;gap:14px}
.txis-range input[type=range]{flex:1;accent-color:#6d28d9;height:6px;padding:0;border:0;background:transparent}
.txis-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}
.txis-toggle{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;font-weight:700;color:#0f172a;cursor:pointer;margin:0 0 18px}
.txis-toggle input{width:19px;height:19px;accent-color:#6d28d9}
.txis-posgrid{display:grid;grid-template-columns:repeat(3,54px);gap:8px}
.txis-posgrid button{border:1px solid #dbe3ee;background:#f8fafc;border-radius:13px;height:44px;font-size:17px;cursor:pointer;color:#334155;transition:.2s}
.txis-posgrid button.is-active{border-color:transparent;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.txis-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.txis-checks label{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:10px 12px;font-weight:700;font-size:13.5px;color:#0f172a;cursor:pointer}
.txis-checks label span{color:#64748b;font-weight:600;font-size:11.5px;margin-left:auto}
.txis-checks input{width:17px;height:17px;accent-color:#6d28d9}
.txis-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.txis-primary-btn,.txis-light-btn{border:0;border-radius:16px;padding:15px 24px;font:inherit;font-weight:900;cursor:pointer;transition:.2s}
.txis-primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.txis-primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(79,70,229,.35)}
.txis-primary-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}
.txis-light-btn{background:#f1f5f9;color:#0f172a;border:1px solid #dbe3ee}
.txis-progress{margin-top:16px;background:#f1f5f9;border-radius:999px;height:34px;position:relative;overflow:hidden}
.txis-progress:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(109,40,217,.18),transparent);animation:txisSweep 1.2s infinite}
@keyframes txisSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.txis-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:800;color:#0f172a}
.txis-message{min-height:24px;margin:10px 0 0;color:#dc2626;font-weight:700}
.txis-message.is-success{color:#059669}
.txis-privacy{margin:14px 0 0;color:#64748b;font-size:13px;font-weight:600;text-align:center}
.txis-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.txis-preview-head strong{font-size:24px}
.txis-preview-head span{background:#eef2ff;color:#2563eb;border-radius:999px;padding:9px 14px;font-weight:800;font-size:13px}
.txis-empty{display:grid;place-items:center;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:38px 20px;color:#64748b}
.txis-empty[hidden]{display:none!important}
.txis-progress[hidden],[data-view$="Wrap"][hidden]{display:none!important}
.txis-empty i{font-style:normal;font-size:32px;margin-bottom:8px}
.txis-empty p{margin:0;font-weight:600;font-size:14px;max-width:280px}
.txis-files{display:grid;gap:12px;max-height:430px;overflow:auto;padding-right:4px}
.txis-file{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px}
.txis-file img{width:56px;height:56px;object-fit:cover;border-radius:12px;background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 0 0/14px 14px;border:1px solid #e2e8f0}
.txis-file-meta strong{display:block;color:#0f172a;font-size:14px;word-break:break-all}
.txis-file-meta span{display:block;color:#64748b;font-size:12.5px;font-weight:700;margin-top:3px}
.txis-stage-wrap{position:relative;background:repeating-conic-gradient(#eef2f7 0 25%,#fff 0 50%) 0 0/18px 18px;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;display:grid;place-items:center;min-height:280px}
.txis-stage{max-width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}
.txis-results{display:grid;gap:12px;margin-top:14px}
.txis-results-left:empty{display:none}
.txis-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:16px;padding:14px 16px}
.txis-result strong{display:block;color:#065f46;font-size:14px;word-break:break-all}
.txis-result span{display:block;color:#047857;font-size:12.5px;font-weight:700;margin-top:3px}
.txis-result span b{color:#065f46}
.txis-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}
.txis-download-btn:hover{box-shadow:0 10px 22px rgba(16,185,129,.35)}
/* Dark mode */
body.tx-dark-mode .txis-tool,html[data-theme=dark] .txis-tool{color:#e5e7eb}
.tx-dark-mode .txis-panel,.tx-dark-mode .txis-preview-panel,html[data-theme=dark] .txis-panel,html[data-theme=dark] .txis-preview-panel{background:#0f172a;border-color:#1e293b}
.tx-dark-mode .txis-section-title h3,.tx-dark-mode .txis-field label,.tx-dark-mode .txis-preview-head strong,.tx-dark-mode .txis-dropzone-inner strong,.tx-dark-mode .txis-file-meta strong,.tx-dark-mode .txis-toggle,.tx-dark-mode .txis-checks label,html[data-theme=dark] .txis-section-title h3,html[data-theme=dark] .txis-field label,html[data-theme=dark] .txis-preview-head strong,html[data-theme=dark] .txis-dropzone-inner strong,html[data-theme=dark] .txis-file-meta strong,html[data-theme=dark] .txis-toggle,html[data-theme=dark] .txis-checks label{color:#e5e7eb}
.tx-dark-mode .txis-section-title p,.tx-dark-mode .txis-privacy,.tx-dark-mode .txis-dropzone-inner span,.tx-dark-mode .txis-hint,html[data-theme=dark] .txis-section-title p,html[data-theme=dark] .txis-privacy,html[data-theme=dark] .txis-dropzone-inner span,html[data-theme=dark] .txis-hint{color:#94a3b8}
.tx-dark-mode .txis-dropzone,html[data-theme=dark] .txis-dropzone{background:linear-gradient(180deg,#111827,#1e1b4b);border-color:#4338ca}
.tx-dark-mode .txis-field input,.tx-dark-mode .txis-field select,.tx-dark-mode .txis-inline input,html[data-theme=dark] .txis-field input,html[data-theme=dark] .txis-field select,html[data-theme=dark] .txis-inline input{background:#111827;color:#e5e7eb;border-color:#334155}
.tx-dark-mode .txis-choice button,.tx-dark-mode .txis-chips button,.tx-dark-mode .txis-chip,.tx-dark-mode .txis-posgrid button,.tx-dark-mode .txis-toggle,.tx-dark-mode .txis-checks label,html[data-theme=dark] .txis-choice button,html[data-theme=dark] .txis-chips button,html[data-theme=dark] .txis-chip,html[data-theme=dark] .txis-posgrid button,html[data-theme=dark] .txis-toggle,html[data-theme=dark] .txis-checks label{background:#111827;border-color:#334155;color:#e5e7eb}
.tx-dark-mode .txis-choice button.is-active,html[data-theme=dark] .txis-choice button.is-active{background:#1e1b4b;border-color:#4338ca;color:#c7d2fe}
.tx-dark-mode .txis-file,.tx-dark-mode .txis-empty,html[data-theme=dark] .txis-file,html[data-theme=dark] .txis-empty{background:#111827;border-color:#334155;color:#94a3b8}
.tx-dark-mode .txis-stage-wrap,html[data-theme=dark] .txis-stage-wrap{background:repeating-conic-gradient(#1e293b 0 25%,#0f172a 0 50%) 0 0/18px 18px;border-color:#334155}
.tx-dark-mode .txis-result,html[data-theme=dark] .txis-result{background:linear-gradient(135deg,#052e16,#064e3b);border-color:#065f46}
.tx-dark-mode .txis-result strong,html[data-theme=dark] .txis-result strong{color:#a7f3d0}
.tx-dark-mode .txis-result span,html[data-theme=dark] .txis-result span{color:#6ee7b7}
.tx-dark-mode .txis-progress,html[data-theme=dark] .txis-progress{background:#1e293b}
.tx-dark-mode .txis-progress span,html[data-theme=dark] .txis-progress span{color:#e5e7eb}
.tx-dark-mode .txis-preview-head span,html[data-theme=dark] .txis-preview-head span{background:#1e1b4b;color:#c7d2fe}
.tx-dark-mode .txis-light-btn,html[data-theme=dark] .txis-light-btn{background:#1e293b;color:#e5e7eb;border-color:#334155}
@media(max-width:1100px){.txis-grid{grid-template-columns:1fr}.txis-preview-panel{position:relative;top:auto}}
@media(max-width:700px){.txis-panel,.txis-preview-panel{padding:20px;border-radius:22px}.txis-section-title h3{font-size:23px}.txis-actions>*{width:100%}.txis-row2{grid-template-columns:1fr}.txis-checks{grid-template-columns:1fr}.txis-download-btn{grid-column:1/-1;width:100%}}
/* Batch 2: passport stage, collage layout chips, bg-remove checker */
.txis-stagewrap{border:2px dashed #a5b4fc;border-radius:16px;background:#f8fafc;display:grid;place-items:center;padding:14px;margin-bottom:18px}
.txis-stage{max-width:100%;border-radius:10px;cursor:grab;touch-action:none;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.txis-stage:active{cursor:grabbing}
.txis-checker{background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 0 0/16px 16px;cursor:crosshair}
.txis-choice-wrap{flex-wrap:wrap}
.txis-choice-wrap button{min-width:96px}
.txis-pickrow{display:flex;align-items:center;gap:10px}
.txis-swatch{width:44px;height:44px;border-radius:12px;border:1px solid #dbe3ee;background:#fff;flex:0 0 auto}
.txis-file-ctrl{display:flex;gap:5px}
.txis-file-ctrl button{border:1px solid #dbe3ee;background:#fff;border-radius:8px;width:28px;height:28px;cursor:pointer;font-weight:900;color:#334155;line-height:1}
.txis-file-ctrl button:hover{border-color:#4f46e5;color:#4338ca}
.tx-dark-mode .txis-stagewrap,html[data-theme=dark] .txis-stagewrap{background:#111827;border-color:#4338ca}
.tx-dark-mode .txis-file-ctrl button,html[data-theme=dark] .txis-file-ctrl button{background:#1e293b;border-color:#334155;color:#e5e7eb}
.tx-dark-mode .txis-swatch,html[data-theme=dark] .txis-swatch{border-color:#334155}