.i2b-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;border:2px dashed var(--border,#d1d5db);border-radius:12px;background:#fafafa;cursor:pointer;text-align:center;transition:all .15s;gap:.5rem;}
.i2b-drop:hover, .i2b-drop--over{border-color:var(--accent,#E8472F);background:#FFF5F2;}
.i2b-drop-icon{font-size:2.5rem;}
.i2b-drop-text{font-size:1rem;color:var(--text,#0D1B2A);}
.i2b-drop-text strong{color:var(--accent,#E8472F);}
.i2b-drop-hint{font-size:.8125rem;color:var(--muted,#6b7280);}
.i2b-error{padding:.875rem 1rem;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.875rem;font-weight:600;margin-top:1rem;}
.i2b-result{margin-top:1.5rem;}
.i2b-preview-row{display:grid;grid-template-columns:140px 1fr;gap:1.25rem;align-items:flex-start;margin-bottom:1rem;}
@media(max-width:520px){.i2b-preview-row{grid-template-columns:1fr;}}
#i2b-preview-img{width:140px;height:140px;border-radius:10px;object-fit:contain;background:#f3f4f6;border:1px solid var(--border,#e5e7eb);}
.i2b-meta{display:flex;flex-direction:column;gap:.4rem;}
.i2b-meta-row{display:flex;justify-content:space-between;font-size:.8125rem;border-bottom:1px solid var(--border,#e5e7eb);padding-bottom:.4rem;}
.i2b-meta-row:last-child{border-bottom:none;}
.i2b-meta-row span{color:var(--muted,#6b7280);}
.i2b-meta-row strong{color:var(--text,#0D1B2A);font-family:monospace;font-weight:600;}
.i2b-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;margin:.75rem 0;}
.i2b-toggle input{width:18px;height:18px;accent-color:var(--accent,#E8472F);cursor:pointer;}
.i2b-toggle code{font-size:.8125rem;background:#f3f4f6;padding:.1rem .35rem;border-radius:4px;}
.i2b-output{width:100%;min-height:160px;padding:.875rem 1rem;border:1.5px solid var(--border,#e5e7eb);border-radius:8px;font-family:monospace;font-size:.75rem;line-height:1.5;resize:vertical;box-sizing:border-box;background:#fafafa;color:var(--text,#0D1B2A);word-break:break-all;}
.i2b-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.875rem;}
.i2b-btn{padding:.625rem 1.125rem;background:var(--bg,#FFFFFF);color:var(--text,#0D1B2A);border:1.5px solid var(--border,#e5e7eb);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;}
.i2b-btn:hover{border-color:var(--accent,#E8472F);color:var(--accent,#E8472F);}
.i2b-btn--primary{background:var(--accent,#E8472F);color:#fff;border-color:var(--accent,#E8472F);}
.i2b-btn--primary:hover{background:#D43E27;border-color:#D43E27;color:#fff;}
.i2b-btn--ghost{background:transparent;border-color:transparent;color:var(--muted,#6b7280);}
.i2b-btn--ghost:hover{color:#dc2626;border-color:#fecaca;}
.i2b-btn--success{background:#16a34a !important;color:#fff !important;border-color:#16a34a !important;}

/* cache-buster: 2026-05-24T05:06:05Z */