/* PTX guided studio — calm, touch-first laboratory */
.guided{--accent:#b4d5b8;--ink:#e8eeea;--muted:#95a39b;color:var(--ink)}
.guided button,.guided select,.guided input{font-family:inherit}.guided button{border-radius:13px;transition:background .18s,border-color .18s,transform .18s}.guided button:active{transform:scale(.98)}.guided button:focus-visible,.guided select:focus-visible,.guided input:focus-visible{outline:2px solid #b4d5b8;outline-offset:3px}.guided button:disabled{opacity:.4}.guided button.primary{background:#c4dfc6;color:#14231b;border-color:#c4dfc6;font-weight:650}.guided [hidden]{display:none!important}
.guided .topbar,.guided header,.guided .mode-tabs,.guided .hud-actions,.guided #cameraViewbar,.guided .quick-heading,.guided #pairNote,.guided #orientationNotice,.guided #studioControls,.guided #visionDock,.guided #showGuided{display:none!important}
#labNav{position:fixed;inset:14px 22px auto;z-index:80;display:flex;align-items:center;gap:24px;height:50px;padding:0 8px 0 6px;background:rgba(15,23,19,.92);border:1px solid #ffffff19;border-radius:17px;backdrop-filter:blur(20px)}
#labNav button{min-height:38px;background:transparent;border:1px solid transparent;color:#e8eeea;padding:7px 13px}.nav-brand{font-size:18px;letter-spacing:1.5px;font-weight:750;white-space:nowrap}.nav-brand span{color:#b4d5b8}.nav-brand small{margin-left:12px;color:#81968a}#labContext{display:flex;align-items:baseline;gap:14px;font-size:13px}#labCaseTag{font-size:11px;color:#9caba2}.nav-tools{margin-left:auto;display:flex;gap:4px;align-items:center}#labNav .nav-tools button{background:#ffffff08;border-color:#ffffff0d}#labNav #fullscreen{width:auto;font-size:12px}
#lensShelf{position:fixed;z-index:61;top:80px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 48px));display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:center}.lens-slot{display:flex;gap:13px;align-items:center;min-width:0;text-align:left;background:rgba(17,26,21,.95);border:1px solid #70847655;padding:12px 14px;color:#eef3ee}.lens-slot.selected{border-color:#aecfb5}.lens-slot>span,.slot-letter{display:grid;place-items:center;background:#bfd7c3;color:#14251b;width:28px;height:28px;border-radius:50%;font:600 12px/1 sans-serif;flex-shrink:0}.lens-slot div{min-width:0;flex:1}.lens-slot b{font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lens-slot small{font-size:10px;display:block;color:#a0b2a6;margin-top:3px}.lens-slot i{font-style:normal;color:#a4c1ad}#swapLenses{background:#16221b;border:1px solid #ffffff20;color:#b6cdbd;padding:8px 0;font-size:20px}#comparisonNote{position:fixed;z-index:59;top:151px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 48px));text-align:center;font-size:10px;line-height:1.7;color:#bcc9bf;background:#0c1710c9;padding:5px 12px;border-radius:9px;pointer-events:none}#comparisonNote.brand-reference{color:#e8dfb7}
#guidedTools{position:fixed;z-index:64;top:92px;left:22px;width:190px;display:flex;flex-direction:column;gap:7px}#guidedTools button,#guidedTools select{min-height:39px;text-align:left;font-size:12px;background:#15211be8;color:#dce8df;border:1px solid #809a8733;border-radius:12px;padding:8px 12px}#guidedTools button:hover{background:#2a3c30}#layerPanel{position:fixed;left:22px;top:335px;z-index:77;width:210px;border:1px solid #91ab9755;background:#14221af5;border-radius:16px;padding:16px;box-shadow:0 15px 60px #0005}#layerPanel>b{font-size:13px}#layerButtons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#layerButtons button{padding:9px;font-size:12px}#layerPanel small{font-size:10px;color:#9cb5a4}
.guided #cameraQuick{bottom:16px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 44px));padding:12px 18px;border-radius:20px;background:#101c16ed;border:1px solid #77988255;box-shadow:0 15px 60px #0004;z-index:67}.guided .quick-values{gap:24px}.guided .quick-range label{font-size:11px}.guided .quick-range output{font-size:20px;color:#c8e1c9}.guided .quick-range input{height:38px}.guided .quick-distance{min-width:140px}.guided .quick-distance button{min-height:36px}.guided #quickAdvanced{bottom:155px;right:22px;z-index:88;background:#122019f7;border:1px solid #78998166;border-radius:18px}.guided #cameraGaze{right:22px;top:205px;bottom:auto;background:#122019df;padding:12px;border-radius:14px;z-index:60}.guided #cameraSourceBadge{top:78px;left:auto;right:26px;font-size:10px;max-width:190px;text-align:right}.guided .pane-label{top:auto!important;bottom:170px!important;max-width:270px}.guided .pane-label small{font-size:10px}.guided #cameraGate{background:#0e1913df!important;inset:190px 24% 190px!important;padding:22px!important;min-height:0;border:1px solid #688c7644;border-radius:24px;z-index:48}.guided #cameraGate h2{font-size:23px}.guided #cameraGate p{font-size:12px;max-width:400px}.guided #cameraGate button{min-height:40px}.guided #cameraGate .camera-privacy{font-size:10px}.guided #cameraGate .camera-icon{display:none}
#activeEyeBar{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;color:#9eb1a3}#activeEyeBar button{padding:4px 10px;min-height:29px;font-size:11px;background:transparent;border:1px solid #60736755;color:#9eb4a4}#activeEyeBar button.active{background:#c6ddc8;color:#15251b}#activeEyeBar small{font-size:10px;color:#81988a}#activeEyeBar #quickMore{margin-left:auto;max-width:200px;font-size:10px}
#labHint{position:fixed;bottom:154px;left:50%;transform:translateX(-50%);color:#c1d0c6;font-size:10px;z-index:56;background:#142019b5;border-radius:8px;padding:5px 12px;text-align:center;pointer-events:none}.guided[data-guide-mode=thickness] #lensShelf,.guided[data-guide-mode=fitting] #lensShelf,.guided[data-guide-mode=thickness] #comparisonNote,.guided[data-guide-mode=fitting] #comparisonNote,.guided[data-guide-mode=thickness] #guidedTools,.guided[data-guide-mode=fitting] #guidedTools{display:none}.guided:not([data-guide-mode=thickness]) #guidedThickness{display:none}#guidedThickness{position:fixed;z-index:69;bottom:20px;left:50%;transform:translateX(-50%);width:min(840px,calc(100% - 44px));padding:15px 20px;background:#132019f2;border:1px solid #8ca79344;border-radius:20px}.thickness-picks{display:flex;align-items:center;gap:25px}.thickness-picks label{font-size:11px;display:block}.thickness-picks select{display:block;min-width:100px;margin-top:5px;font-size:19px;color:#d1e6d2;background:#213629;border:1px solid #718e7966;border-radius:10px;padding:8px}.thickness-rx{flex:1}.thickness-rx output{float:right;font-size:19px;color:#d1e6d2}.thickness-rx input{width:100%;margin-top:15px}#thickResults{display:flex;gap:24px;font-size:12px;margin-top:12px;color:#b2c9b9}#thickResults small{margin-left:auto;font-size:10px;color:#8da294}.guided[data-guide-mode=thickness] .metrics{bottom:175px}.guided[data-guide-mode=fitting] #labHint{display:none}
#labHomeView{position:fixed;z-index:110;inset:0;background:radial-gradient(ellipse at 88% 18%,#213328 0,transparent 44%),#101813;overflow:auto;padding:34px max(28px,calc((100vw - 1120px)/2));color:#e6ede7}.home-top{display:flex;justify-content:space-between;align-items:center}.home-top>b{letter-spacing:2px;font-size:19px}.home-top>b span{font-size:9px;letter-spacing:3px;margin-left:18px;color:#8ea696}.home-top button,.home-section button{background:transparent;border:1px solid #93af9c3f;color:#bacdbf;padding:9px 15px;font-size:12px}.home-hero{position:relative;padding:72px 0 60px}.home-eyebrow{font-size:11px;letter-spacing:2px;color:#a1c1aa}.home-hero h1{font-size:54px;line-height:1.45;letter-spacing:-1.3px;margin:15px 0 22px;font-weight:550}.home-hero h1 em{font-style:normal;color:#a9cbb0}.home-hero p{color:#94a99b;font-size:14px;line-height:1.9}.home-hero .primary{margin-top:20px;padding:13px 24px;font-size:14px}.hero-note{font-size:10px;color:#7f9787;display:inline-block;margin-left:18px}.hero-glass{position:absolute;right:5%;top:85px;width:360px;height:280px;perspective:700px;pointer-events:none}.hero-glass i{position:absolute;display:block;width:210px;height:160px;border:1px solid #ddfbea80;box-shadow:inset 4px 2px 5px #eefff555,inset -4px -2px 5px #45634d,14px 25px 55px #0005;background:linear-gradient(135deg,#d7eee71f,transparent 45%,#c4e6d617);border-radius:46% 48% 45% 45%;transform:rotateY(-24deg) rotateZ(-16deg);backdrop-filter:blur(2px)}.hero-glass i+ i{left:115px;top:95px;transform:rotateY(-28deg) rotateZ(-16deg)}.hero-glass span{position:absolute;bottom:-25px;right:0;font:9px/1.7 sans-serif;letter-spacing:4px;color:#718d7a}.home-launch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-launch button{display:flex;gap:15px;align-items:center;text-align:left;background:#1b2920;border:1px solid #809d8b33;padding:25px 20px;color:#d5e4da}.home-launch i{font-style:normal;font-size:27px;color:#b3cdb8}.home-launch b{display:block;font-size:15px;font-weight:550}.home-launch small{font-size:10px;color:#8da695;display:block;margin-top:6px}.home-launch button>span{margin-left:auto;color:#9ab9a3}.home-section{display:flex;align-items:end;justify-content:space-between;margin:55px 0 22px}.home-section h2{font-weight:500;font-size:25px;margin:8px 0 0}.home-section p{color:#849d8e;font-size:11px}#lessonCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#lessonCards button{text-align:left;border:1px solid #7e9b8a30;background:linear-gradient(140deg,#25342a,#18221c);padding:24px;color:#ceddd2;min-height:180px}#lessonCards button>span{font:12px sans-serif;letter-spacing:2px;color:#91ad9a}#lessonCards h3{font-size:17px;font-weight:500;margin:26px 0 8px}#lessonCards p{font-size:12px;color:#96aa9e;margin:0 0 20px}#lessonCards b{font-size:11px;font-weight:450;color:#b5d3bc}.home-pairs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-pairs button{padding:22px;text-align:left;background:transparent;border:1px solid #6e8b7955;color:#ccdfd0}.home-pairs span{display:block;color:#8da796;font-size:11px;margin-top:6px}.home-foot{margin:40px 0 25px;color:#718c7a;font-size:10px;text-align:center}
.guided dialog{color:#e1eae3;background:#152019;border:1px solid #76917f66;border-radius:24px;box-shadow:0 30px 100px #0009;padding:26px;width:min(980px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;font-size:13px;line-height:1.7}.guided dialog::backdrop{background:#030a06b8;backdrop-filter:blur(9px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-head span{font:9px sans-serif;letter-spacing:2px;color:#94b29d}.dialog-head h2{font-size:25px;font-weight:500;line-height:1.5;margin:8px 0 0}.dialog-head>button{min-width:40px;min-height:40px;font-size:24px;padding:0}.dialog-intro{color:#a6bbad;font-size:12px}.guided dialog button{color:#d2e4d7;background:#25362b;border:1px solid #75958055;padding:10px 14px}.guided dialog a{color:#b0d8bc;display:block;margin-top:14px}.picker-filters{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.guided .selected,.picker-filters button.selected{background:#b6d1bd;color:#17261c}.catalog-note,.form-note{font-size:11px;color:#a7bba9;display:block;line-height:1.8}.catalog-note{padding:12px 16px;background:#293327;border-radius:12px;color:#d4d9b7}#productCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.guided .product-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:13px;background:#1b2a21;min-width:0}.product-art{height:85px;position:relative;width:100%;background:radial-gradient(ellipse,#344e3d,transparent 72%);margin-bottom:12px}.product-art i{position:absolute;width:80px;height:60px;border:1px solid #bddbc3aa;box-shadow:inset 3px 2px 4px #fff2;border-radius:40% 46% 48% 43%;left:calc(50% - 40px);top:8px;transform:rotate(-12deg);background:linear-gradient(135deg,#d0e9df20,transparent)}.product-art.pal i{background:linear-gradient(90deg,#a3a18120,transparent 43%,transparent 57%,#a3a18120)}.product-art span{position:absolute;bottom:0;right:0;font:8px sans-serif;letter-spacing:2px;color:#829b8a}.product-tag{font-size:9px;color:#afc5a8;background:#3b4c333d;padding:3px 6px;border-radius:5px}.product-card>b{font-size:16px;line-height:1.5;margin:9px 0}.product-card p{font-size:11px;color:#9bb2a3;flex:1;margin:0 0 16px}.product-card small{font-size:9px;color:#c9cead}.product-card strong{font-size:11px;margin-top:14px;font-weight:500;color:#c9e3d1}.picker-drops{position:sticky;bottom:-26px;display:flex;gap:12px;padding:16px 0;background:#152019;border-top:1px solid #69847255}.picker-drops button{flex:1;font-size:12px}.drag-over{outline:2px dashed #c8e8d2}.info-pair,.summary-lenses{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-pair article,.summary-lenses article{padding:22px;background:#1e2e24;border:1px solid #5c7b6544;border-radius:17px}.info-pair h3{font-size:22px;font-weight:500}.info-pair p{color:#acbfb1;font-size:12px}.profile-fact{border-top:1px solid #65846d55;margin-top:24px;padding-top:20px}.profile-fact b{color:#d4d8b8;font-size:12px}
.case-kinds{display:flex;gap:25px;margin:22px 0}.case-kinds label{display:flex;gap:8px;align-items:center}.rx-labels,.rx-entry{display:grid;grid-template-columns:70px repeat(6,1fr);gap:10px;align-items:center}.rx-labels{color:#849e8d;font-size:11px;padding:0 10px 12px}.rx-entry{padding:14px 10px;background:#1d2d23;border-radius:13px;margin-bottom:9px}.rx-entry b{font-size:13px}.rx-entry b small{display:block;font-size:10px;font-weight:400;color:#90ac99}.rx-entry label>span{display:none}.guided dialog input[type=number],.guided dialog select{width:100%;min-width:0;padding:10px 8px;border:1px solid #78967f55;background:#0f1b14;border-radius:9px;color:#daebdf;font-size:15px}.case-helpers{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 28px}.case-helpers small{font-size:10px;color:#9bb4a3}.frame-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0}.frame-form label,.work-form label{font-size:11px;color:#acc0b1}.frame-form input,.frame-form select,.work-form select{margin-top:5px}.work-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.form-actions button{min-height:44px}#caseError{color:#f2b6a3}.summary-brand{font:25px sans-serif;letter-spacing:2px;margin:30px 0}.summary-brand span{font:12px MiSansLao,sans-serif;letter-spacing:0;color:#a1b6a7;margin-left:14px}#summaryContent table{width:100%;border-collapse:collapse;font-size:12px;margin:22px 0}#summaryContent th,#summaryContent td{border-bottom:1px solid #718d7a55;text-align:left;padding:12px 8px}#summaryContent th{color:#8eaa99}.summary-limit{padding:18px;background:#2b3325;border-radius:13px;font-size:11px;color:#c9cfb6}.summary-lenses article{padding:17px}.summary-lenses p{font-size:11px;color:#9db4a5}.summary-lenses small{color:#cbcfad}.summary-lenses h3{font-size:17px}#labMenu{width:min(500px,calc(100% - 32px))}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-grid button{min-height:62px;text-align:left}#menuHaptics{margin-top:20px}#labMenu p{font-size:11px;color:#90a997}
#lessonGuide{position:fixed;z-index:76;top:355px;left:22px;width:265px;padding:16px;background:#1a2b21ef;border:1px solid #8aab9455;border-radius:18px;backdrop-filter:blur(16px)}.lesson-header{display:flex;align-items:center;gap:7px}.lesson-header span{margin-right:auto;font-size:11px;color:#acc8b4}.lesson-header button{min-width:30px;height:30px;padding:0}#lessonTitle{font-size:17px;line-height:1.6;margin:14px 0 8px}#lessonText,#lessonSay{font-size:12px;line-height:1.8;color:#a8beae}#lessonBody details{font-size:10px;color:#a7c4b0}.lesson-nav{display:flex;gap:6px;margin-top:13px}.lesson-nav button{flex:1;padding:9px 4px;font-size:11px}.guided[data-guide-mode=thickness] #lessonGuide,.guided[data-guide-mode=fitting] #lessonGuide{top:90px}#showGuided{position:fixed;bottom:16px;right:16px;z-index:120;padding:10px 15px}.presentation-only #showGuided{display:block!important}.presentation-only #labNav,.presentation-only #lensShelf,.presentation-only #comparisonNote,.presentation-only #guidedTools,.presentation-only #cameraQuick,.presentation-only #cameraGaze,.presentation-only #guidedThickness,.presentation-only #labHint,.presentation-only #lessonGuide,.presentation-only #layerPanel,.presentation-only .pane-label{display:none!important}
.guided #settingsPanel{z-index:90;background:#122019f7}.guided #settingsPanel #lensType,.guided #settingsPanel #design{pointer-events:none;opacity:.45}.guided #settingsPanel .intro{display:none}.guided .metrics{pointer-events:none}.guided #povGaze{position:fixed;width:34px;height:34px;border:1px solid #fff9;border-radius:50%;background:#13241955;z-index:55;padding:0;touch-action:none;box-shadow:0 0 0 5px #ffffff12;color:#fff;cursor:grab}.guided #povGaze:active{cursor:grabbing}.guided[data-camera-view=pair] #povGaze,.guided[data-camera-view=model] #povGaze,.guided:not([data-guide-mode=camera]) #povGaze,.camera-gated #povGaze{display:none}
@media(max-width:1150px){#labContext{display:none}#guidedTools{top:180px;width:155px}#guidedTools button,#guidedTools select{font-size:10px}#layerPanel{top:390px}.hero-glass{right:0;width:310px;opacity:.8}.home-hero h1{font-size:46px}#lessonGuide{top:400px;width:230px}.home-launch button{padding:20px 15px;gap:10px}.home-launch b{font-size:13px}.guided #cameraGate{inset:200px 22% 180px!important}.guided #cameraGaze{top:205px;width:140px}}
@media(max-height:560px) and (orientation:landscape){#labNav{inset:6px 12px auto;height:39px;border-radius:12px}#labNav button{min-height:30px;padding:3px 9px;font-size:11px}#labNav .nav-brand{font-size:15px}#lensShelf{top:54px;width:min(590px,calc(100% - 290px));gap:5px;grid-template-columns:1fr 26px 1fr}.lens-slot{padding:7px 9px;gap:7px;border-radius:11px}.lens-slot b{font-size:10px}.lens-slot small{font-size:8px}.lens-slot>span{width:22px;height:22px;font-size:10px}#comparisonNote{top:111px;width:60%;font-size:8px;padding:3px 8px}#guidedTools{top:58px;left:12px;width:122px;gap:5px}#guidedTools button,#guidedTools select{min-height:30px;padding:5px 8px;font-size:9px;border-radius:9px}#layerPanel{left:12px;top:165px;width:180px;padding:12px}.guided #cameraQuick{bottom:7px;width:min(760px,calc(100% - 165px));padding:7px 12px;left:auto;right:12px;transform:none;border-radius:14px}.guided .quick-values{gap:15px}.guided .quick-range label{font-size:9px}.guided .quick-range output{font-size:17px}.guided .quick-range input{height:25px}.guided .quick-range>div>button{width:28px;height:28px;min-height:28px}.guided .quick-distance{min-width:108px}.guided .quick-distance>span{font-size:8px}.guided .quick-distance button{min-height:27px;font-size:10px;padding:3px 7px}#activeEyeBar{margin-bottom:5px;font-size:9px;gap:5px}#activeEyeBar button{min-height:24px;font-size:9px;padding:2px 8px}#activeEyeBar small{font-size:8px}#activeEyeBar #quickMore{font-size:8px;max-width:160px}.guided #cameraSourceBadge{top:53px;right:15px;max-width:122px;font-size:8px}.guided #cameraGaze{top:130px;right:12px;width:110px;padding:8px}.guided #cameraGaze label{font-size:9px}.guided #cameraGaze input{width:95px}.guided #cameraGate{inset:133px 24% 117px!important;padding:10px!important;border-radius:14px}.guided #cameraGate h2{font-size:16px;margin:0}.guided #cameraGate p{font-size:10px;margin:5px 0}.guided #cameraGate small,.guided #cameraGate .camera-privacy{display:none}.guided #cameraGate button{min-height:27px;padding:4px 10px;font-size:10px}#labHint{bottom:112px;font-size:8px;padding:2px 7px}.guided .pane-label{bottom:135px!important;font-size:11px;padding:6px 9px}.guided .pane-label small{font-size:8px}.guided #quickAdvanced{bottom:107px;right:12px;padding:12px;width:260px;max-height:calc(100dvh - 160px);overflow:auto}.guided #quickAdvanced label{font-size:10px}.guided #quickAdvanced input{margin:3px 0;height:22px}#lessonGuide{top:135px;left:12px;width:190px;padding:10px;max-height:calc(100dvh - 150px);overflow:auto}#lessonTitle{font-size:13px;margin:7px 0}#lessonText,#lessonSay{font-size:10px;margin:4px 0}.lesson-header span,.lesson-nav button{font-size:9px}.lesson-nav{margin-top:8px}.lesson-nav button{padding:6px 3px}.in-lesson #guidedTools{display:none}.in-lesson #lensShelf{width:62%}.guided[data-guide-mode=thickness] #lessonGuide,.guided[data-guide-mode=fitting] #lessonGuide{top:55px}#guidedThickness{bottom:8px;padding:8px 14px;width:min(680px,calc(100% - 40px))}.thickness-picks{gap:20px}.thickness-picks select{font-size:15px;padding:4px 8px;margin-top:2px}.thickness-picks label{font-size:9px}#thickResults{font-size:10px;margin-top:6px}#thickResults small{font-size:8px}.guided[data-guide-mode=thickness] .metrics{bottom:118px}.home-hero{padding:40px 0}.home-hero h1{font-size:40px}.home-hero p{font-size:12px}#labHomeView{padding-top:22px}#productCards{grid-template-columns:repeat(3,1fr)}.product-art{height:55px}.product-art i{height:43px;width:62px}.guided dialog{max-height:calc(100dvh - 18px);padding:18px;border-radius:18px}.dialog-head h2{font-size:21px}.picker-drops{bottom:-18px;padding:10px 0}.guided #fittingView{top:52px!important;bottom:8px!important}}
@media(max-width:650px) and (orientation:portrait){#labNav{inset:8px 10px auto;height:44px;padding:0 4px;gap:5px}#labNav button{font-size:10px;padding:6px 8px}#labNav .nav-brand{font-size:14px;padding:3px 7px}.nav-brand small{display:none}#labNav #fullscreen{font-size:10px}.nav-tools{gap:2px}#lensShelf{top:64px;width:calc(100% - 20px);gap:4px;grid-template-columns:1fr 26px 1fr}.lens-slot{padding:10px 8px;gap:7px}.lens-slot b{font-size:10px}.lens-slot small{font-size:8px}.lens-slot>span{width:23px;height:23px}.lens-slot i{display:none}#comparisonNote{top:126px;width:calc(100% - 24px);font-size:9px}#guidedTools{left:10px;right:10px;width:auto;top:175px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#guidedTools select{grid-column:span 2}#guidedTools button,#guidedTools select{font-size:9px;min-height:34px;padding:7px}#guidedTools #productInfo{grid-column:span 2}#guidedTools #layerMenu{grid-column:span 2}#layerPanel{top:255px;left:10px;width:230px}.guided #cameraSourceBadge{top:258px;right:12px;font-size:8px}.guided #cameraGaze{top:auto;bottom:225px;right:10px;width:115px;padding:8px}.guided #cameraGaze label{font-size:10px}.guided #cameraGaze input{width:100px}.guided #cameraQuick{bottom:9px;width:calc(100% - 20px);padding:11px 13px;border-radius:18px}.guided .quick-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guided .quick-distance{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.guided .quick-distance>span{font-size:9px}.guided .quick-distance>div{gap:5px}.guided .quick-distance button{min-height:28px;padding:3px 12px;font-size:10px}.guided .quick-range label{font-size:9px}.guided .quick-range output{font-size:17px}.guided .quick-range>div>button{width:27px;height:29px}.guided .quick-range input{height:30px}#activeEyeBar small{display:none}#activeEyeBar #quickMore{font-size:8px;max-width:150px}#activeEyeBar{font-size:9px}.guided #quickAdvanced{bottom:210px;right:10px;width:calc(100% - 20px);max-height:calc(100dvh - 280px);overflow:auto}.guided #cameraGate{inset:290px 12px 235px!important;padding:14px!important}.guided #cameraGate h2{font-size:20px}.guided #cameraGate p{font-size:10px}.guided #cameraGate button{font-size:11px;min-height:34px}.guided #cameraGate small{display:none}.guided .pane-label{bottom:245px!important;max-width:46%;font-size:10px}.guided .pane-label small{font-size:8px}#labHint{bottom:208px;font-size:8px;width:80%}#labHomeView{padding:22px}.home-top>b{font-size:17px}.home-top>b span{display:none}.home-top button{font-size:10px;padding:7px 10px}.home-hero{padding:45px 0 30px}.home-eyebrow{font-size:9px}.home-hero h1{font-size:36px}.home-hero p{font-size:12px}.hero-glass{top:90px;right:-5px;transform:scale(.6);transform-origin:right top;opacity:.27}.home-hero .primary{font-size:12px;position:relative;z-index:1}.hero-note{display:block;margin:10px 0}.home-launch{grid-template-columns:1fr;gap:9px}.home-launch button{padding:18px}.home-launch b{font-size:14px}.home-section{margin-top:34px;align-items:center}.home-section h2{font-size:21px}.home-section p{display:none}#lessonCards{grid-template-columns:1fr 1fr;gap:10px}#lessonCards button{padding:15px;min-height:195px}#lessonCards h3{font-size:14px;margin-top:22px}#lessonCards p{font-size:10px}#lessonCards b{font-size:9px}.home-pairs{grid-template-columns:1fr}.home-foot{font-size:9px}.guided dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:18px;border-radius:18px}.dialog-head h2{font-size:21px}.dialog-intro{font-size:11px}.picker-filters{gap:5px}.picker-filters button{padding:7px 9px;font-size:10px}.catalog-note{font-size:10px;padding:10px}#productCards{grid-template-columns:1fr 1fr;gap:9px}.guided .product-card{padding:11px}.product-card>b{font-size:13px}.product-card p{font-size:10px}.product-card small{font-size:8px}.product-card strong{font-size:10px}.product-art{height:66px}.picker-drops{bottom:-18px;gap:6px}.picker-drops button{font-size:9px;padding:9px 6px}.info-pair,.summary-lenses{grid-template-columns:1fr}.info-pair article{padding:18px}.rx-labels{display:none}.rx-entry{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.rx-entry>b{grid-column:1/-1;display:flex;gap:8px;align-items:center}.rx-entry label>span{display:block;font-size:9px;color:#92b29e;margin-bottom:5px}.case-helpers{display:block}.case-helpers button{width:100%;font-size:11px}.case-helpers small{display:block;margin-top:10px}.frame-form{grid-template-columns:1fr 1fr}.guided dialog input[type=number],.guided dialog select{font-size:14px}.form-actions{gap:7px}.form-actions button{font-size:10px;padding:10px}.work-form{gap:10px}#summaryContent th,#summaryContent td{padding:9px 4px;font-size:10px}.summary-brand{font-size:23px}.summary-brand span{display:block;margin:12px 0 0}.thickness-picks{gap:12px;flex-wrap:wrap}.thickness-picks label{font-size:10px}.thickness-picks select{font-size:16px;min-width:85px}.thickness-rx{min-width:170px;order:3}#guidedThickness{padding:12px;width:calc(100% - 20px);bottom:10px}#thickResults{flex-wrap:wrap;gap:7px 20px;font-size:10px}#thickResults small{margin:0;flex-basis:100%;font-size:9px}#thickFrame{font-size:10px;padding:10px}.guided[data-guide-mode=thickness] .metrics{bottom:230px}.guided[data-guide-mode=thickness] #labHint{bottom:207px}.in-lesson #guidedTools{display:none}#lessonGuide{top:178px;left:10px;width:calc(100% - 20px);padding:12px}#lessonTitle{font-size:14px;margin:8px 0}#lessonText,#lessonSay{font-size:11px}.lesson-nav button{min-height:35px}.guided[data-guide-mode=thickness] #lessonGuide,.guided[data-guide-mode=fitting] #lessonGuide{top:65px}.guided #fittingView{top:65px!important}}
@media print{body{background:#fff!important;color:#111!important;overflow:visible!important}body *{visibility:hidden}#summaryDialog,#summaryDialog *{visibility:visible!important;color:#111!important;background:#fff!important;box-shadow:none!important}#summaryDialog{display:block!important;position:absolute!important;inset:0!important;margin:0!important;width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;padding:15px!important}#summaryDialog .dialog-head>button,#summaryDialog .form-actions{display:none!important}#summaryContent article{break-inside:avoid}#summaryContent table{break-inside:avoid}#summaryContent td,#summaryContent th{border-color:#bbb!important}}
#referenceStepper{position:fixed;z-index:63;top:187px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#15251cdf;border:1px solid #8aab9444;border-radius:30px;padding:4px 7px;color:#b9d2c1}#referenceStepper span{font-size:10px}#referenceStepper button{width:32px;height:30px;padding:0;border-radius:50%;font-size:22px;background:#2b4534;border:0;color:#cbe4d3}.presentation-only #referenceStepper{display:none}
@media(max-height:560px) and (orientation:landscape){#referenceStepper{top:137px;padding:2px 5px;gap:9px}#referenceStepper span{font-size:8px}#referenceStepper button{width:25px;height:23px;font-size:18px}.guided #cameraGate{inset-top:170px!important}}
@media(max-width:650px) and (orientation:portrait){#referenceStepper{top:291px;padding:3px 6px;width:max-content;max-width:90%}.camera-gated #referenceStepper{display:none}.in-lesson #referenceStepper{top:auto;bottom:257px}}
.guided #cameraSourceBadge{bottom:auto!important;width:auto!important;height:auto!important;padding:7px 10px!important}.guided .lens-slot.selected{background:#b7cebe!important;color:#18271e!important}.guided .lens-slot.selected small{color:#3b5644}.guided .lens-slot.selected i{color:#33553d}.guided .lens-slot:not(.selected){color:#e7eee9}.home-open #appShell>:not(#labHomeView):not(dialog){visibility:hidden}.home-open #labHomeView{visibility:visible}
#boostNote{position:fixed;right:22px;top:290px;z-index:61;background:#14271ddd;border:1px solid #91af9744;padding:14px;border-radius:14px;width:180px;pointer-events:none}#boostNote b{display:block;color:#d4e6ba;font-size:22px}#boostNote span,#boostNote small{display:block;font-size:10px;color:#adbd9f;margin-top:5px}#boostNote small{font-size:9px}.presentation-only #boostNote{display:none}
@media(max-height:560px) and (orientation:landscape){#boostNote{top:202px;right:12px;width:110px;padding:8px}#boostNote b{font-size:16px}#boostNote span{font-size:8px}#boostNote small{font-size:7px}}
@media(max-width:650px) and (orientation:portrait){#boostNote{top:auto;bottom:295px;right:10px;width:126px;padding:10px}#boostNote b{font-size:18px}#boostNote span{font-size:9px}#boostNote small{font-size:8px}}
.guided .hud-angles{position:fixed;top:85px;bottom:auto;left:50%;transform:translateX(-50%);z-index:70;background:#17291fe8;padding:5px;border-radius:14px}.guided .hud-angles button{min-height:35px;padding:5px 13px}.guided[data-guide-mode=thickness] .hud-status{display:none}.guided #activeEyeBar #quickMore{position:static!important;transform:none!important}.guided #cameraGate h3{font-size:23px;margin:8px 0}
@media(max-height:560px) and (orientation:landscape){.guided .hud-angles{top:53px}.guided .hud-angles button{min-height:28px;font-size:10px;padding:3px 12px}.guided #cameraGate h3{font-size:16px;margin:0}}
@media(max-width:650px) and (orientation:portrait){.guided .hud-angles{top:66px;width:max-content}.guided .hud-angles button{font-size:11px}.guided .quick-values:has(#quickAddField[hidden])>.quick-range:first-child{grid-column:1/-1}.guided #cameraGate h3{font-size:20px}}

/* Persistent presentation switch and a single, non-overlapping label layer. */
body.guided #showGuided{display:block!important;visibility:visible!important;position:fixed;top:max(14px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));bottom:auto;z-index:125;min-height:50px;min-width:118px;padding:10px 14px;background:#bfd8c2;color:#14251b;border:1px solid #a9c7ad;border-radius:15px;font-size:12px;box-shadow:0 4px 18px #0002;white-space:nowrap}
body.guided.home-open #showGuided,body.guided.landing-open #showGuided{display:none!important}
body.guided #labNav{right:150px}
body.guided .pane-label{display:none!important}
body.guided #labHint{bottom:var(--dock-clearance,160px)!important;max-width:calc(100% - 28px)}
body.guided[data-guide-mode=thickness] .metrics{bottom:calc(var(--dock-clearance,175px) + 38px)}
body.guided #cameraGaze{transform:none;top:190px;width:184px;padding:12px}
body.guided #cameraGaze input{width:100%;margin:10px 0}
#viewDragModes{display:flex;gap:5px;margin:5px 0}
#viewDragModes button{flex:1;min-width:0;min-height:34px;padding:5px;font-size:10px;color:#c1d5c7;background:#23392c;border:1px solid #57726066}
#viewDragModes button[aria-pressed=true]{background:#bed7c3;color:#15271c}
#resetView{width:100%;min-height:34px;font-size:10px;padding:5px;color:#c3d8c9;background:transparent;border:1px solid #77978266}
#viewMotionHint{display:block;color:#a7bcad;font-size:9px;line-height:1.7;margin-top:7px}
body.guided #povGaze,body.guided #povGazeTwin{position:fixed;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#14251b45;color:#fff;z-index:50;pointer-events:none;box-shadow:none;font:18px/1 sans-serif}
body.guided[data-camera-view=pair] #povGaze,body.guided[data-camera-view=model] #povGaze,body.guided[data-camera-view=pair] #povGazeTwin,body.guided[data-camera-view=model] #povGazeTwin,body.guided:not([data-guide-mode=camera]) #povGaze,body.guided:not([data-guide-mode=camera]) #povGazeTwin,body.guided.camera-gated #povGaze,body.guided.camera-gated #povGazeTwin{display:none!important}
body.guided #boostNote{top:405px}
body.guided.presentation-only #referenceStepper,body.guided.presentation-only #quickAdvanced,body.guided.presentation-only .hud-angles,body.guided.presentation-only .metrics,body.guided.presentation-only #cameraSourceBadge,body.guided.presentation-only #povGaze,body.guided.presentation-only #povGazeTwin{display:none!important}
@media(max-height:560px) and (orientation:landscape){
 body.guided #showGuided{top:max(6px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-height:44px;min-width:105px;padding:6px 9px;font-size:11px;border-radius:12px}
 body.guided #labNav{right:126px;height:44px}
 body.guided #cameraGaze{top:128px;right:12px;width:142px;padding:8px}
 body.guided #cameraGaze input{height:20px;margin:5px 0}
 #viewDragModes button,#resetView{min-height:28px;font-size:9px}
 #viewMotionHint{font-size:8px;line-height:1.4;margin-top:4px}
 body.guided #boostNote{top:128px;right:166px;width:120px}
 body.guided #lessonGuide{max-height:calc(100dvh - var(--dock-clearance,120px) - 145px);overflow:auto}
 body.guided[data-guide-mode=thickness] #lessonGuide{max-height:calc(100dvh - var(--dock-clearance,120px) - 65px)}
}
@media(max-width:650px) and (orientation:portrait){
 body.guided #showGuided{top:max(8px,env(safe-area-inset-top));right:10px;min-height:44px;min-width:98px;font-size:10px;padding:6px 8px;border-radius:12px}
 body.guided #labNav{right:116px;gap:0}
 #labNav #labSummary{display:none}#labNav .nav-brand{font-size:12px;padding:3px 5px}#labNav #fullscreen{padding:4px 7px}#labNav #fullscreen span{display:none}#labNav .nav-tools{gap:0}#labNav button{padding:4px 6px}
 body.guided #cameraGaze{top:auto;bottom:calc(var(--dock-clearance,210px) + 35px);right:10px;width:154px;padding:9px}
 body.guided #boostNote{top:auto;bottom:calc(var(--dock-clearance,210px) + 35px);left:10px;right:auto;width:130px}
 body.guided #lessonGuide{top:175px;max-height:calc(100dvh - var(--dock-clearance,210px) - 390px);min-height:80px;overflow:auto}
 body.guided[data-guide-mode=thickness] #lessonGuide,body.guided[data-guide-mode=fitting] #lessonGuide{top:120px;max-height:calc(100dvh - var(--dock-clearance,230px) - 150px)}
 body.guided #labHint{width:max-content;max-width:calc(100% - 24px);font-size:8px}
}
/* Keep lesson navigation reachable when the explanation needs scrolling. */
body.guided #lessonGuide{display:flex;flex-direction:column;overflow:hidden}
#lessonGuide .lesson-header,#lessonGuide .lesson-nav{flex-shrink:0}
#lessonGuide #lessonBody{min-height:0;overflow:auto}
/* Composable finish studio: a single entry point, scrollable dialog on phones. */
#finishOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
#finishBadge{position:absolute;left:50%;transform:translateX(-50%);top:112px;max-width:75%;font-size:10px;line-height:1.5;padding:5px 10px;border-radius:9px;background:#102019d9;color:#e5ede8;pointer-events:none;z-index:5;text-align:center}
#finishDialog{width:min(780px,94vw);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #41564b;border-radius:22px;background:#14231b;color:#ecf1ed}
#finishDialog::backdrop{background:#030b08ad;backdrop-filter:blur(7px)}
#finishDialog h2{font-size:24px;margin:4px 0}#finishDialog p,#finishDialog small{color:#b6c7bc;line-height:1.7}#finishDialog a{color:#b9e2c6}
.finish-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.finish-fields label{display:flex;flex-direction:column;gap:7px}.finish-fields select{width:100%;padding:12px;border:1px solid #4a6052;background:#20372a;color:white;border-radius:12px;font:inherit}.finish-fields small{font-size:11px}.finish-presets,.finish-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#finishDialog button{padding:10px 15px;border:1px solid #4c6856;border-radius:14px;background:#253e2e;color:#eff8f1;font:inherit;cursor:pointer}#finishDialog button.primary{background:#bddbb8;color:#14251b}.finish-activation{display:block;margin-top:20px}.finish-activation input{display:block;width:100%;accent-color:#b9deb4}#finishExplanation{padding:12px;background:#20372b;border-radius:10px}#finishOpen{background:#bad9b6!important;color:#17251a!important}.guided #guidedTools{max-width:calc(100vw - 40px);overflow-x:auto;flex-wrap:nowrap}.guided #guidedTools>*{flex-shrink:0}
@media(max-height:500px){#finishBadge{top:89px;max-width:60%;font-size:9px}#finishDialog{padding:16px}#finishDialog h2{font-size:20px}.finish-fields{gap:10px}}
@media(max-width:600px) and (min-height:501px){.finish-fields{grid-template-columns:1fr}#finishBadge{top:148px;max-width:88%;width:88%;font-size:9px}#finishDialog{padding:18px}}
.popup-minimize{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid #718c7b!important;border-radius:12px!important;background:#263e30!important;color:#e4f1e7!important;font-size:25px!important;line-height:1!important;cursor:pointer;margin-left:auto}
.dialog-head>div:first-child,.dialog-head>h2{flex:1;min-width:0}.dialog-head{gap:8px}.popup-minimize-corner{position:absolute;right:52px;top:12px}#layerPanel>.popup-minimize-corner{right:10px;top:10px}#layerPanel>b{display:block;padding-right:46px;min-height:34px}#layerPanel{background:#14251bf5!important;box-shadow:0 14px 40px #0005;border:1px solid #536b59}
#minimizedPopups{position:fixed;z-index:500;left:50%;transform:translateX(-50%);bottom:calc(var(--dock-clearance,100px) + 40px);display:flex;gap:6px;padding:6px;max-width:min(86vw,580px);overflow-x:auto;background:#102118e8;border:1px solid #668672;border-radius:16px;box-shadow:0 8px 24px #0004}
#minimizedPopups[hidden]{display:none}#minimizedPopups button{flex-shrink:0;min-height:40px;padding:8px 14px;border:0;border-radius:11px;background:#c3ddbd;color:#14251c;font:inherit;cursor:pointer}.home-open #minimizedPopups{bottom:20px}.landing-open #minimizedPopups{display:none}
@media(max-height:500px){#minimizedPopups{bottom:calc(var(--dock-clearance,100px) + 28px)}.popup-minimize{height:36px!important;min-width:36px!important;width:36px!important;flex-basis:36px!important}}
/* Non-modal inspector leaves the renderer interactive. */
body{--inspector-width:340px}
body.finish-open #appShell{position:fixed;inset:0 var(--inspector-width) 0 0;width:auto;height:100dvh;min-height:0;transform:translateZ(0)}
body #finishDialog{position:fixed;z-index:100;inset:0 0 0 auto;margin:0;width:var(--inspector-width);height:100dvh;max-height:none;padding:18px;overflow:auto;border-radius:0;border:0;border-left:1px solid #4c6254;box-shadow:-12px 0 40px #0004;background:#132219}
#finishDialog .dialog-head{position:sticky;top:-18px;background:#132219;z-index:2;padding:8px 0 12px}#finishDialog .dialog-head h2{font-size:18px}#finishDialog .dialog-head small{font-size:9px}#finishDialog .dialog-head>div{flex:1}#finishDialog .dialog-head>button{padding:0;width:36px;min-width:36px;height:36px}#finishDialog>p{font-size:11px}#finishDialog .finish-fields{grid-template-columns:1fr;gap:12px}#finishDialog .finish-fields label{font-size:11px}#finishDialog .finish-fields select{padding:9px;font-size:12px}#finishDialog .finish-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}#finishDialog .finish-presets button{padding:8px;font-size:10px}#finishDialog .finish-actions button{font-size:11px;padding:9px}#finishDialog .finish-activation{font-size:11px}#finishDialog details{font-size:11px}#finishDialog select:disabled{opacity:.45;cursor:not-allowed}
.finish-open #guidedTools,.finish-open #cameraGaze,.finish-open #cameraSourceBadge{display:none!important}.finish-open #lensShelf{width:calc(100% - 28px);max-width:640px}.finish-open #comparisonNote{width:calc(100% - 28px);max-width:640px}.finish-open #labContext{display:none}.finish-open #labNav #labSummary{display:none}.finish-open #cameraQuick{max-width:calc(100% - 28px)}
#lightBar{position:fixed;z-index:66;left:22px;bottom:calc(var(--dock-clearance,160px) + 42px);width:220px;padding:9px;background:#13231bed;border:1px solid #5c7765;border-radius:15px}#lightBar .light-scenes{display:grid;grid-template-columns:1fr 1fr;gap:4px}#lightBar button{font-size:10px;padding:7px;min-height:32px;background:#ffffff08;border-radius:8px}#lightBar button[aria-pressed=true]{background:#bedbb7;color:#16281b}#lightBar label{display:flex;align-items:center;gap:5px;font-size:9px;margin-top:8px}#lightBar input{min-width:35px;width:75px;accent-color:#bedbb7}#lightBar output{width:30px;font-size:9px}.in-lesson #lightBar,.home-open #lightBar,.landing-open #lightBar{display:none!important}
@media(min-width:650px) and (max-height:550px){body{--inspector-width:280px}.finish-open #cameraQuick{padding:8px}.finish-open #activeEyeBar{display:none!important}.finish-open #cameraQuick .quick-values{gap:10px}.finish-open #cameraQuick .quick-distance{display:none!important}.finish-open #comparisonNote{display:none}.finish-open #lensShelf{top:62px}.finish-open #referenceStepper{display:none!important}#lightBar{bottom:calc(var(--dock-clearance,110px) + 35px);width:170px;left:12px;padding:6px}#lightBar button{font-size:9px;padding:4px;min-height:28px}#lightBar label{flex-wrap:wrap}.finish-open #labNav #editCase{display:none}}
@media(max-width:649px){body.finish-open #appShell{inset:0 0 44dvh 0;height:56dvh}body #finishDialog{inset:auto 0 0;width:100%;height:44dvh;border-top:1px solid #54705c;border-left:0;border-radius:20px 20px 0 0;padding:14px}.finish-open #cameraQuick,.finish-open #comparisonNote,.finish-open #referenceStepper,.finish-open #labHint{display:none!important}.finish-open #lensShelf{top:65px}.finish-open #labNav #editCase{display:none}#lightBar{left:10px;bottom:calc(var(--dock-clearance,220px) + 40px);width:174px}.finish-open #lightBar{bottom:10px}.finish-open #finishBadge{max-width:94%;font-size:8px}#finishDialog .finish-fields{grid-template-columns:1fr 1fr}#finishDialog .dialog-head{top:-14px}}

#finishDialog>.dialog-head+p{font-size:11px;margin:8px 0}#finishDialog .finish-demos{margin:8px 0 14px}#finishDialog .finish-demos summary{cursor:pointer;color:#b9d2c0}#finishDialog .finish-demos .finish-presets{margin-top:8px}@media(max-height:550px) and (min-width:650px){#finishDialog .dialog-head h2{font-size:15px;line-height:1.4}#finishDialog .dialog-head small{display:none}#finishDialog>.dialog-head+p{display:none}#finishDialog .finish-fields{grid-template-columns:1fr 1fr;gap:8px}#finishDialog .finish-fields label{font-size:10px}#finishDialog .finish-fields select{min-width:0;font-size:11px;padding:7px}#finishDialog .finish-fields small{font-size:9px}}

#indexCompare{position:fixed;z-index:70;top:85px;left:22px;width:260px;background:#14231eef;border:1px solid #8cab9455;border-radius:18px;padding:14px;color:#ecf3ed;backdrop-filter:blur(12px)}.index-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.index-heading button{min-width:36px;min-height:36px;padding:0;font-size:22px}#indexBody small,#indexConditions{font-size:10px;line-height:1.6;color:#b1c5b8}.index-angles,.index-presets{display:flex;gap:6px;margin:10px 0}.index-angles button,.index-presets button{flex:1;padding:6px;font-size:11px;min-height:34px}.index-row{display:grid;grid-template-columns:36px 1fr 54px;gap:8px;align-items:center;margin:11px 0;font-size:12px}.index-row>div{height:14px;background:#ffffff0b;border-radius:3px;overflow:hidden}.index-row i{display:block;height:100%;background:#8caaa0;border-radius:3px}.index-row.chosen i{background:#b9dbb0}.index-row span{text-align:right;font-variant-numeric:tabular-nums}.index-scale{display:flex;justify-content:space-between;font-size:9px;color:#a6b8ab;border-top:1px solid #ffffff25;padding-top:4px}#indexBody details{font-size:11px;margin:10px 0}#indexBody details p{font-size:10px}#indexBody summary{cursor:pointer}@media(max-height:550px) and (orientation:landscape){#indexCompare{top:55px;left:12px;width:220px;padding:10px;max-height:calc(100dvh - 170px);overflow:auto}.index-row{margin:7px 0}.index-heading{font-size:12px}.index-angles{margin:6px 0}}@media(max-width:650px) and (orientation:portrait){#indexCompare{top:78px;left:10px;width:210px;max-height:36dvh;overflow:auto;padding:10px}.index-row{margin:7px 0}}

.guided #indexBody details{display:block!important}

#indexSections{width:100%;font-size:11px;padding:8px;margin-bottom:6px}#indexSectionDialog{width:min(1050px,95vw);max-height:90dvh;background:#14231e;color:#e9f1eb;padding:24px;border:1px solid #7b9988;border-radius:20px;overflow:auto}#indexSectionDialog .dialog-head{display:flex;gap:15px;align-items:center}#indexSectionDialog h2{margin-right:auto;font-size:20px}#indexSectionDialog p,#indexSectionDialog>small{font-size:12px;color:#b4c7bc}#sectionCards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow-x:auto;margin:20px 0}#sectionCards article{background:#eff3f0;color:#233c32;border-radius:12px;text-align:center;padding:14px 8px}#sectionCards h3{font-size:26px;margin:0}#sectionCards svg{display:block;width:100%}#sectionCards small{display:block;font-size:10px}#sectionCards p{color:#486b59;font-size:11px}#indexSectionDialog::backdrop{background:#07150edb}

#sectionCards h3{color:#294b3b}

/* Direct A/B selection, explicit model picker, quiet simulation notice. */
body.guided #lensShelf{grid-template-columns:1fr 1fr;gap:10px}.lens-choice{position:relative;min-width:0}.lens-choice .lens-slot{width:100%;padding-right:78px;height:100%;min-height:66px}.lens-change{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:10px;min-height:36px;padding:5px 8px;border:1px solid #8eaa9655;background:#263e30;color:#e2eee5;border-radius:10px}body.guided #comparisonNote{top:auto!important;bottom:3px;left:50%;max-width:calc(100% - 30px);width:auto!important;padding:1px 7px;background:#122019b8;color:#c0c8c2;font-size:8px;line-height:1.4;border-radius:4px;z-index:75}body.guided #finishBadge{top:auto!important;bottom:18px;max-width:90%;font-size:8px;opacity:.8;padding:2px 6px}body.guided #referenceStepper{top:158px}@media(max-height:560px) and (orientation:landscape){.lens-choice .lens-slot{min-height:48px;padding-right:60px}.lens-change{font-size:8px;right:4px;min-height:30px;padding:3px 5px}body.guided #referenceStepper{top:112px}body.guided #finishBadge{bottom:3px;max-width:80%;font-size:7px}body.guided #comparisonNote{display:none}}@media(max-width:650px){.lens-choice .lens-slot{padding-right:9px;padding-bottom:29px;min-height:78px}.lens-change{top:auto;bottom:4px;right:7px;transform:none;min-height:24px;font-size:9px;padding:1px 7px}body.guided #referenceStepper{top:164px}}

#rxDemoControls label,.grid-scope{display:block;font-size:10px;color:#bed0c3}#rxDemoControls select,.grid-scope select{display:block;width:100%;min-width:0;margin-top:5px}#rxDemoControls small,.grid-scope small{font-size:9px;line-height:1.5;color:#bdcbbf;display:block;margin-top:5px}#rxDemoControls small[hidden]{display:none}.grid-scope{margin-top:12px}#guidedTools{max-height:calc(100dvh - 290px);overflow-y:auto}@media(max-height:560px){#guidedTools{max-height:calc(100dvh - 175px)}#rxDemoControls small{font-size:8px}}
#patientControls{margin-top:8px;padding:8px;border:1px solid #7ba78b66;border-radius:10px;background:#17271fec;color:#e8f1eb;font-size:11px}#patientControls summary{cursor:pointer}#patientControls .patient-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}#patientControls input{width:100%;min-width:0;padding:6px;background:#283b30;color:white;border:1px solid #759983;border-radius:6px}#patientControls button{width:100%;padding:8px;font-size:10px}#modelControls{padding:9px;background:#182a20eb;border-radius:12px;margin-top:8px;color:#edf5ef;font-size:11px}#modelControls label{display:block;margin:6px 0}#modelControls select{width:100%;padding:7px}#modelControls small{font-size:9px}#boostNote button{font-size:10px;padding:7px;margin:5px 4px 0 0;pointer-events:auto}#boostNote{pointer-events:auto!important;max-width:245px}#rxDemoControls>label,#rxDemoControls>small{color:#dcebe0;background:#1b2b23cf;border-radius:6px;padding:4px}
/* Keep lighting clear of the expanding prescription/model tools. */
body:has(#patientControls[open]) #lightBar,body:has(#modelControls:not([hidden])) #lightBar{left:auto;right:16px}
#boostNote>b{font-size:13px;line-height:1.5}
body.guided:not(.show-gaze-point) #povGaze,body.guided:not(.show-gaze-point) #povGazeTwin{display:none!important}
#effortCompare{position:fixed;bottom:calc(var(--dock-clearance,150px) + 26px);left:50%;transform:translateX(-50%);z-index:57;background:#14231df2;border:1px solid #76958366;padding:12px 16px;border-radius:14px;width:min(460px,55vw);color:#e7efe9;font-size:11px;pointer-events:none}#effortCompare[hidden]{display:none}#effortCompare div{display:grid;grid-template-columns:1fr 100px 55px;gap:10px;align-items:center;margin:6px 0}#effortCompare meter{width:100%;accent-color:#bad9aa}#effortCompare small{font-size:9px;color:#b1c2b6}.presentation-only #effortCompare{display:none}
@media(max-height:550px){#effortCompare{width:330px;padding:7px;bottom:calc(var(--dock-clearance,100px) + 8px)}#effortCompare div{grid-template-columns:1fr 65px 48px;font-size:9px;margin:3px 0}#restartLab{font-size:10px!important}}
#segmentGuide{position:fixed;inset:0;pointer-events:none;z-index:49;overflow:hidden}#segmentGuide[hidden]{display:none}#segmentGuide>div{position:absolute;width:50%;border-top:1px dashed #e3b774bb}#segmentGuide span{position:absolute;right:12px;top:5px;color:#f3dab0;background:#263128bd;border-radius:5px;padding:3px 7px;font-size:10px}.presentation-only #segmentGuide{display:none}
#frameStudio{position:fixed;right:0;top:0;width:310px;height:100dvh;padding:18px;box-sizing:border-box;overflow-y:auto;z-index:115;background:#101d18;border-left:1px solid #668575;color:#dfede3;font-size:12px}#frameStudio[hidden]{display:none}#frameStudio .frame-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}#frameStudio h2{font-size:17px;margin:5px 0}#frameStudio .frame-heading small{font-size:9px;letter-spacing:2px;color:#93b9a1}#frameStudio .frame-heading button{min-width:38px;min-height:38px;font-size:22px}#frameStudio p{font-size:10px;color:#acc1b2;line-height:1.7}#boxingPreview{width:100%;height:160px;background:#1a2a22;border-radius:12px}#boxingPreview text{fill:#d0e1d5;font:10px sans-serif}#shapeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}#shapeChoices button{min-width:0;padding:4px;background:#1e3026;border:1px solid #65807144;border-radius:9px;color:#bfd2c3}#shapeChoices button[aria-pressed=true]{border-color:#cee7b4;background:#36503a;color:#fff}#shapeChoices svg{display:block;width:100%;height:40px}#shapeChoices path{fill:#bed8cb22;stroke:#bfdac8;stroke-width:2}#shapeChoices span,#shapeChoices small{display:block;font-size:8px;line-height:1.5}#shapeChoices small{font-size:7px;opacity:.65}.frame-material select{display:block;width:100%;margin:5px 0 12px;padding:8px;background:#23392c;color:#e3efe6;border:1px solid #698c76;border-radius:8px}.frame-field{display:grid;grid-template-columns:1fr 65px;gap:6px;align-items:center;margin:12px 0}.frame-field label{font-size:10px}.frame-field input[type=number]{width:65px;min-width:0;padding:6px;border-radius:6px;background:#273b2e;color:#fff;border:1px solid #789680}.frame-field input[type=range]{grid-column:1/-1;width:100%;accent-color:#badca6}#frameMeasures{display:grid;gap:6px;font-size:11px;background:#243a2b;padding:12px;border-radius:10px}.frame-actions{display:grid;gap:6px;margin:12px 0}.frame-actions button{font-size:11px;padding:9px}
body.frame-open #appShell{right:310px;width:calc(100% - 310px)}body.frame-open #labNav{right:326px}body.frame-open #labContext,body.frame-open #labSummary,body.frame-open #editCase{display:none}body.frame-open #showGuided{right:326px}body.frame-open #cameraGaze,body.frame-open #boostNote{right:326px}body.frame-open #lensShelf,body.frame-open #referenceStepper,body.frame-open #cameraQuick,body.frame-open #guidedThickness,body.frame-open #labHint,body.frame-open #effortCompare{left:calc((100% - 310px)/2)}body.frame-open #lensShelf{width:min(620px,calc(100% - 550px))}body.frame-open #cameraQuick,body.frame-open #guidedThickness{width:calc(100% - 360px);max-width:820px;right:auto;transform:translateX(-50%)}body.frame-open #guidedTools{max-height:calc(100dvh - 280px)}body.frame-open #lightBar{left:16px;right:auto}body.frame-open #comparisonNote{display:none}.presentation-only #frameStudio{display:none}
@media(max-width:900px){#frameStudio{width:260px;padding:12px}body.frame-open #appShell{right:260px;width:calc(100% - 260px)}body.frame-open #labNav{right:270px}body.frame-open #showGuided{right:270px}body.frame-open #lensShelf,body.frame-open #referenceStepper,body.frame-open #cameraQuick,body.frame-open #guidedThickness,body.frame-open #labHint{left:calc((100% - 260px)/2)}body.frame-open #cameraQuick,body.frame-open #guidedThickness{width:calc(100% - 280px)}body.frame-open #lensShelf{width:calc(100% - 290px)}body.frame-open #guidedTools,body.frame-open #cameraGaze,body.frame-open #boostNote,body.frame-open #lightBar,body.frame-open #referenceStepper{display:none!important}body.frame-open .quick-distance,body.frame-open #activeEyeBar{display:none!important}body.frame-open #labNav .nav-brand{font-size:12px}body.frame-open #restartLab{display:none}#frameStudio h2{font-size:14px}}
@media(max-width:600px) and (orientation:portrait){#frameStudio{top:52dvh;width:100%;height:48dvh;border-top:1px solid #668575}body.frame-open #appShell{width:100%;right:0;height:52dvh}body.frame-open #labNav{right:12px}body.frame-open #lensShelf{left:50%;width:calc(100% - 24px)}body.frame-open #cameraQuick,body.frame-open #guidedThickness,body.frame-open #labHint,body.frame-open #showGuided{display:none!important}#shapeChoices{grid-template-columns:repeat(5,1fr)}#boxingPreview{height:120px}}
body.guided #frameStudio:not([hidden]){display:block;transform:none;visibility:visible}#frameStudio .frame-heading{height:auto;min-height:58px;padding:0;background:transparent}
body.guided #frameStudio .frame-heading{display:flex;position:static;visibility:visible;transform:none}
body.frame-open #stage{right:310px;width:calc(100% - 310px)}
body.frame-open #showGuided{display:none!important}
body.guided #frameStudio .frame-heading{position:sticky;top:-18px;z-index:2;background:#13251e;max-width:none;left:auto;right:auto}
@media(max-width:900px){body.frame-open #stage{right:260px;width:calc(100% - 260px)}}
@media(max-width:600px) and (orientation:portrait){body.frame-open #stage{right:0;width:100%;height:52dvh}}
body.guided #frameStudio .frame-heading{display:flex!important}
body.frame-open #indexCompare{right:326px}
@media(max-width:900px){body.frame-open #indexCompare{display:none}}
.rx-examples{display:grid;gap:5px;margin-top:10px;border-top:1px solid #ffffff22;padding-top:9px}.rx-examples small{font-size:9px;color:#c5d4c7}.rx-examples button{background:#46634f;padding:8px;border-radius:7px;font-size:10px;min-height:34px}
#lensShelf #productInfo{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border-radius:50%;background:#183126e8;color:#d6e9db;font:24px Arial;box-shadow:0 3px 14px #0002}
#labNav #guidedCamera{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:8px;border:1px solid #ffffff20;border-radius:12px}#guidedCamera[aria-pressed=true]{background:#b7cebe;color:#172b20}
#rxStatus{font-size:10px;padding:7px 8px;border-radius:7px;background:#aecdb326;color:#e1eee4;margin:6px 0;line-height:1.5}
#resetRxZero{margin-top:7px;border:1px solid #c4dcc84d;border-radius:7px;padding:8px;width:100%;font-size:10px}.focus-option{font-size:9px;display:flex!important;align-items:center;gap:5px;margin-top:9px}.focus-option input{width:15px;height:15px;flex-shrink:0}
.rx-examples summary{cursor:pointer;padding:7px 0;font-size:11px}.rx-examples:not([open])>:not(summary){display:none}.rx-examples[open]>button{display:block;width:100%;margin:5px 0}
@media(max-width:700px){#lensShelf{padding-right:32px!important}#lensShelf #productInfo{left:auto;right:0;width:28px;height:32px;font-size:21px}#labNav #guidedCamera{width:36px;min-width:36px;height:36px}}
#guidedTools{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#698470 transparent}#rxDemoControls{min-width:0;width:100%}#patientControls .focus-option{display:flex!important;flex-direction:row!important;align-items:center;white-space:normal;gap:7px;padding:7px 0;line-height:1.5;height:auto}#patientControls .focus-option input{width:16px!important;min-width:16px!important;height:16px!important;padding:0;flex:0 0 16px}#patientControls .focus-option span{white-space:normal;min-width:0;font-size:10px;color:#dce8de}#rxStatus{background:#183126ed;color:#e1eee4}#rxDemoControls .rx-examples{display:block;white-space:normal;color:#dce8de;background:#183126ed;border-radius:7px;padding:3px 8px}