/* The gate form's file box: the FCS files to gate together, "Add FCS files", and a drop target. */
.gate-files { border: 1.5px dashed var(--line); border-radius: 10px; padding: 12px 14px; background: var(--panel); display: grid; gap: 10px; }
.gate-files.over { border-color: var(--accent); background: var(--accent-soft); }
.gate-files-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--fg-2); }
.gate-files-head > span:first-child { font-weight: 500; }
.gate-files-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; font-size: 12px; }
.gate-files .note { margin-top: 0; }

/* The gate figure tab: the PNG on paper, fitted or at actual size. */
.img-stage { flex: 1; min-height: 0; overflow: auto; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); display: grid; place-items: center; padding: 16px; }
.img-stage img { background: var(--paper); border-radius: 6px; display: block; }
.img-stage.fit img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.img-stage.actual { place-items: start; }