/* 大文件查看器：拖放区 + 工具栏 + 分屏文本 */

.lf-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;
  padding:2.25rem 1rem;border:2px dashed #dbe1ea;border-radius:.75rem;background:#fafbfd;
  text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.lf-drop:hover,.lf-drop.is-over{border-color:var(--site-primary);background:var(--site-tint)}
.lf-drop i{font-size:2rem;color:var(--site-primary)}
.lf-drop-main{font-size:15px;font-weight:600;color:#2b3441}

.lf-info{margin-bottom:.6rem;font-size:.8125rem;color:#5b6675;line-height:1.8}
.lf-info .lf-sep{margin:0 .4rem;color:#cbd3dc}

.lf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem}
.lf-group{display:inline-flex;align-items:center;gap:.35rem}
.lf-group .form-control{width:7rem}
.lf-find .form-control{width:12rem}
.lf-ci{display:inline-flex;align-items:center;gap:.3rem;margin:0;font-size:.8125rem;color:#5b6675;white-space:nowrap}
.lf-toolbar .form-select{width:auto;min-width:8rem}

.lf-view{position:relative;height:min(70vh,44rem);overflow:auto;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.lf-rows{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;font-size:.8125rem;line-height:1.6}
.lf-row{display:flex;align-items:flex-start;white-space:pre-wrap;word-break:break-word}
.lf-view.is-nowrap .lf-row{white-space:pre;word-break:normal}
.lf-no{flex:none;width:5.5rem;padding:0 .5rem;text-align:right;color:#a7b0bb;background:#fafbfd;
  border-right:1px solid #eef1f5;user-select:none;position:sticky;left:0}
.lf-txt{flex:1 1 auto;min-width:0;padding:0 .6rem;color:#2b3441}
.lf-row:nth-child(even) .lf-txt{background:#fcfdfe}
.lf-row.is-hit .lf-txt{background:rgba(var(--site-primary-rgb),.10)}
.lf-hit{background:#ffe8a3;color:#111;border-radius:.15rem}
.lf-more{color:#adb5bd}
.lf-status{padding:.75rem;font-size:.8125rem;color:#8a94a3}

@media (max-width:767.98px){
  .lf-group .form-control{width:5.5rem}
  .lf-find .form-control{width:8.5rem}
  .lf-no{width:3.6rem;font-size:.75rem}
  .lf-view{height:60vh}
}
