.fme-wrap{--fme-border:var(--border,#e5e7eb);--fme-bg:var(--surface,#fff);--fme-bg-muted:var(--surface-muted,#f9fafb);--fme-text:var(--text-main,#111827);--fme-muted:var(--text-muted,#6b7280);--fme-primary:var(--primary,#2563eb);--fme-success:var(--success,#22c55e);margin:0 auto;}
.fme-drop{border:2px dashed var(--fme-border);border-radius:16px;padding:clamp(1.75rem,5vw,2.75rem);text-align:center;background:var(--fme-bg-muted);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;}
.fme-drop:hover{border-color:var(--fme-primary);background:var(--fme-bg);}
.fme-drop.fme-dragover{border-color:var(--fme-primary);background:var(--fme-bg);box-shadow:0 0 0 4px rgba(37,99,235,.1);}
.fme-drop-icon{font-size:2.75rem;color:var(--fme-primary);opacity:.9;}
.fme-drop-title{font-weight:600;font-size:1.0625rem;color:var(--fme-text);}
.fme-drop-hint{font-size:.875rem;color:var(--fme-muted);}
.fme-input-file{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.fme-file-bar{display:none;margin-top:1rem;padding:1rem 1.25rem;background:var(--fme-bg);border:1px solid var(--fme-border);border-radius:12px;align-items:center;gap:1rem;flex-wrap:wrap;}
.fme-file-bar.fme-visible{display:flex;}
.fme-file-bar-info{flex:1;min-width:0;}
.fme-file-bar-name{font-weight:600;color:var(--fme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fme-file-bar-meta{font-size:.8125rem;color:var(--fme-muted);margin-top:.2rem;}
.fme-extract-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;background:var(--fme-primary);color:#fff;cursor:pointer;transition:transform .05s,box-shadow .2s;white-space:nowrap;}
.fme-extract-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px rgba(37,99,235,.3);}
.fme-extract-btn:active:not(:disabled){transform:scale(.98);}
.fme-extract-btn:disabled{opacity:.55;cursor:not-allowed;}
.fme-results{margin-top:1.5rem;}
.fme-card{margin-bottom:1rem;border-radius:12px;border:1px solid var(--fme-border);background:var(--fme-bg);overflow:hidden;}
.fme-card:last-child{margin-bottom:0;}
.fme-card-head{padding:.75rem 1.25rem;background:var(--fme-bg-muted);font-weight:600;font-size:.9375rem;color:var(--fme-text);border-bottom:1px solid var(--fme-border);}
.fme-card-body{padding:0;}
.fme-row{display:grid;grid-template-columns:1fr 1.5fr;gap:.75rem 1rem;padding:.65rem 1.25rem;align-items:baseline;border-bottom:1px solid var(--fme-border);font-size:.9375rem;}
.fme-row:last-child{border-bottom:none;}
.fme-row-key{color:var(--fme-muted);font-weight:500;}
.fme-row-val{color:var(--fme-text);word-break:break-word;}
.fme-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;}
.fme-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--fme-border);border-radius:8px;background:var(--fme-bg);color:var(--fme-text);cursor:pointer;transition:background .2s,color .2s;}
.fme-btn:hover{background:var(--fme-bg-muted);}
.fme-btn-primary{background:var(--fme-primary);color:#fff;border-color:var(--fme-primary);}
.fme-btn-primary:hover{filter:brightness(1.05);}
.fme-empty{text-align:center;padding:2rem 1.5rem;color:var(--fme-muted);}
.fme-empty-icon{font-size:2rem;color:var(--fme-muted);opacity:.7;margin-bottom:.5rem;}
@media (min-width:640px){.fme-drop{min-height:180px;}.fme-file-bar{flex-wrap:nowrap;}.fme-extract-btn{min-width:160px;}}
@media (min-width:768px){.fme-row{grid-template-columns:minmax(140px,1fr) 1fr;}}