#camera-sim{font-variant-numeric:tabular-nums}#camera-sim .cam-card{border:1px solid var(--viz-border);background:var(--viz-card);border-radius:12px;padding:14px;margin-bottom:12px}#camera-sim .cam-btn{background:#233446;border:1px solid #42586b;border-radius:8px;padding:9px 13px;color:var(--viz-text);cursor:pointer;font-size:12px}#camera-sim .cam-btn:hover{background:#31495e}#camera-sim .cam-btn.active{background:var(--viz-accent-bg);border-color:#58a8ff;font-weight:650}#camera-sim .cam-btn:disabled{opacity:.35;cursor:not-allowed}#camera-sim input[type=range]{width:100%;accent-color:#4e9bf9;cursor:pointer;margin:9px 0}#camera-sim .sub{font-size:12px;color:var(--viz-muted);margin:4px 0}#camera-sim .section-head,#camera-sim .control-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}#camera-sim .section-head small{color:var(--viz-muted);font-weight:400;margin-left:8px}#camera-sim .live{color:#7cd2a7;font-size:12px}#camera-sim .camera-screen{position:relative;background:#0c1119;border:6px solid #29323c;border-radius:14px;overflow:hidden;aspect-ratio:16/10;touch-action:manipulation;margin-top:12px}#camera-sim .camera-screen canvas{width:100%;height:100%;display:block;cursor:crosshair}#camera-sim .osd{position:absolute;pointer-events:none;color:#fff;text-shadow:0 1px 4px #000b;font-size:clamp(9px,1.8vw,12px)}#camera-sim .tl{top:12px;left:14px}#camera-sim .tr{top:12px;right:13px}#camera-sim .bl{bottom:13px;left:14px;font-weight:bold}#camera-sim .br{bottom:13px;right:14px}#camera-sim .focus-osd{bottom:36px;right:14px}#camera-sim .shotbar,#camera-sim .shotleft,#camera-sim .shotright{display:flex;align-items:center;gap:15px}#camera-sim .shotbar{justify-content:space-between;flex-wrap:wrap}#camera-sim .shutter{width:60px;height:60px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f5f6f7,#a4b4c3);border:5px solid #3a4956;box-shadow:0 3px 8px #0004;cursor:pointer;display:flex;align-items:center;justify-content:center}#camera-sim .shutter:active{transform:scale(.94)}#camera-sim .shutter>span{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#fdfdfd,#b4c4d2);border:2px solid #dae5ed}#camera-sim .photo-thumb{width:78px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #718394;background:#101820}#camera-sim .controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#camera-sim .control-row strong{font-size:19px}#camera-sim .range-label{display:flex;justify-content:space-between;color:var(--viz-muted);font-size:11px;gap:12px}#camera-sim .button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}#camera-sim .meter{height:6px;background:linear-gradient(90deg,#e27c65,#c1d4e5,#e27c65);border-radius:3px;position:relative;margin:13px 0 10px}#camera-sim .meter-ind{position:absolute;top:-4px;height:14px;width:3px;left:50%;background:#fff;border-radius:2px}#camera-sim .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}#camera-sim .stat-grid strong{font-size:18px}#camera-sim .explain{line-height:1.7;margin-top:14px}#camera-sim .footnote{line-height:1.8;margin-top:18px}@media(max-width:530px){#camera-sim .controls-grid{grid-template-columns:1fr}#camera-sim .control-row strong{font-size:16px}#camera-sim .camera-screen{border-width:4px}#camera-sim .lab-top{align-items:flex-start}}