.camera-tool{gap:1rem;max-width:1120px;margin-inline:auto;display:grid}.camera-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start;gap:1rem;display:grid}.camera-controls{gap:.8rem;min-width:0;display:grid}.camera-panel,.camera-explainer{background:var(--surface);border:1px solid var(--line);border-radius:1rem;min-width:0;margin:0;padding:1rem}.camera-panel legend{padding:0 .4rem;font-size:1rem;font-weight:800}.camera-hint{color:var(--muted);margin:.1rem 0 .9rem;font-size:.85rem;line-height:1.5}.camera-panel h2,.camera-explainer h2{margin:0 0 1rem;font-size:clamp(1.2rem,2.4vw,1.6rem)}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.camera-grid label{gap:.3rem;min-width:0;font-size:.88rem;font-weight:650;display:grid}.camera-input{display:block;position:relative}.camera-input input,.camera-grid select{border:1px solid var(--line);background:var(--surface-muted);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:.65rem;padding:.55rem 4rem .55rem .7rem;font-size:1.05rem}.camera-grid select{padding-right:.6rem}.camera-input em{color:var(--muted);pointer-events:none;font-size:.78rem;font-style:normal;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.camera-input input[aria-invalid=true]{border-color:#b64335}.camera-input input:focus-visible,.camera-grid select:focus-visible,.camera-optional summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.camera-optional summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.camera-optional .camera-grid{padding-top:.45rem}.camera-results{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 48%)}.camera-hero{border-bottom:1px solid var(--line);gap:.2rem;padding:.45rem 0 1rem;display:grid}.camera-hero>span{color:var(--muted)}.camera-hero strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.camera-hero small{letter-spacing:0;font-size:.42em}.camera-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem;display:grid}.camera-metric{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;gap:.2rem;min-width:0;padding:.7rem;display:grid}.camera-metric span,.camera-metric small{color:var(--muted);font-size:.76rem}.camera-metric strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.1rem}.camera-link{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.camera-link>div:first-child{justify-content:space-between;gap:1rem;font-weight:700;display:flex}.camera-track{background:var(--surface-muted);border-radius:999px;height:.75rem;margin-top:.5rem;overflow:hidden}.camera-track i{background:var(--accent);border-radius:inherit;height:100%;display:block}.camera-link p,.camera-error{color:var(--ink);background:color-mix(in srgb, #b64335 12%, var(--surface));border-radius:.65rem;padding:.7rem;line-height:1.5}.camera-explainer ol{padding-left:1.3rem;line-height:1.6}.camera-explainer li+li{margin-top:.6rem}.camera-explainer p{line-height:1.6}.camera-sources{font-size:.8rem}@media (max-width:760px){.camera-workspace{grid-template-columns:1fr}}@media (max-width:390px){.camera-grid{gap:.55rem}.camera-metric strong{font-size:1rem}}