:root{--ink:#26333d;--muted:#68737b;--line:#aeb7bd;--blue:#244f70;--blue-dark:#1e3b53;--canvas:#d9dddf;--paper:#f7f8f8;--green:#e8f2e5;--green-line:#91ae8f;--warn:#fff5cf;--error:#f5dcda;--control-height:31px;--form-row-height:52px;--choice-control-gap:7px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;padding:20px 16px 36px;background:var(--canvas);color:var(--ink);font:13px/18px Tahoma,Arial,sans-serif}
a{color:#194f7b;text-decoration:underline}a:hover{color:#8b1a1a}
.container{width:min(820px,100%);margin:0 auto;padding:0 20px 22px;border:1px solid #7c8992;background:var(--paper);box-shadow:2px 3px 0 rgba(34,48,58,.14)}
h1{margin:0 -20px 13px;padding:12px 20px 11px;background:var(--blue-dark);color:#fff;font:bold 23px/25px Tahoma,Arial,sans-serif}
.page-info{max-width:720px;margin:0 0 11px;color:var(--muted)}
.advanced-settings-disclosure{margin-top:16px}.advanced-settings-disclosure>summary{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid var(--line);background:#e8ebec;color:#35434c;cursor:pointer;font:bold 13px/16px Tahoma,Arial,sans-serif;list-style:none}.advanced-settings-disclosure>summary::-webkit-details-marker{display:none}.advanced-settings-disclosure>summary::after{content:'▸';color:#52616a}.advanced-settings-disclosure[open]>summary::after{content:'▾'}.advanced-settings-disclosure>summary:focus-visible,.tooltip-icon:focus-visible,input:focus-visible{outline:2px dotted var(--blue-dark);outline-offset:2px}
.tab-content{padding:0}h2{margin:16px 0 0;padding:7px 9px;border:1px solid var(--line);border-bottom:0;background:#e8ebec;color:#35434c;font:bold 13px/16px Tahoma,Arial,sans-serif}
.radio-group{display:flex;min-height:var(--form-row-height);align-items:center;flex-wrap:wrap;gap:15px;margin:0;padding:0 9px;border:1px solid var(--line);background:#fff}.radio-group>span{display:inline-flex;align-items:center;white-space:nowrap}.radio-group label{display:inline;margin:0;color:#4a565e;font-weight:normal}.radio-group input{width:14px;height:14px;margin:0 var(--choice-control-gap) 0 0;accent-color:var(--blue);vertical-align:middle}
.input-group{display:grid;min-height:var(--form-row-height);grid-template-columns:minmax(260px,320px) minmax(195px,1fr);gap:9px 18px;align-items:center;margin:0;padding:10px 9px;border:1px solid var(--line);border-top:0;background:#fff}.input-group>div:first-child{min-width:0}.input-group>div:first-child>label{display:inline;margin:0;color:#33414a;font-weight:bold}.input-group label sub{line-height:0}.input-group label[for=peakNits]{white-space:nowrap}.input-field-container{width:min(280px,100%);min-width:0;margin:0;justify-self:end}.input-field-container .number-stepper{position:relative;display:grid;height:var(--control-height);grid-template-rows:14px 1px 14px;flex-basis:24px;overflow:hidden;border:1px solid #84919a;border-radius:2px 0 0 2px;background:var(--paper)}.input-field-container .number-stepper::after{z-index:1;grid-row:2;background:#84919a;content:'';pointer-events:none}.input-field-container .number-step{display:grid;min-height:0;place-items:center;border:0;border-radius:0;background:transparent;font-size:0;line-height:0}.input-field-container .number-step:first-child{grid-row:1}.input-field-container .number-step:last-child{grid-row:3}.input-field-container .number-step-icon{width:8px;height:14px;margin:0}
.input-group[data-validation-message]{position:relative}.input-group[data-validation-message]::after{visibility:hidden;position:absolute;z-index:20;right:9px;bottom:calc(100% + 6px);width:min(360px,calc(100vw - 32px));padding:8px 9px;border:1px solid;box-shadow:2px 2px 0 rgba(0,0,0,.18);content:attr(data-validation-message);font-size:11px;font-weight:normal;line-height:1.35;opacity:0;pointer-events:none;white-space:normal}.input-group[data-validation-message]:hover::after,.input-group[data-validation-message]:focus-within::after{visibility:visible;opacity:1}.input-group.has-warning::after{border-color:#d5bb6f;background:var(--warn);color:#66501b}.input-group.has-error::after{border-color:#c58a83;background:var(--error);color:#6d251d}
.environment-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.environment-inputs>.input-group{grid-template-columns:minmax(0,1fr) 105px;gap:8px;align-items:center}.environment-inputs>#luxInputs{border-right:0}.environment-inputs>#nitsInput{grid-column:1/-1;grid-template-columns:minmax(260px,320px) minmax(195px,1fr)}
input[type=number]{width:100%;height:var(--control-height);padding:0 7px;border:1px solid #84919a;border-radius:2px;background:#fff;color:#202b33;font:13px/29px 'Courier New',monospace}input[type=number]:focus{border-color:var(--blue);outline:2px solid #cad8e3}input[type=number].input-error{border-color:#a0463e!important;background:var(--error)}input[type=number].input-warning{border-color:#aa7c24!important;background:var(--warn)}
.info{margin:5px 0 0;color:var(--muted);font-size:11px}.tooltip-container{position:relative;display:inline-block;margin-left:4px;vertical-align:1px}.tooltip-icon{width:16px;height:16px;padding:0;border:1px solid #7b878d;border-radius:50%;background:#e9ecee;color:#39454b;cursor:help;font:bold 10px/14px Arial,sans-serif}.tooltip-text{visibility:hidden;position:absolute;z-index:10;bottom:calc(100% + 7px);left:0;width:285px;padding:8px 9px;border:1px solid #52606a;background:#ffffe1;color:#222;box-shadow:2px 2px 0 rgba(0,0,0,.18);font-size:11px;font-weight:normal;line-height:1.35;opacity:0;white-space:pre-line;pointer-events:none}#luxReflectivityInput .tooltip-text{right:0;left:auto}.tooltip-container:hover .tooltip-text,.tooltip-container:focus-within .tooltip-text{visibility:visible;opacity:1}
.advanced-option{position:relative;display:flow-root;min-height:var(--form-row-height);padding:0;border-top:0;border-bottom:0}.advanced-option::after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:#b9c1c5;content:'';pointer-events:none}.advanced-option>div:first-child{display:flex;min-height:var(--form-row-height);align-items:center;padding:0 9px}.advanced-option input[type=checkbox]{width:14px;height:14px;flex:0 0 14px;margin:0 var(--choice-control-gap) 0 0;accent-color:var(--blue);vertical-align:middle}.advanced-option .checkbox-label{display:inline;margin:0;color:#33414a;font-weight:normal}.advanced-option .tooltip-container{margin-left:4px}:where(.advanced-option) .tooltip-text{right:0;left:auto}.comparison-figure{margin:9px}.comparison-image{display:block;width:100%;height:auto;margin:0;border:1px solid var(--line)}.comparison-figure figcaption{margin-top:5px;color:var(--muted);font-size:11px;line-height:15px}
.output-area{height:318px;margin-top:15px}.message-area{display:flex;align-items:stretch;height:30px;min-width:0;margin:0;overflow:hidden;border-top:1px solid #d5e0d2;background:#f4f6f3;color:var(--muted)}.message-area:empty::after{content:'Ready';align-self:center;padding:0 9px;font-size:12px;transform:translateY(-2px)}.message{display:block;flex:1;min-width:0;margin:0;padding:5px 9px;overflow:hidden;border:0;font-size:12px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.message.error{background:var(--error);color:#6d251d}.message.warning{background:var(--warn);color:#66501b}
.results{display:grid;grid-template-rows:38px minmax(0,1fr) 30px;height:100%;margin:0;overflow:hidden;border:1px solid var(--green-line);background:var(--green)}.results h2{margin:0;padding:9px 10px;border:0;background:#deedd9;color:#365f3b;font:bold 16px/1.2 Tahoma,Arial,sans-serif}.results-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;background:#fff}.results-table tr{height:12.5%}.results-table th,.results-table td{padding:6px 10px;border-bottom:1px solid #d5e0d2;text-align:left;font-size:12px;line-height:16px}.results-table sub{line-height:0}.results-table th{width:67%;color:#59615d;font-weight:normal}.results-table td{color:#202726;text-align:right;font:700 12px/16px Tahoma,Arial,sans-serif;font-variant-numeric:tabular-nums}.results-table tr:last-child th,.results-table tr:last-child td{border-bottom:0}.results-table .highlight-value{color:#315d37;font-size:16px;font-weight:700;line-height:16px}
.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:18px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer p{margin:0}.footer a{color:#194f7b}
@media(min-width:651px) and (max-width:760px){:root{--form-row-height:58px}}
@media(max-width:650px){:root{--mobile-field-label-min-height:36px;--mobile-field-padding:8px}body{padding:11px 9px 26px}.container{padding:0 14px 18px}.container h1{margin:0 -14px 12px;padding-left:14px;padding-right:14px}.output-area{height:414px}.results{height:100%}.message-area{height:30px}.radio-group{align-content:center;row-gap:0;padding-top:7px;padding-bottom:7px}.input-group{grid-template-columns:1fr;grid-template-rows:minmax(var(--mobile-field-label-min-height),auto) var(--control-height);gap:6px;padding-top:var(--mobile-field-padding);padding-bottom:var(--mobile-field-padding)}.input-group:not(.advanced-option)>div:first-child{display:grid;min-height:var(--mobile-field-label-min-height);grid-template-columns:minmax(0,1fr) 16px;gap:var(--choice-control-gap);align-items:center}.input-group:not(.advanced-option)>div:first-child>label{display:block;min-width:0;line-height:18px}.input-group:not(.advanced-option)>div:first-child>.tooltip-container{justify-self:end;margin-left:0}.environment-inputs{grid-template-columns:1fr}.environment-inputs>.input-group{grid-template-columns:1fr;grid-template-rows:minmax(var(--mobile-field-label-min-height),auto) var(--control-height);gap:6px}.environment-inputs>#luxInputs{border-right:1px solid var(--line)}.environment-inputs>#nitsInput{grid-template-columns:1fr}.input-group label[for=peakNits]{white-space:normal}.input-field-container{width:100%;justify-self:stretch}.advanced-option{display:flow-root;grid-template-rows:none;padding:0}.advanced-option>div:first-child{display:grid;min-height:var(--form-row-height);grid-template-columns:14px minmax(0,1fr) 16px;column-gap:var(--choice-control-gap);row-gap:4px;align-items:center;padding:8px 9px}.advanced-option input[type=checkbox]{grid-column:1;grid-row:1;margin:0}.advanced-option .checkbox-label{display:block;min-width:0;grid-column:2;grid-row:1;line-height:18px}.advanced-option .tooltip-container{grid-column:3;grid-row:1;justify-self:end;margin-left:0}.tooltip-text,#luxReflectivityInput .tooltip-text{position:fixed;top:50%;right:auto;bottom:auto;left:50%;width:min(285px,calc(100vw - 32px));transform:translate(-50%,-50%)}.input-group[data-validation-message]::after{position:fixed;top:50%;right:auto;bottom:auto;left:50%;width:min(285px,calc(100vw - 32px));transform:translate(-50%,-50%)}#resultHLGSignalUsed{overflow-wrap:anywhere}.comparison-figure{margin-left:9px;margin-right:9px}.footer{display:block}.footer p+p{margin-top:7px}}