#files-modal{position:fixed;inset:0;z-index:var(--z-fullscreen,13000);display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.45)}
#files-modal.open{display:flex}
#files-modal .fm-box{background:var(--surface,#fff);color:var(--text,#0f172a);border:1px solid var(--border,#e2e8f0);border-radius:14px;width:min(880px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px -12px rgba(15,23,42,.4);overflow:hidden}
#files-modal .fm-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border,#e2e8f0);background:var(--surface-soft,#f8fafc)}
#files-modal .fm-title{font-weight:700;font-size:16px;color:var(--accent,#1f4e78);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#files-modal .fm-actions{display:flex;gap:8px}
#files-modal .fm-btn{border:1px solid var(--border,#cbd5e1);background:var(--surface,#fff);color:var(--text,#1a2233);border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600;cursor:pointer}
#files-modal .fm-btn:hover{background:var(--surface-hover,#f1f5f9)}
#files-modal .fm-btn.gold{background:var(--gold,#d6a83f);color:var(--gold-ink,#231806);border-color:transparent}
#files-modal .fm-body{padding:14px 18px;overflow:auto}
#files-modal .fm-drop{border:2px dashed var(--border-strong,#cbd5e1);border-radius:12px;padding:18px;text-align:center;color:var(--muted,#64748b);font-size:13px;margin-bottom:14px;cursor:pointer;transition:background .12s,border-color .12s}
#files-modal .fm-drop.drag{background:var(--accent-soft,#eaf1f8);border-color:var(--accent,#1f4e78);color:var(--accent,#1f4e78)}
#files-modal .fm-folder{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b);margin:14px 0 6px;font-weight:700}
#files-modal .fm-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border,#eef2f7);border-radius:10px;margin-bottom:7px;background:var(--surface,#fff)}
#files-modal .fm-ic{font-size:20px;flex:none;width:30px;display:flex;align-items:center;justify-content:center}
#files-modal .fm-meta{flex:1;min-width:0}
#files-modal .fm-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#files-modal .fm-sub{font-size:11px;color:var(--muted,#64748b);margin-top:2px}
#files-modal .fm-rowacts{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end;max-width:340px}
#files-modal .fm-mini{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);color:var(--text,#334155);border-radius:7px;padding:4px 8px;font-size:11.5px;cursor:pointer;white-space:nowrap}
#files-modal .fm-mini:hover{background:var(--surface-hover,#f1f5f9)}
#files-modal .fm-mini.on{background:var(--accent-soft,#eaf1f8);border-color:var(--accent,#1f4e78);color:var(--accent,#1f4e78)}
#files-modal .fm-mini.danger{color:#b91c1c;border-color:#fecaca}
#files-modal .fm-empty{text-align:center;color:var(--muted,#94a3b8);font-size:13px;padding:24px}
#files-modal .fm-badge{font-size:10px;background:var(--accent-soft,#eaf1f8);color:var(--accent,#1f4e78);border-radius:999px;padding:1px 7px;font-weight:700;margin-right:4px}
#files-modal .fm-thumb{width:30px;height:30px;object-fit:cover;border-radius:5px;display:block;border:1px solid var(--border)}
#files-modal .fm-prog{padding:2px 0}
#files-modal .fm-prog-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px}
#files-modal .fm-prog-bar{height:8px;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;overflow:hidden}
#files-modal .fm-prog-fill{height:100%;width:0;background:var(--gold,#d6a83f);transition:width .15s ease}
#files-modal .fm-prog-sub{font-size:11px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}