.header .course-tabs{gap:23px;min-width:0}.header .course-tabs a{white-space:nowrap}.header-note{display:none}.lenses-intro h1{font-size:clamp(31px,3.7vw,50px)}.lenses-intro .intro-row>p{font-size:12px}.lenses-lessons button{font-size:9px}.lenses-lab{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.lenses-visual{min-width:0;border-right:1px solid var(--line);background:#161a14}.lenses-viewfinder{position:relative;aspect-ratio:3/2;overflow:hidden;background:#20271e}.lenses-viewfinder>canvas{display:block;width:100%;height:100%}.lenses-photo-top,.lenses-photo-bottom{position:absolute;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.lenses-photo-top{top:18px}.lenses-photo-top span{font-size:7px;letter-spacing:.8px;border:1px solid #ffffff35;padding:6px 8px;border-radius:4px;background:#12170dbd;color:#e8e2d1}.lenses-photo-bottom{bottom:18px}.lenses-photo-bottom strong{font-size:31px;font-weight:400;letter-spacing:-1px;text-shadow:0 1px 8px #000;color:#f3e5d1}.lenses-photo-bottom small{font-size:13px;letter-spacing:0}.lenses-photo-bottom>span{font-size:10px;background:#10150cb3;padding:6px 9px;border-radius:4px;color:#eee4d2}.lenses-camera{padding:21px}.lenses-focal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.lenses-focal-heading label{font-size:12px;color:#d8ddcd}.lenses-focal-heading>div{display:flex;align-items:center;gap:8px}.lenses-focal-heading input{width:91px;min-width:0;background:#232b1c;border:1px solid #4e5b40;border-radius:5px;color:#e5c9a5;font-family:inherit;font-size:23px;text-align:right;padding:4px 7px;font-variant-numeric:tabular-nums}.lenses-focal-heading>div>span{font-size:11px;color:#a1ad92}.lenses-camera{--control-color:#d6b994}.lenses-camera>.range-ends{font-size:9px}.lenses-focal-stops{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:15px}.lenses-focal-stops button{font-size:10px;border:1px solid #3c4931;background:#242b1e;color:#a9b998;border-radius:4px;padding:8px 4px;font-variant-numeric:tabular-nums}.lenses-focal-stops button[aria-pressed="true"]{background:#d7c09e;border-color:#d7c09e;color:#22291b}.lenses-focal-stops button:hover{border-color:#b6ba99}.lenses-framing{margin-top:19px;border-top:1px solid #36402d;padding-top:17px}.lenses-framing label{font-size:10px;color:#b9c5aa;display:block;margin-bottom:8px}.lenses-framing select,.lenses-explanation select{display:block;width:100%;min-width:0;background:#252d1e;border:1px solid #435035;color:#d3ddc7;border-radius:5px;padding:10px;font-family:inherit;font-size:11px}.lenses-framing p{font-size:9px;line-height:1.65;color:#9eac90;margin:9px 0 0}.lenses-capture{display:flex;gap:8px;margin-top:18px}.lenses-capture button{flex:1;font-size:10px;line-height:1.5;padding:10px 8px;border-radius:5px;border:1px solid #576345;background:#2b3422;color:#d0dbbe}.lenses-capture button:first-child{background:#d8c2a1;color:#272b20;border-color:#d8c2a1}.lenses-capture button:disabled{opacity:.4;cursor:default}#lenses-saved-caption{font-size:9px;line-height:1.6;color:#a6ac95;margin:9px 0 0}.lenses-analysis{padding:20px 21px;border-top:1px solid var(--line)}.lenses-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:20px;border-bottom:1px solid #36402d}.lenses-stats>div{display:flex;flex-direction:column;gap:8px}.lenses-stats span{font-size:7px;letter-spacing:.8px;color:#8fa17d}.lenses-stats strong{font-size:21px;font-weight:430;color:#ddc6a7;font-variant-numeric:tabular-nums;white-space:nowrap}.lenses-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;color:#a4b491;font-size:7px;letter-spacing:.7px}.lenses-plan-heading>span:last-child{font-size:7px;letter-spacing:0;color:#859975}#lenses-plan{stroke:none;fill:none;width:100%;height:auto;display:block;overflow:visible;margin-top:8px}.lenses-axis{stroke:#485c37;stroke-width:2}#lenses-cone{fill:#a9bd7e12;stroke:#a9bd7e50;stroke-width:1}#lenses-plan text{fill:#a9b994;font-family:inherit;font-size:9px;font-weight:400;stroke:none}#lenses-plan-near,#lenses-plan-far{fill:#d8c39f!important;font-size:11px!important}#lenses-observation{border-top:1px solid #36402d;padding-top:15px;margin:8px 0 0;font-size:11px;line-height:1.75;color:#c4cdb6}.lenses-bokeh-detail{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;margin:17px 0}.lenses-bokeh-detail figure{margin:0}.lenses-bokeh-detail canvas{width:100%;height:auto;background:#10140d;border:1px solid #414f32;border-radius:5px;display:block}.lenses-bokeh-detail figcaption{font-size:7px;color:#93a580;margin-top:7px;line-height:1.6}.lenses-bokeh-detail .eyebrow{font-size:7px;letter-spacing:1px}.lenses-bokeh-detail strong{display:block;color:#d9c3a1;font-size:16px;font-weight:450;margin-top:10px}.lenses-bokeh-detail p{color:#a3b28f;font-size:10px;line-height:1.7;margin:7px 0 0}.lenses-explanation{padding:26px;display:flex;flex-direction:column;min-width:0}.lenses-explanation h2{font-size:28px;font-weight:450;line-height:1.25;letter-spacing:-.6px;margin:18px 0 14px}.lenses-explanation .composition-body{margin-bottom:17px}.lenses-explanation input:disabled,.lenses-explanation select:disabled,.lenses-framing select:disabled{opacity:.4;cursor:default}.lenses-explanation #lenses-next{margin-top:auto}.lenses-dialog .depth-grid canvas{aspect-ratio:3/2}.lenses-dialog .depth-grid figcaption>span{font-size:10px}
@media(max-width:1150px){.header .course-tabs{gap:16px}.header .course-tabs a{font-size:11px}.lenses-lab{grid-template-columns:minmax(0,1.5fr) minmax(315px,1fr)}.lenses-explanation{padding:22px}.lenses-explanation h2{font-size:25px}.lenses-stats strong{font-size:18px}.lenses-stats span{font-size:6px;letter-spacing:.5px}}
@media(max-width:950px) and (min-width:801px){.header{height:auto;min-height:115px;flex-wrap:wrap;padding-top:18px;gap:8px}.header .course-tabs{flex-basis:100%;margin-left:0;justify-content:space-between;gap:10px}}
@media(max-width:800px){.header .course-tabs{position:relative;overflow-x:auto;justify-content:flex-start;gap:20px;width:100%;scrollbar-width:thin;scrollbar-color:#555c47 transparent}.header .course-tabs a{font-size:11px;padding:9px 0 13px}.lenses-intro h1{font-size:36px}.lenses-intro h1 em{display:block;margin-top:4px}.lenses-intro .eyebrow{font-size:7px;letter-spacing:.5px;flex-wrap:wrap}.lenses-lab{grid-template-columns:1fr;overflow:visible}.lenses-visual{border-right:0;border-bottom:1px solid var(--line);overflow:hidden;border-radius:12px 12px 0 0}.lenses-camera,.lenses-analysis{padding:17px}.lenses-photo-top{top:12px;left:13px;right:13px}.lenses-photo-top span{font-size:6px}.lenses-photo-bottom{left:14px;right:14px;bottom:12px}.lenses-photo-bottom strong{font-size:26px}.lenses-photo-bottom>span{font-size:8px}.lenses-camera>.range-ends{font-size:8px}.lenses-focal-stops{gap:5px}.lenses-focal-stops button{font-size:10px}.lenses-stats strong{font-size:18px}.lenses-stats span{font-size:6px;line-height:1.5}.lenses-explanation{padding:24px}.lenses-explanation h2{font-size:28px}.lenses-explanation .composition-lead{font-size:14px}.lenses-explanation .composition-body{font-size:13px}.lenses-explanation select{font-size:12px}.lenses-plan-heading{font-size:6px;letter-spacing:.3px}.lenses-plan-heading>span:last-child{font-size:6px}.lenses-bokeh-detail{grid-template-columns:110px 1fr;gap:14px}}
@media(max-width:800px) and (min-height:650px){.lenses-visual{display:contents}.lenses-viewfinder{position:sticky;top:0;z-index:4;border-radius:12px 12px 0 0;box-shadow:0 7px 20px #0005}.lenses-camera input,.lenses-camera select,.lenses-camera button,.lenses-explanation input,.lenses-explanation select,#lenses-presets{scroll-margin-top:calc(66vw + 24px)}}
.lenses-photo-tools{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #36402d}.lenses-photo-choices{display:flex;gap:7px}.lenses-photo-choices button{flex:1;border:1px solid #4c593e;border-radius:5px;padding:9px 6px;background:#242c1e;color:#b9c6a8;font:inherit;font-size:11px}.lenses-photo-choices button[aria-pressed="true"]{background:#d6bf9d;color:#20271b;border-color:#d6bf9d}.lenses-photo-tools p{font-size:8px;color:#9ba98c;line-height:1.7;margin:10px 0 0}.lenses-photo-tools a{color:inherit;text-underline-offset:3px}.lenses-photo-overview{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;margin:18px 0}.lenses-photo-overview canvas{width:100%;height:auto;border-radius:4px;border:1px solid #4d5b3d}.lenses-photo-overview .eyebrow{font-size:7px;letter-spacing:.8px}.lenses-photo-overview strong{display:block;font-size:16px;font-weight:450;color:#dec5a0;margin-top:9px}.lenses-photo-overview p{font-size:10px;line-height:1.7;color:#aab79b;margin:8px 0 0}#lenses-photo-tools[hidden],#lenses-geometry[hidden],#lenses-photo-overview[hidden]{display:none}@media(max-width:800px){.lenses-photo-overview{grid-template-columns:110px 1fr;gap:13px}.lenses-photo-overview strong{font-size:13px}.lenses-photo-top span{max-width:65%;line-height:1.4}.lenses-photo-tools p{font-size:9px}}