:root{--glass-cyan:#83d5d9}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#5a8393}.glass-intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 34px;border-top:1px solid #d4e1e7;gap:30px}.glass-intro h2{font-size:clamp(28px,3.5vw,42px);font-weight:550;line-height:1.35;letter-spacing:-1.5px;margin:13px 0 15px}.glass-intro p{font-size:15px;line-height:1.8;color:#628092;margin:0}.glass-fact{display:flex;align-items:center;gap:20px;padding-right:5vw;color:#628092;font-size:13px;line-height:1.8}.glass-fact b{font-size:88px;font-weight:300;line-height:1;color:#21677c}.glass-lab{display:grid;grid-template-columns:275px minmax(0,1fr);border:1px solid #ccdde5;border-radius:10px;overflow:hidden;background:white}.glass-controls{padding:22px;background:#f5f9fb;border-right:1px solid #d8e5eb;display:flex;flex-direction:column;gap:17px}.glass-controls h2{font-size:17px;margin:0}.glass-controls label{display:grid;gap:7px;font-size:12px;color:#345e71}.glass-controls input:not([type=range]):not([type=checkbox]),.glass-controls select{width:100%;min-width:0;border:1px solid #bfd2dc;background:white;color:#1d4d64;border-radius:5px;padding:8px;font:inherit}.glass-controls input[type=range]{width:100%;accent-color:#287e8f}.glass-controls small{font-size:11px;line-height:1.7;color:#738a97}.glass-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.glass-controls output{font-size:23px;color:#1d6074;font-variant-numeric:tabular-nums}.glass-presets{display:flex;gap:4px}.glass-presets button{font-size:11px;padding:5px 7px;background:#fff;border:1px solid #c8dbe2;border-radius:4px;color:#477286}.glass-presets button[aria-pressed=true]{background:#1c647a;color:white;border-color:#1c647a}.glass-controls details{border-top:1px solid #d3e0e6;padding-top:15px}.glass-controls summary{font-size:12px;cursor:pointer;margin-bottom:13px;color:#355c70}.glass-controls details label{margin:11px 0}.glass-controls .glass-check{display:flex;align-items:center;gap:7px}.glass-controls>button{padding:9px;border:1px solid #bed1db;border-radius:4px;background:white;color:#507386;font-size:12px}.glass-results{min-width:0;background:#102c3c}.glass-stage-head{padding:24px 28px 6px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;color:#cbe0e9}.glass-stage-head h2{font-size:21px;margin:8px 0 0;color:#ecf5f7;font-weight:550}.glass-stage-head .eyebrow{color:#73b2c2}.glass-stage-head>span{font-size:11px;color:#a7c9d5;line-height:1.7;text-align:right;max-width:210px}.glass-diagram{padding:5px 24px 0;min-height:370px}.glass-diagram svg{display:block;width:100%;height:430px}.glass-diagram text{font-family:system-ui,sans-serif}.glass-diagram .cut-tile:hover rect:first-child,.glass-diagram .cut-tile:focus rect:first-child{fill:#66b8bf;stroke:#fff}.glass-diagram .cut-tile{cursor:crosshair;outline:none}.glass-legend{padding:0 28px 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:11px;color:#bad2dd}.glass-legend span{display:flex;align-items:center;gap:7px}.glass-legend i{width:11px;height:11px;display:inline-block;border:1px solid #87cdd7}.glass-legend .panel{background:#377889}.glass-legend .active{background:#68a1a9;border-style:dashed}.glass-legend .waste{background:#152e3f;border-color:#637583}.glass-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 28px;border-top:1px solid #315666;border-bottom:1px solid #315666;padding:20px 0;gap:15px}.glass-stats small{display:block;color:#94b6c4;font-size:11px;line-height:1.6}.glass-stats strong{display:block;color:#e3f2f5;font-size:32px;font-weight:450;letter-spacing:-1px;margin:5px 0;font-variant-numeric:tabular-nums}.glass-stats strong span{font-size:14px;margin-left:5px}.glass-explain{margin:18px 28px 10px;color:#bdd4df;font-size:12px;line-height:1.8}.glass-caution{margin:10px 28px 24px;color:#7da4b6;font-size:11px;line-height:1.8}.glass-comparison{margin:38px 0}.glass-comparison h2{font-size:22px;margin:10px 0}.glass-comparison p{font-size:13px;color:#728794}.glass-table-wrap{overflow:auto;border:1px solid #d2e0e7;border-radius:7px;margin-top:19px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}th{background:#edf4f7;color:#608090;font-size:11px;font-weight:500;padding:13px 17px}td{padding:14px 17px;border-top:1px solid #dbe6ec;color:#315e71;font-variant-numeric:tabular-nums}td button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}tr[aria-current=true]{background:#e6f2f4}.eff-bar{height:3px;background:#dce9ed;margin-top:6px;width:130px}.eff-bar i{height:100%;display:block;background:#4e9ca7}#glass-sources a{display:block;font-size:13px;margin:14px 0;color:#346f86}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #418fa5;outline-offset:3px}
@media(max-width:850px){.glass-lab{grid-template-columns:230px minmax(0,1fr)}.glass-controls{padding:17px}.glass-stage-head{padding:20px;display:block}.glass-stage-head>span{display:block;text-align:left;margin-top:8px}.glass-diagram{padding:0 10px}.glass-stats{margin:0 20px;gap:8px}.glass-stats strong{font-size:27px}.glass-explain,.glass-caution{margin-left:20px;margin-right:20px}.glass-fact{padding:0}}
@media(max-width:640px){.glass-intro{padding:22px 0}.glass-intro h2{font-size:28px}.glass-intro p{font-size:13px}.glass-fact{display:none}.glass-lab{grid-template-columns:1fr}.glass-controls{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #d5e4e9;gap:15px}.glass-controls>h2,.glass-controls>small,.glass-controls>details,.glass-controls>.glass-presets,.glass-controls>button{grid-column:1/-1}.glass-controls>label:has(#inches){grid-column:1/-1}.glass-controls .glass-pair{grid-column:1/-1}.glass-controls>label:has(#generation),.glass-controls>label:has(#aspect){grid-column:1/-1}.glass-controls details label{grid-template-columns:1fr 85px;align-items:center}.glass-diagram svg{height:365px}.glass-diagram{min-height:0}.glass-stats strong{font-size:27px}.glass-stats small{font-size:10px}.glass-legend{font-size:10px;gap:12px;padding-left:15px;padding-right:15px}td,th{padding:12px}.wide-only{display:none}}

.glass-lab{margin-top:22px}.glass-application{display:grid;gap:8px;font-size:12px;color:#345e71}.glass-application>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.glass-application button{padding:8px 3px;border:1px solid #bfd2dc;border-radius:5px;background:white;color:#477286;font-size:11px}.glass-application button[aria-pressed=true]{background:#1c647a;color:white;border-color:#1c647a}
@media(max-width:640px){.glass-lab{margin-top:14px}.glass-controls>.glass-application,.glass-controls>label:has(#panel-profile){grid-column:1/-1}.glass-stage-head{align-items:flex-start;flex-direction:column;gap:6px}.glass-stage-head>span{text-align:left}}
.glass-controls label,.glass-application{font-size:14px}.glass-controls small,.glass-caution{font-size:12px}.glass-stats small{font-size:12px}.glass-stats strong{font-size:30px}.glass-application button{font-size:13px}.glass-explain{font-size:14px}.glass-legend{font-size:12px}th{font-size:12px}.glass-controls>button{font-size:14px}@media(max-width:640px){.glass-stats{gap:7px}.glass-stats strong{font-size:25px}.glass-stats strong span{font-size:12px}.glass-stats small{font-size:12px}}