.ft-wrap { display:flex; flex-direction:column; gap:12px; }

/* Upload UI */
.ft-upload { display:flex; flex-direction:column; gap:6px; }
.ft-upload-drop {
	border: 2px dashed #c8c8c8; border-radius: 12px; padding: 14px; cursor: pointer;
	display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center;
}
.ft-upload-drop:hover { background:#fafafa; }
.ft-upload-icon { font-size: 22px; }
.ft-upload-note { font-size: 12px; color:#666; margin:0; }

.ft-map { width:100%; height:560px; border-radius:12px; overflow:hidden; position:relative; }

.ft-controls { display:flex; flex-direction:column; gap:8px; }
.ft-datebar { font-weight:600; }
.ft-slider-wrap { display:flex; align-items:center; gap:12px; }
#ft-slider { width:100%; }

.ft-legend { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:6px 0 0; }
.ft-legend li { display:flex; align-items:center; gap:6px; }
.ft-legend li::before {
	content:"";
	width:14px; height:14px; border-radius:3px; display:inline-block; background:#ccc;
}
.ft-legend li[data-color]::before { background: var(--color); }