.itpc{--itpc-accent:#2563eb;--itpc-border:#d0d7de;--itpc-bg:#f8fafc;max-width:760px;margin:1.5em auto;font:inherit}
.itpc *{box-sizing:border-box}
.itpc-drop{border:2px dashed var(--itpc-border);border-radius:12px;background:var(--itpc-bg);padding:32px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;color:#475569}
.itpc-drop:hover,.itpc-drop:focus,.itpc-drop.is-over{border-color:var(--itpc-accent);background:#eff6ff;outline:none}
.itpc-drop-text{margin:8px 0 4px;font-weight:600}
.itpc-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.itpc-item{position:relative;border:1px solid var(--itpc-border);border-radius:10px;overflow:hidden;background:#fff;cursor:grab}
.itpc-item.is-dragging{opacity:.4}
.itpc-item.is-target{outline:2px solid var(--itpc-accent)}
.itpc-thumb{display:block;width:100%;height:110px;object-fit:cover;background:#eef2f7}
.itpc-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;font-size:12px}
.itpc-num{font-weight:700;color:var(--itpc-accent)}
.itpc-fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}
.itpc-tools{display:flex;border-top:1px solid var(--itpc-border)}
.itpc-tools button{flex:1;border:0;background:#fff;padding:6px 0;cursor:pointer;font-size:14px;line-height:1;color:#334155}
.itpc-tools button:hover:not(:disabled){background:#f1f5f9}
.itpc-tools button:disabled{opacity:.3;cursor:default}
.itpc-tools button+button{border-left:1px solid var(--itpc-border)}
.itpc-tools .itpc-del{color:#b91c1c}
.itpc-empty{text-align:center;color:#94a3b8;margin:12px 0 0}
.itpc-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
.itpc-options label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#475569}
.itpc-options select,.itpc-options input{width:100%;padding:8px;border:1px solid var(--itpc-border);border-radius:8px;font:inherit;background:#fff}
.itpc-name-wrap{grid-column:1/-1}
.itpc-actions{display:flex;gap:10px;flex-wrap:wrap}
.itpc-btn{border:0;border-radius:8px;padding:12px 22px;background:var(--itpc-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.itpc-btn:hover:not(:disabled){filter:brightness(1.1)}
.itpc-btn:disabled{opacity:.5;cursor:default}
.itpc-btn-ghost{background:transparent;color:#475569;border:1px solid var(--itpc-border)}
.itpc-status{margin:12px 0 0;min-height:1.4em;font-size:14px;color:#475569;white-space:pre-line}
.itpc-status.is-error{color:#b91c1c}
.itpc-status.is-ok{color:#15803d}