.fct{margin-bottom:2rem;}
.fct-card{--fct-b:var(--border,#e5e7eb);--fct-bg:var(--surface,#fff);--fct-muted:var(--text-muted,#6b7280);--fct-accent:var(--primary,#2563eb);--fct-accent-h:var(--primary-dark,#1d4ed8);--fct-add:#0d9488;--fct-rem:#dc2626;background:var(--fct-bg);border:1px solid var(--fct-b);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.06);overflow:hidden;}
.fct-drops{display:grid;grid-template-columns:1fr;gap:0;min-height:160px;}
@media (min-width:640px){.fct-drops{grid-template-columns:1fr 1fr;min-height:180px;}}
.fct-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--surface-muted,#f9fafb);border:2px dashed var(--fct-b);cursor:pointer;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;}
.fct-drop:first-child{border-right-width:1px;}
@media (min-width:640px){.fct-drop:first-child{border-right-width:2px;border-bottom:0;}}
.fct-drop:hover,.fct-drop:focus-visible{background:rgba(37,99,235,0.05);border-color:var(--fct-accent);outline:none;}
.fct-drop.fct-dragover{background:rgba(37,99,235,0.08);border-color:var(--fct-accent);box-shadow:inset 0 0 0 2px rgba(37,99,235,0.15);}
.fct-drop-inner{display:flex;flex-direction:column;align-items:center;gap:0.5rem;pointer-events:none;}
.fct-drop-icon{width:44px;height:44px;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='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;}
.fct-drop:hover .fct-drop-icon,.fct-drop:focus-visible .fct-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='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'%3E%3C/path%3E%3C/svg%3E");}
.fct-drop-txt{font-size:0.9375rem;font-weight:600;color:var(--text-main,#111827);text-align:center;}
.fct-drop-hint{font-size:0.8125rem;color:var(--fct-muted);}
.fct-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.fct-bar{display:none;padding:0.75rem 1.25rem;border-top:1px solid var(--fct-b);background:var(--surface-muted,#f9fafb);gap:1rem;flex-wrap:wrap;align-items:center;}
.fct-bar.fct-bar-on{display:flex;}
.fct-bar-item{display:flex;align-items:center;gap:0.375rem;font-size:0.8125rem;}
.fct-bar-label{color:var(--fct-muted);}
.fct-bar-val{font-weight:600;color:var(--text-main,#111827);}
.fct-bar-sep{width:1px;height:1em;background:var(--fct-b);}
.fct-action{padding:1.25rem 1.5rem;border-top:1px solid var(--fct-b);display:flex;justify-content:center;}
.fct-btn{padding:0.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;}
.fct-btn-primary{background:var(--fct-accent);color:#fff;}
.fct-btn-primary:hover:not(:disabled){background:var(--fct-accent-h);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,0.35);}
.fct-btn-primary:disabled{opacity:0.5;cursor:not-allowed;}
.fct-results{display:none;border-top:1px solid var(--fct-b);}
.fct-results.fct-results-on{display:block;}
.fct-score-wrap{padding:1.5rem 1.5rem 0.75rem;text-align:center;}
.fct-score{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:999px;font-size:1.125rem;font-weight:700;}
.fct-score-low{background:rgba(220,38,38,0.12);color:var(--fct-rem);}
.fct-score-mid{background:rgba(234,179,8,0.2);color:#a16207;}
.fct-score-high{background:rgba(13,148,136,0.15);color:var(--fct-add);}
.fct-score-lbl{font-size:0.75rem;font-weight:500;color:var(--fct-muted);margin-top:0.25rem;}
.fct-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem 1.5rem;}
@media (min-width:640px){.fct-grid{grid-template-columns:1fr 1fr;}}
.fct-block{background:var(--surface-muted,#f9fafb);border:1px solid var(--fct-b);border-radius:12px;overflow:hidden;}
.fct-block-h{font-size:0.875rem;font-weight:700;color:var(--text-main,#111827);padding:0.75rem 1rem;border-bottom:1px solid var(--fct-b);}
.fct-block-b{padding:1rem;font-size:0.8125rem;}
.fct-block-b table{width:100%;border-collapse:collapse;}
.fct-block-b td{padding:0.375rem 0;border-bottom:1px solid var(--fct-b);}
.fct-block-b tr:last-child td{border-bottom:0;}
.fct-block-b td:first-child{color:var(--fct-muted);}
.fct-diff-wrap{padding:0 1.5rem 1.5rem;}
.fct-diff-h{font-size:0.875rem;font-weight:700;color:var(--text-main,#111827);margin-bottom:0.5rem;}
.fct-diff{font-size:0.8125rem;font-family:ui-monospace,monospace;line-height:1.6;max-height:320px;overflow-y:auto;border:1px solid var(--fct-b);border-radius:10px;background:#0f172a;}
.fct-diff-line{padding:0.25rem 0.75rem;border-bottom:1px solid rgba(255,255,255,0.06);}
.fct-diff-line:last-child{border-bottom:0;}
.fct-diff-add{background:rgba(13,148,136,0.25);color:#99f6e4;}
.fct-diff-rem{background:rgba(220,38,38,0.2);color:#fca5a5;}
.fct-diff-same{color:#94a3b8;}
.fct-diff-empty{padding:1rem;text-align:center;color:var(--fct-muted);}
@media (max-width:639px){.fct-action .fct-btn{width:100%;}}
@media (prefers-reduced-motion:reduce){.fct-drop,.fct-btn,.fct-score{transition-duration:0.01ms;}}