.dof-calculator-card.svelte-fee3t3.svelte-fee3t3{background:var(--bg-color, #ffffff);border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin:2.5rem 0;box-shadow:0 4px 25px #0000000d;font-family:Poppins,sans-serif}.calculator-header.svelte-fee3t3.svelte-fee3t3{text-align:center;margin-bottom:2rem}.calculator-title.svelte-fee3t3.svelte-fee3t3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--headers-color, #222)}.calculator-subtitle.svelte-fee3t3.svelte-fee3t3{margin:0;font-size:.95rem;color:var(--text-light, #666);line-height:1.5}.calculator-main-grid.svelte-fee3t3.svelte-fee3t3{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem}@media (max-width: 900px){.calculator-main-grid.svelte-fee3t3.svelte-fee3t3{grid-template-columns:1fr;gap:2rem}}.inputs-panel.svelte-fee3t3.svelte-fee3t3{display:flex;flex-direction:column;gap:1.5rem}.input-item.svelte-fee3t3.svelte-fee3t3{display:flex;flex-direction:column}.input-item.svelte-fee3t3 label.svelte-fee3t3{font-size:.85rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.5rem}.label-with-val.svelte-fee3t3.svelte-fee3t3{display:flex;justify-content:space-between;align-items:baseline}.value-badge.svelte-fee3t3.svelte-fee3t3{font-size:.85rem;font-weight:700;color:var(--brand-color, #333);background:var(--bg-light, #f1f1f1);padding:.1rem .5rem;border-radius:4px}.form-select.svelte-fee3t3.svelte-fee3t3{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.9rem;background-color:var(--bg-color, #fff);color:var(--text-color, #333);cursor:pointer}.form-select.svelte-fee3t3.svelte-fee3t3:focus{outline:none;border-color:var(--brand-color, #333)}.range-slider.svelte-fee3t3.svelte-fee3t3{width:100%;margin:.6rem 0;height:6px;background:#e2e8f0;border-radius:3px;accent-color:var(--brand-color, #333);cursor:pointer;outline:none}.slider-ticks.svelte-fee3t3.svelte-fee3t3{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-light, #888)}.visual-panel.svelte-fee3t3.svelte-fee3t3{display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-light, #f8fafc);border-radius:10px;padding:1.5rem;box-sizing:border-box}.sandbox-header.svelte-fee3t3.svelte-fee3t3{font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--headers-color, #222);letter-spacing:.5px;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.portrait-view-container.svelte-fee3t3.svelte-fee3t3{position:relative;width:100%;height:200px;background:#1e293b;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.bokeh-background.svelte-fee3t3.svelte-fee3t3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bokeh-light.svelte-fee3t3.svelte-fee3t3{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(253,224,71,.8) 0%,rgba(234,179,8,.2) 60%,rgba(234,179,8,0) 100%);transition:width .15s,height .15s,filter .15s,opacity .15s}.light-1.svelte-fee3t3.svelte-fee3t3{top:20%;left:15%}.light-2.svelte-fee3t3.svelte-fee3t3{top:15%;left:70%}.light-3.svelte-fee3t3.svelte-fee3t3{top:55%;left:45%}.light-4.svelte-fee3t3.svelte-fee3t3{top:40%;left:80%}.light-5.svelte-fee3t3.svelte-fee3t3{top:60%;left:10%}.light-6.svelte-fee3t3.svelte-fee3t3{top:70%;left:75%}.foreground-subject.svelte-fee3t3.svelte-fee3t3{position:relative;z-index:2;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.subject-svg.svelte-fee3t3.svelte-fee3t3{height:80%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.subject-svg.svelte-fee3t3 path.svelte-fee3t3{fill:#f8fafc;stroke:#e2e8f0;stroke-width:1.5}.focus-plane-indicator.svelte-fee3t3.svelte-fee3t3{background:#2e7d32;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .5rem;border-radius:3px;letter-spacing:1px;margin-top:.25rem;box-shadow:0 2px 5px #0000004d}.blur-status-overlay.svelte-fee3t3.svelte-fee3t3{position:absolute;bottom:8px;left:8px;background:rgba(15,23,42,.75);color:#e2e8f0;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;z-index:3}.highlight-val.svelte-fee3t3.svelte-fee3t3{color:#fbbf24;font-weight:700}.range-diagram-container.svelte-fee3t3.svelte-fee3t3{background:var(--bg-color, #fff);border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.diagram-scale.svelte-fee3t3.svelte-fee3t3{position:relative;width:100%;height:40px;border-bottom:2px solid #cbd5e1;margin-bottom:.75rem;box-sizing:border-box}.diagram-node.svelte-fee3t3.svelte-fee3t3{position:absolute;bottom:-4px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);z-index:10}.node-icon.svelte-fee3t3.svelte-fee3t3{font-size:1.2rem;line-height:1;margin-bottom:2px}.node-label.svelte-fee3t3.svelte-fee3t3{font-size:.7rem;font-weight:600;color:var(--text-color, #333);white-space:nowrap}.camera-node.svelte-fee3t3.svelte-fee3t3{left:8%}.subject-node.svelte-fee3t3.svelte-fee3t3{transition:left .15s ease-out}.focus-bar.svelte-fee3t3.svelte-fee3t3{position:absolute;bottom:-2px;height:6px;border-left:2px solid #2e7d32;transition:left .15s ease-out,width .15s ease-out;z-index:5;display:flex;align-items:center;justify-content:center}.bar-label.svelte-fee3t3.svelte-fee3t3{position:absolute;top:-15px;font-size:.6rem;font-weight:700;text-transform:uppercase;color:#2e7d32;white-space:nowrap;letter-spacing:.5px}.diagram-labels.svelte-fee3t3.svelte-fee3t3{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-color, #555)}.results-divider.svelte-fee3t3.svelte-fee3t3{height:1px;background:#e2e8f0;margin:2rem 0 1.5rem}.results-grid.svelte-fee3t3.svelte-fee3t3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.result-tile.svelte-fee3t3.svelte-fee3t3{background:var(--bg-light, #f8fafc);border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;box-sizing:border-box}.tile-title.svelte-fee3t3.svelte-fee3t3{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-light, #707070);letter-spacing:.5px;margin-bottom:.5rem}.tile-value.svelte-fee3t3.svelte-fee3t3{font-size:1.5rem;font-weight:800;color:var(--brand-color, #1a1a1a);margin-bottom:.5rem;line-height:1.2}.highlight-text.svelte-fee3t3.svelte-fee3t3{color:#10b981}.tile-desc.svelte-fee3t3.svelte-fee3t3{font-size:.75rem;color:var(--text-light, #666);line-height:1.4}