.ftm{--ftm-b:#e2e8f0;--ftm-bg:#fff;--ftm-muted:#64748b;--ftm-accent:#2563eb;--ftm-accent-h:#1d4ed8;--ftm-surface-muted:#f8fafc;--ftm-text:#111827;margin-bottom:2rem;}
.ftm-card{background:var(--ftm-bg);border:1px solid var(--ftm-b);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.05);overflow:hidden;}
.ftm-drop{display:flex;align-items:center;justify-content:center;min-height:140px;padding:1.5rem;background:var(--ftm-surface-muted);border-bottom:1px solid var(--ftm-b);cursor:pointer;transition:background 0.2s,border-color 0.2s;}
.ftm-drop:hover,.ftm-drop:focus-visible{background:rgba(37,99,235,0.04);outline:none;}
.ftm-drop.ftm-dragover{background:rgba(37,99,235,0.08);border-color:var(--ftm-accent);}
.ftm-drop-inner{display:flex;flex-direction:column;align-items:center;gap:0.5rem;pointer-events:none;}
.ftm-drop-icon{width:48px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;}
.ftm-drop:hover .ftm-drop-icon,.ftm-drop:focus-visible .ftm-drop-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");}
.ftm-drop-title{font-size:1rem;font-weight:600;color:var(--ftm-text);}
.ftm-drop-hint{font-size:0.8125rem;color:var(--ftm-muted);}
.ftm-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.ftm-files{padding:1rem 1.25rem;border-bottom:1px solid var(--ftm-b);background:var(--ftm-bg);}
.ftm-files[hidden]{display:none;}
.ftm-files-head{font-size:0.8125rem;font-weight:600;color:var(--ftm-muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.75rem;}
.ftm-files-list{display:flex;flex-direction:column;gap:0.5rem;max-height:200px;overflow-y:auto;}
.ftm-file-item{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.625rem 0.75rem;background:var(--ftm-surface-muted);border:1px solid var(--ftm-b);border-radius:10px;font-size:0.875rem;}
.ftm-file-item-info{flex:1;min-width:0;}
.ftm-file-item-name{font-weight:600;color:var(--ftm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ftm-file-item-meta{font-size:0.75rem;color:var(--ftm-muted);margin-top:0.125rem;}
.ftm-file-item-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ftm-muted);cursor:pointer;border-radius:8px;transition:background 0.2s,color 0.2s;}
.ftm-file-item-remove:hover{background:rgba(220,38,38,0.1);color:#dc2626;}
.ftm-panel{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ftm-b);}
.ftm-panel[hidden]{display:none;}
.ftm-panel-head{font-size:0.8125rem;font-weight:600;color:var(--ftm-muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:1rem;}
.ftm-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem;}
@media (min-width:640px){.ftm-grid{grid-template-columns:repeat(3,1fr);}}
.ftm-field{display:flex;flex-direction:column;gap:0.5rem;}
.ftm-toggle{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.875rem;font-weight:500;color:var(--ftm-text);}
.ftm-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--ftm-accent);cursor:pointer;}
.ftm-datetime{width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid var(--ftm-b);border-radius:8px;background:var(--ftm-bg);color:var(--ftm-text);}
.ftm-datetime:disabled{opacity:0.6;cursor:not-allowed;}
.ftm-row{display:flex;flex-direction:column;gap:0.375rem;margin-bottom:1.25rem;}
.ftm-label{font-size:0.8125rem;font-weight:600;color:var(--ftm-muted);}
.ftm-select{max-width:160px;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid var(--ftm-b);border-radius:8px;background:var(--ftm-bg);color:var(--ftm-text);}
.ftm-presets,.ftm-batch{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem;}
.ftm-batch{margin-bottom:0;}
.ftm-preset-btns,.ftm-batch-btns{display:flex;flex-wrap:wrap;gap:0.5rem;}
.ftm-pill{padding:0.5rem 1rem;font-size:0.8125rem;font-weight:500;border:1px solid var(--ftm-b);border-radius:999px;background:var(--ftm-bg);color:var(--ftm-text);cursor:pointer;transition:background 0.2s,border-color 0.2s,color 0.2s;}
.ftm-pill:hover{border-color:var(--ftm-accent);color:var(--ftm-accent);background:rgba(37,99,235,0.05);}
.ftm-pill-alt{border-style:dashed;}
.ftm-actions{display:flex;flex-wrap:wrap;gap:0.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ftm-b);}
.ftm-actions[hidden]{display:none;}
.ftm-btn{padding:0.75rem 1.25rem;font-size:0.9375rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:background 0.2s,transform 0.1s;}
.ftm-btn-primary{background:var(--ftm-accent);color:#fff;}
.ftm-btn-primary:hover:not(:disabled){background:var(--ftm-accent-h);transform:translateY(-1px);}
.ftm-btn-secondary{background:var(--ftm-surface-muted);color:var(--ftm-text);border:1px solid var(--ftm-b);}
.ftm-btn-secondary:hover:not(:disabled){background:var(--ftm-b);}
.ftm-btn-ghost{background:transparent;color:var(--ftm-muted);}
.ftm-btn-ghost:hover:not(:disabled){color:var(--ftm-text);}
.ftm-btn:disabled{opacity:0.5;cursor:not-allowed;}
.ftm-progress{padding:1rem 1.5rem;border-bottom:1px solid var(--ftm-b);}
.ftm-progress[hidden]{display:none;}
.ftm-progress-bar{height:8px;background:var(--ftm-surface-muted);border-radius:999px;overflow:hidden;}
.ftm-progress-fill{height:100%;background:var(--ftm-accent);border-radius:999px;transition:width 0.3s;}
.ftm-progress-text{font-size:0.8125rem;color:var(--ftm-muted);margin-top:0.5rem;}
.ftm-results{padding:1.25rem 1.5rem;}
.ftm-results[hidden]{display:none;}
.ftm-results-head{font-size:0.8125rem;font-weight:600;color:var(--ftm-muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.75rem;}
.ftm-results-body{background:var(--ftm-surface-muted);border:1px solid var(--ftm-b);border-radius:10px;padding:1rem;margin-bottom:1rem;font-size:0.875rem;}
.ftm-results-body table{width:100%;border-collapse:collapse;}
.ftm-results-body th,.ftm-results-body td{padding:0.5rem 0.75rem;text-align:left;border-bottom:1px solid var(--ftm-b);}
.ftm-results-body tr:last-child th,.ftm-results-body tr:last-child td{border-bottom:0;}
.ftm-results-body th{font-weight:600;color:var(--ftm-muted);}
.ftm-results-actions{display:flex;flex-wrap:wrap;gap:0.75rem;}
.ftm-info{margin-bottom:2.5rem;}
.ftm-info-h{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:0.5rem;margin-top:1.5rem;}
.ftm-info-h:first-child{margin-top:0;}
.ftm-info-p{font-size:0.9375rem;color:#64748b;line-height:1.6;margin-bottom:0.75rem;}
.ftm-info-p a{color:#2563eb;text-decoration:underline;}
.ftm-info-p a:hover{text-decoration:none;}
@media (max-width:639px){.ftm-actions{flex-direction:column;}.ftm-actions .ftm-btn{width:100%;}}
@media (prefers-reduced-motion:reduce){.ftm-drop,.ftm-btn,.ftm-pill,.ftm-progress-fill{transition-duration:0.01ms;}}