.fv{display:flex;flex-direction:column;gap:20px}.fv__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.fv__inputs{gap:18px;padding:24px}.fv__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.fv__fields>:first-child,.fv__fields>:nth-child(5){grid-column:1/-1}.fv__result{display:flex;flex-direction:column;gap:16px;min-width:0}.fv__mono{font-family:var(--font-mono)}.fv__hint{line-height:1.6;color:var(--fg-muted);margin-top:10px}.fv__error,.fv__hint{font-size:var(--text-sm)}.fv__error{color:var(--danger)}.fv__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fv__tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px 10px 0 0;border:1px solid var(--line);font-size:13px;min-width:0}.fv__tab--light{background:#f1f3f4;color:#202124}.fv__tab--dark{background:#35363a;color:#e8eaed}.fv__tab img{image-rendering:auto;flex:none}.fv__dot{width:16px;height:16px;border-radius:50%;background:currentColor;opacity:.3}.fv__tabname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv__tabmode{margin-inline-start:auto;font-size:11px;opacity:.6;white-space:nowrap}.fv__files{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.fv__file{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;min-width:0}.fv__thumbs{display:flex;align-items:flex-end;gap:8px;min-height:96px;padding:8px;width:100%;border-radius:8px;background:repeating-conic-gradient(color-mix(in oklab,var(--fg) 8%,transparent) 0 25%,transparent 0 50%) 0 0 /12px 12px}.fv__px{image-rendering:pixelated;max-width:100%;height:auto}.fv__sub{font-size:12px;color:var(--fg-muted);overflow-wrap:anywhere}@media (max-width:960px){.fv__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.fv__fields,.fv__tabs{grid-template-columns:minmax(0,1fr)}}