:root{--scale:2;--camera-area:208px;--camera-inset:16px}main{flex-direction:column;flex:1;min-height:0;display:flex}.lens-controls{background:linear-gradient(#f0f0f0, var(--canvas));flex-direction:column;flex:none;gap:12px;padding:32px 0;display:flex}.filters{justify-content:center;align-items:center;gap:6px;height:44px;display:flex}.filter{height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--muted);font-size:var(--control-font-size);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.control-cluster{background:var(--surface);border-radius:22px;align-items:center;gap:6px;width:max-content;height:44px;padding:4px;display:flex}.control-icon{flex:none;place-items:center;width:32px;height:32px;display:grid}.control-icon img{width:20px;height:20px;display:block}.control-cluster :is(.manufacturer-picker,.search-picker){height:36px}.control-cluster .filter{border-radius:18px;height:36px}.control-cluster .search-trigger{width:36px}.mount-filter{border-radius:20px;width:32px;padding:0}.manufacturer-picker,.search-picker{height:var(--control-height)}.manufacturer-trigger,.menu-origin{justify-content:center;align-items:center;gap:9px;display:inline-flex}.select-chevron{flex:none;justify-content:center;align-items:center;width:10px;height:5px;display:flex}.select-chevron img{flex:none;transform:rotate(90deg)}.manufacturer-picker:has(.manufacturer-menu:popover-open) .manufacturer-trigger,.search-picker:has(.search-menu:popover-open) .search-trigger{opacity:0}.manufacturer-menu,.search-menu{border:1px solid var(--line);border-radius:var(--popover-radius);background:var(--surface);color:var(--ink);box-shadow:none;transition:box-shadow var(--fade-duration) var(--fade-easing), background-color var(--fade-duration) var(--fade-easing), border-color var(--fade-duration) var(--fade-easing);margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}[aria-expanded=true]+:is(.manufacturer-menu,.search-menu){box-shadow:var(--shadow-soft)}.menu-origin{color:var(--muted);font-size:var(--control-font-size);white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .15s;position:absolute;inset:0}.manufacturer-trigger[aria-expanded=true]+.manufacturer-menu .menu-content{opacity:1}.manufacturer-trigger[aria-expanded=true]+.manufacturer-menu .menu-origin{opacity:0}.manufacturer-option{height:var(--menu-row-height);border-radius:var(--control-radius);font-size:var(--control-font-size);white-space:nowrap;cursor:pointer;align-items:center;margin:0;padding:0 12px;display:flex}.manufacturer-option[aria-selected=true]{background:var(--muted);color:var(--surface)}.manufacturer-option:not([aria-selected=true]):is(.is-highlighted,:hover){background:var(--canvas)}.search-trigger{width:32px;padding:0}.search-trigger img,.search-origin img,.search-field img{flex:none;width:16px;height:16px}.search-origin{pointer-events:none;opacity:1;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.search-content{opacity:0;flex-direction:column;gap:8px;width:256px;max-width:calc(100vw - 26px);padding:8px;transition:opacity .15s;display:flex;position:relative;overflow:hidden}.search-picker[data-direction=up] .search-content{flex-direction:column-reverse;position:absolute;inset:auto 0 0}.search-trigger[aria-expanded=true]+.search-menu .search-content{opacity:1}.search-trigger[aria-expanded=true]+.search-menu .search-origin{opacity:0}.search-field,.search-option{width:100%;min-width:0;height:var(--menu-row-height);border-radius:var(--control-radius);align-items:center;padding:0 12px;display:flex}.search-field{gap:9px}.search-field input{appearance:none;min-width:0;color:var(--ink);font:inherit;font-size:var(--control-font-size);background:0 0;border:0;outline:0;flex:1;padding:0;line-height:1.4}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field input::-webkit-search-cancel-button{display:none}.search-option{cursor:pointer}.search-option.is-highlighted,.search-option:hover{background:var(--canvas)}.search-option-label{min-width:0;font-size:var(--control-font-size);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.4;display:block;overflow:hidden}@starting-style{[aria-expanded=true]+:is(.manufacturer-menu,.search-menu){box-shadow:none}.manufacturer-trigger[aria-expanded=true]+.manufacturer-menu .menu-content{opacity:0}.manufacturer-trigger[aria-expanded=true]+.manufacturer-menu .menu-origin{opacity:1}.search-trigger[aria-expanded=true]+.search-menu .search-content{opacity:0}.search-trigger[aria-expanded=true]+.search-menu .search-origin{opacity:1}}.name-selector{height:var(--control-height);isolation:isolate;position:relative}.selection-pill{z-index:-1;height:var(--control-height);border:1px solid var(--muted);border-radius:var(--control-radius);transition:background-color var(--fade-duration) var(--fade-easing);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.rail{scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x;overflow-anchor:none;overflow:auto hidden}.rail::-webkit-scrollbar{display:none}.track{align-items:center;gap:6px;width:max-content;min-width:100%;display:flex}.name-rail{height:var(--control-height)}.name{height:var(--control-height);border-radius:var(--control-radius);font-size:var(--control-font-size);white-space:nowrap;color:var(--muted);transition:color var(--fade-duration) var(--fade-easing), background-color var(--fade-duration) var(--fade-easing);flex:none;justify-content:center;align-items:center;padding:0 12px;display:flex}.scene{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.lens-rail{position:absolute;inset:0}.lens-track{align-items:flex-end;gap:calc(70px * var(--scale));height:100%;padding-bottom:var(--camera-area)}.lens{color:var(--muted);pointer-events:none;transition:opacity var(--fade-duration) var(--fade-easing);flex:none;display:block;transform:translateY(0)}.lens svg{display:block;overflow:hidden}.lens path{fill:currentColor;pointer-events:visiblePainted}.lens .technical-mount{fill:var(--mount)}.lens text{text-anchor:middle;fill:#f3f3f380;pointer-events:none;font-size:7px}.lens .filter-label{fill:var(--muted);visibility:hidden;font-size:6px}.lens.is-active{color:var(--ink)}.lens.is-active text{fill:var(--canvas)}.lens.is-active .filter-label{fill:var(--muted);visibility:visible}#camera{z-index:1;pointer-events:none;position:absolute;bottom:0}#camera svg{width:100%;height:auto;display:block}#camera path,#camera rect{pointer-events:visiblePainted}.camera-controls{background:linear-gradient(var(--canvas), #f0f0f0);flex-direction:column;flex:none;gap:12px;padding:32px 0;display:flex}.camera-manufacturers{margin:0 auto}footer{background:#f0f0f0;flex:none;justify-content:center;align-items:flex-start;height:80px;padding:0 24px;display:flex}.details{border-radius:var(--popover-radius);background:var(--ink);height:48px;color:var(--surface);font-size:var(--control-font-size);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;display:flex}.details:disabled{cursor:default}.is-attached .selection-pill{background:var(--muted)}.is-attached .name-rail .is-active{color:var(--surface)}.is-attached .lens.is-active .filter-label{visibility:hidden}.is-attached .lens:not(.is-active){opacity:.25}.rail.is-locked{touch-action:none;overflow-x:hidden}.combination-details{background:var(--canvas);width:402px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-dialog);overscroll-behavior:contain;scrollbar-width:none;border:0;border-radius:36px;margin:0;padding:0;position:fixed;inset:auto 24px 24px auto;overflow:hidden auto}.combination-details::backdrop{background:0 0}.details-content{flex-direction:column;gap:32px;padding:24px;display:flex}.details-actions{justify-content:space-between;align-items:center;display:flex}.details-actions:focus{outline:none}.details-close,.details-share{border-radius:var(--popover-radius);background:var(--surface);height:48px;box-shadow:var(--shadow-soft);font-size:var(--control-font-size);justify-content:center;align-items:center;gap:6px;display:inline-flex}.details-close{padding:0 16px}.details-share{width:48px}.details-content img{flex:none;width:20px;height:20px}.details-preview,.details-preview>svg{width:100%;height:160px}.details-preview>svg{display:block}.details-lens-svg path{fill:var(--ink)}.details-lens-svg .technical-mount{fill:var(--mount)}.details-lens-svg text{display:none}#details-title{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:500;line-height:1.4}.details-content :is(h2,h3,dt,dd,.stat-label,strong,[data-weight]){text-box:trim-both cap alphabetic}.combination-stats{flex-direction:column;gap:16px;display:flex}.combination-stats>div{border-radius:var(--control-radius);background:var(--surface);box-shadow:0 0 12px #2020200d}.combination-stats strong{font-size:16px;font-weight:500;line-height:1.4}.stat-label{color:var(--muted);font-size:12px;line-height:1}.focal-summary{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 4px;padding:16px;display:grid}.focal-summary .stat-label,.aperture-summary .stat-label{text-align:center;grid-area:1/2}.focal-summary [data-value=wide],.aperture-value[data-end=wide]{grid-area:1/1;justify-self:start}.focal-summary [data-value=tele],.aperture-value[data-end=tele]{grid-area:1/3;justify-self:end}.focal-line{background:var(--ink);border-radius:2px;grid-column:1/-1;height:4px}.focal-summary.is-single{grid-template-columns:1fr;justify-items:center;gap:9px}.focal-summary.is-single .stat-label{grid-area:auto}.focal-summary.is-single [data-value=wide]{grid-area:auto;justify-self:center}.focal-summary.is-single .focal-line{width:8px}.aperture-summary{grid-template-columns:1fr auto 1fr;align-items:start;padding:18px 16px 0;display:grid}.aperture-summary .stat-label{padding-top:2px}.aperture-value{flex-direction:column;align-items:center;gap:9px;display:flex}.aperture-value:after{content:"";background:var(--ink);border-radius:2px 2px 0 0;width:4px;height:9px;display:block}.aperture-summary.is-single{grid-template-columns:1fr;justify-items:center;gap:9px;padding-top:16px}.aperture-summary.is-single .stat-label{grid-area:auto;padding-top:0}.aperture-summary.is-single .aperture-value{grid-area:auto;justify-self:center;gap:6px}.aperture-summary.is-single .aperture-value:after{height:12px}.weight-summary{justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:16px;display:flex}.weight-summary>span{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:flex}.weight-summary strong{text-align:center;white-space:nowrap}.product-details{border-top:1px solid var(--muted);flex-direction:column;gap:20px;padding-top:32px;display:flex}.product-details h3{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:500;line-height:1.4}.product-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.product-facts>div{border-radius:var(--control-radius);background:var(--surface);flex-direction:column;justify-content:space-between;gap:12px;min-height:72px;padding:16px;display:flex}.product-facts dt{font-size:12px;line-height:1.2}.product-facts dd{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.2}.amazon-link{border-radius:var(--popover-radius);background:var(--ink);min-height:48px;color:var(--surface);font-size:var(--control-font-size);text-align:center;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:flex}.amazon-link:focus-visible,.details-content button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.share-status{color:var(--muted);margin:0;font-size:13px}.app-page .site-header{z-index:10;pointer-events:none;flex:none;align-items:flex-start;height:80px;padding:0 32px;position:fixed;inset:auto 0 0}.app-page .site-heading{margin-top:10px}.app-page :is(.site-title,.site-menu){pointer-events:auto}.app-page .site-menu-trigger{border:1px solid var(--line);background:var(--surface);border-radius:24px;width:48px;height:48px}.app-page .site-menu-panel{transition:box-shadow var(--fade-duration) var(--fade-easing)}.app-page .site-menu-panel:popover-open{border-color:var(--line);background:var(--surface)}.app-page .site-menu-origin{width:46px;height:46px;top:auto;bottom:0;right:0}@media (width<=600px){:root{--scale:1.4;--camera-area:150px;--camera-inset:12px}.search-field input{font-size:16px}.lens-controls{padding:24px 0 16px}.lens-track{gap:82px}.camera-controls{padding:16px 0 24px}.app-page .site-header{padding:0 24px}.app-page .site-heading{margin-top:11px}.app-page .site-title img{width:68px;height:26px}.combination-details{border-radius:36px 36px 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 64px);inset:auto 0 0}.details-content{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (width<=374px){.details-content{padding-left:16px;padding-right:16px}.product-facts{gap:8px}.product-facts>div{padding:12px}.weight-summary{gap:4px;padding-left:12px;padding-right:12px;font-size:14px}.weight-summary strong{font-size:14px}.weight-summary>span{gap:3px}}@media (width>=375px) and (width<=401px){.product-facts>div{padding-left:12px;padding-right:12px}}