.fov-controls { display:flex; gap:12px; flex-wrap:wrap; margin:12px 0; align-items:center; }
.fov-controls label { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.fov-controls select, .fov-controls input { background:#1a1d2c; color:#eee; border:1px solid #2a2d3c; border-radius:6px; padding:6px 8px; min-width:140px; }

.fov-result { background:#14172a; border:1px solid #232539; border-radius:8px; padding:14px; margin:12px 0; }
#fov-info { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:10px; margin-bottom:12px; }
#fov-info .item .lbl { color:#888; font-size:11px; }
#fov-info .item .val { font-size:18px; font-weight:700; color:#f6c34a; }
#fov-canvas { background:#06070e; border-radius:6px; max-width:100%; height:auto; display:block; }