:root{color-scheme:dark;color:#f3f2f0;background:#030303;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#030303;min-width:320px;min-height:100%;margin:0}button,a{font:inherit}button{color:inherit}.lighting-lab{--yellow:#f1e10b;--violet:#b974ff;color:#f3f2f0;background:radial-gradient(circle at 52% 55%,#5c37211c,#0000 38%),#030303;min-height:100svh;position:relative;overflow:hidden}.lab-header{z-index:20;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:30px;right:28px}.lab-logo{color:#f5f4f2;letter-spacing:-.035em;font-size:22px;font-weight:400;text-decoration:none}.lab-header__actions{gap:12px;display:flex}.lab-button{cursor:pointer;background:#111111d1;border:1px solid #ffffff1a;border-radius:12px;min-height:50px;transition:border-color .18s,background .18s}.lab-button:hover,.lab-button:focus-visible{background:#1c1b16f5;border-color:#f1e10b85;outline:none}.lab-button--about{min-width:99px;padding:0 24px;font-size:16px}.lab-button--icon{place-items:center;width:48px;padding:0;display:grid}.lab-intro{z-index:10;width:250px;position:absolute;top:122px;left:30px}.lab-intro h1{color:#f0efed;letter-spacing:-.048em;margin:0;font-size:clamp(44px,3.12vw,50px);font-weight:400;line-height:.99}.lab-intro p{color:#9d9a98;margin:18px 0 0;font-size:17px;line-height:1.55}.lab-learn{color:var(--yellow);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin:17px 0 0;padding:0;font-size:16px;display:inline-flex}.lab-learn:hover,.lab-learn:focus-visible{text-underline-offset:5px;outline:none;text-decoration:underline}.fixture-switcher{z-index:20;background:#0e0e0ecc;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:repeat(4,1fr);width:min(760px,54vw);min-width:640px;min-height:106px;display:grid;position:absolute;top:62px;left:50%;overflow:hidden;transform:translate(-50%)}.fixture-option{color:#f1f0ee;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:10px 12px;font-size:17px;transition:color .18s,border-color .18s,background .18s;display:flex}.fixture-option:hover,.fixture-option:focus-visible{background:#ffffff09;outline:none}.fixture-option.is-active{color:var(--yellow);background:#f1e10b0b;border-color:#f1e10bb8}.fixture-option[data-fixture=linear] svg{transform:scaleX(1.9)}.fixture-option[data-fixture=downlight] svg{transform:scaleY(.62)}.fixture-option[data-fixture=spotlight] svg{transform:rotate(-28deg)scale(.9)}.comparison-toolbar{z-index:20;align-items:center;gap:10px;width:max-content;display:flex;position:absolute;top:187px;left:50%;transform:translate(-50%)}.space-switcher{background:#0e0e0ed6;border:1px solid #ffffff1c;border-radius:999px;flex:none;align-items:center;min-height:36px;display:flex;overflow:hidden}.space-switcher__label{color:#777370;letter-spacing:.1em;text-transform:uppercase;padding:0 10px 0 13px;font-size:10px}.space-option{color:#a7a3a0;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff14;min-height:34px;padding:0 11px;font-size:12px;transition:color .18s,background .18s}.space-option:hover,.space-option:focus-visible{color:#f1efec;background:#ffffff0a;outline:none}.space-option.is-active{color:var(--yellow);background:#f1e10b14}.space-option:focus-visible{z-index:1;outline-offset:-3px;outline:2px solid #f1e10bc7;position:relative}.compare-flip{color:#9d9996;cursor:pointer;background:#0e0e0ed6;border:1px solid #ffffff1c;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:13px;transition:border-color .18s,color .18s,background .18s;display:inline-flex;position:relative}.compare-flip strong{color:#ece9e5;font-weight:500}.compare-flip:hover,.compare-flip:focus-visible{color:var(--yellow);background:#1c1b16f5;border-color:#f1e10b85;outline:none}.distribution-notes{z-index:10;flex-direction:column;width:190px;display:flex;position:absolute;top:40.7%;left:50px}.distribution-notes.is-single{top:47%}.distribution-note-list{flex-direction:column;gap:105px;display:flex}.distribution-note__title{color:var(--violet);align-items:center;gap:14px;font-size:16px;display:flex}.distribution-note__title i{background:var(--violet);border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 12px #b974ffb3}.distribution-note__title:after{content:"";background:#ffffff1c;width:150px;height:1px}.distribution-note p{color:#a7a3a0;width:180px;margin:11px 0 0;font-size:15px;line-height:1.48}.use-guidance-trigger{width:max-content;max-width:190px;color:var(--yellow);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1e10b4d;align-items:center;gap:8px;margin-top:27px;padding:9px 0;font-size:13px;transition:gap .18s,border-color .18s;display:inline-flex}.use-guidance-trigger:hover,.use-guidance-trigger:focus-visible{border-color:#f1e10bc7;outline:none;gap:12px}.scene-stage{z-index:2;width:67.4%;min-height:390px;position:absolute;top:27%;bottom:19.8%;left:17.6%;overflow:hidden}.scene-stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.scene-stage canvas:active{cursor:grabbing}.scene-loading{color:#6f6965;place-items:center;width:100%;height:100%;font-size:14px;display:grid}.view-switcher{z-index:10;flex-direction:column;width:170px;display:flex;position:absolute;top:31.4%;right:26px}.view-option{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff17;grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:108px;padding:14px 0;display:grid}.view-option:last-child{border-bottom:0}.view-option__icon{color:#eceae7;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:54px;height:54px;transition:color .18s,border-color .18s,box-shadow .18s;display:grid}.view-option strong,.view-option small{display:block}.view-option strong{color:#f2f1ef;font-size:16px;font-weight:450}.view-option small{color:#918d8a;max-width:105px;margin-top:5px;font-size:14px;line-height:1.35}.view-option:hover .view-option__icon,.view-option:focus-visible .view-option__icon,.view-option.is-active .view-option__icon{color:var(--yellow);border-color:#f1e10bdb;box-shadow:0 0 22px #f1e10b1f}.view-option.is-active strong{color:var(--yellow)}.view-option:focus-visible{outline:none}.spread-card{z-index:10;background:#101010c2;border:1px solid #ffffff1c;border-radius:11px;width:376px;padding:20px 21px 18px;position:absolute;bottom:74px;left:30px}.spread-card__row{color:#efedeb;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.spread-card__row--scale>span:first-child,.spread-card__row--scale>span:last-child{color:#b8b3ae;font-size:12px}.spread-card__row--muted{color:#a7a3a0;margin-top:17px}.spread-card__row--muted>span:first-child{align-items:center;gap:6px;display:inline-flex}.spread-card__row--muted strong{color:#eeeae6;font-size:13px;font-weight:500}.spread-meter{background:linear-gradient(90deg,#271069,#7c4ca0 44%,#ffe7ca 100%);border-radius:999px;width:238px;height:13px;display:block;position:relative;overflow:hidden}.spread-meter i{border-radius:inherit;background:0 0;border-right:2px solid #ffffffe0;transition:width .42s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0 auto 0 0}.spread-result{border-top:1px solid #ffffff17;margin-top:15px;padding-top:15px}.spread-result.is-only{border-top:0;margin-top:0;padding-top:0}.variable-control{margin:0}.variable-control__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.variable-control__header>span{color:#aaa5a1;align-items:center;gap:6px;font-size:13px;display:inline-flex}.variable-control__header>strong{color:var(--yellow);font-size:12px;font-weight:500}.variable-options{background:#07070785;border:1px solid #ffffff1c;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:11px;display:grid;overflow:hidden}.variable-option{color:#aaa5a1;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff17;min-width:0;min-height:34px;padding:0 8px;font-size:11px;transition:color .18s,background .18s}.variable-option:last-child{border-right:0}.variable-option:hover{color:#efede9;background:#ffffff0a}.variable-option.is-active{color:var(--yellow);background:#f1e10b17}.variable-option:focus-visible{z-index:1;outline-offset:-3px;outline:2px solid #f1e10bc7;position:relative}.variable-control__insight{color:#aaa5a1;min-height:32px;margin:10px 0 0;font-size:12px;line-height:1.45}.drag-hint{z-index:10;color:#7e7975;pointer-events:none;align-items:center;gap:12px;font-size:19px;display:flex;position:absolute;bottom:43px;left:50%;transform:translate(-50%)}.model-disclaimer{z-index:10;color:#8d8986;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;bottom:48px;right:30px}.lab-tooltip{cursor:help;display:inline-flex;position:relative}.lab-tooltip__bubble{z-index:40;color:#cac7c4;opacity:0;pointer-events:none;background:#171717;border:1px solid #ffffff1f;border-radius:8px;width:250px;padding:10px 12px;font-size:12px;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(5px)}.lab-tooltip:hover .lab-tooltip__bubble,.lab-tooltip:focus .lab-tooltip__bubble{opacity:1;transform:translateY(0)}.lab-modal-backdrop{z-index:100;backdrop-filter:blur(12px);background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lab-modal{background:#121212;border:1px solid #ffffff24;border-radius:18px;width:min(520px,100%);padding:38px;position:relative;box-shadow:0 34px 90px #0009}.lab-modal__close{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.lab-modal__eyebrow{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.lab-modal h2{letter-spacing:-.04em;max-width:390px;margin:12px 0 18px;font-size:34px;font-weight:450;line-height:1.08}.lab-modal p{color:#aaa6a2;margin:0;line-height:1.65}.lab-modal__steps{gap:13px;display:grid}.lab-modal__steps strong{color:var(--violet)}.lab-modal__primary{color:var(--yellow);cursor:pointer;background:#f1e10b14;border:1px solid #f1e10bb3;border-radius:9px;margin-top:28px;padding:13px 18px}.fixture-guidance{z-index:80;backdrop-filter:blur(22px);background:#121212f0;border:1px solid #ffffff24;border-radius:18px;width:min(390px,100vw - 40px);max-height:calc(100svh - 170px);padding:30px;animation:.22s cubic-bezier(.2,.78,.25,1) guidance-in;position:fixed;top:150px;right:20px;overflow-y:auto;box-shadow:0 32px 90px #000000a3}.fixture-guidance__close{color:#dedbd7;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.fixture-guidance__close:hover,.fixture-guidance__close:focus-visible{color:var(--yellow);border-color:#f1e10bb8;outline:none}.fixture-guidance__eyebrow{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.fixture-guidance h2{letter-spacing:-.035em;margin:10px 46px 25px 0;font-size:31px;font-weight:450;line-height:1.05}.fixture-guidance__item{border-top:1px solid #ffffff17;padding:18px 0}.fixture-guidance__item span{color:var(--violet);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.fixture-guidance__item p{color:#b5b0ac;margin:8px 0 0;font-size:14px;line-height:1.55}@keyframes guidance-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (width>=1025px){.lighting-lab.has-mounting-height .distribution-notes{top:37%}.lighting-lab.has-mounting-height .distribution-note-list{gap:68px}.lighting-lab.has-mounting-height .use-guidance-trigger{margin-top:14px}}@media (width<=1180px){.fixture-switcher{width:620px;min-width:620px;left:55%}.comparison-toolbar{left:55%}.distribution-notes{left:28px}.scene-stage{width:64%;left:18.5%}.view-switcher{width:150px;right:15px}.spread-card{width:330px}.spread-meter{width:190px}}@media (width>=1025px) and (height<=820px){.lab-header{top:18px;left:30px;right:20px}.lab-button{min-height:42px}.lab-button--about{min-width:88px;padding-inline:20px}.lab-button--icon{width:42px}.lab-intro{width:235px;top:104px}.lab-intro h1{font-size:40px;line-height:.98}.lab-intro p{margin-top:11px;font-size:14px;line-height:1.45}.lab-learn{z-index:12;margin-top:10px;font-size:14px;position:relative}.fixture-switcher{width:min(660px,52vw);min-width:600px;min-height:88px;top:18px}.fixture-option{padding-block:6px;font-size:15px}.fixture-option svg{height:38px}.comparison-toolbar{top:116px}.space-switcher,.compare-flip{min-height:32px}.space-option{min-height:30px}.compare-flip{font-size:12px}.distribution-notes{top:42%;left:50px}.distribution-note-list{gap:54px}.distribution-note__title{font-size:14px}.distribution-note p{margin-top:7px;font-size:13px;line-height:1.4}.use-guidance-trigger{margin-top:10px;padding-block:6px;font-size:12px}.lighting-lab.has-mounting-height .distribution-notes{top:36%}.lighting-lab.has-mounting-height .distribution-note-list{gap:42px}.lighting-lab.has-mounting-height .use-guidance-trigger{margin-top:6px}.scene-stage{min-height:0;top:26%;bottom:17%}.view-switcher{width:145px;top:27%;right:20px}.view-option{grid-template-columns:42px 1fr;gap:11px;min-height:70px;padding:7px 0}.view-option__icon{width:42px;height:42px}.view-option strong{font-size:14px}.view-option small{display:none}.spread-card{width:300px;padding:12px 15px;bottom:20px}.spread-card__row--muted{margin-top:10px}.spread-meter{width:170px}.spread-result{margin-top:10px;padding-top:10px}.variable-options{margin-top:8px}.variable-option{min-height:30px}.variable-control__insight{margin-top:7px}.drag-hint{font-size:15px;bottom:22px}.model-disclaimer{font-size:12px;bottom:24px}}@media (width<=1024px){.lighting-lab{flex-direction:column;min-height:100svh;padding:22px 20px 30px;display:flex;overflow:visible}.lab-header,.lab-intro,.fixture-switcher,.comparison-toolbar,.distribution-notes,.scene-stage,.view-switcher,.spread-card,.drag-hint,.model-disclaimer{width:100%;position:relative;inset:auto;transform:none}.lab-header{margin-bottom:34px}.lab-button--about{display:none}.lab-intro{order:1}.lab-intro h1{font-size:clamp(44px,12vw,64px)}.fixture-switcher{order:2;min-width:0;min-height:92px;margin:30px 0 18px}.fixture-option{padding-inline:5px;font-size:13px}.comparison-toolbar{flex-direction:column;order:3;gap:10px;margin:-3px 0 15px;display:flex}.space-switcher{border-radius:12px;width:100%;min-height:44px}.space-switcher__label{padding-inline:14px}.space-option{flex:1;min-height:44px}.compare-flip{width:max-content;max-width:100%;min-height:34px;margin:0 auto;padding-inline:12px}.scene-stage{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;order:4;height:min(62vw,500px);min-height:300px}.view-switcher{order:6;grid-template-columns:repeat(4,1fr);margin-top:10px;display:grid}.view-option{text-align:center;border-bottom:0;border-right:1px solid #ffffff14;flex-direction:column;gap:7px;min-height:90px;padding:10px 4px;display:flex}.view-option:last-child{border-right:0}.view-option__icon{width:42px;height:42px}.view-option small{display:none}.view-option strong{font-size:12px}.distribution-notes{order:7;margin-top:26px;display:block}.distribution-note-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.distribution-notes.is-single{top:auto}.distribution-notes.is-single .distribution-note-list{grid-template-columns:1fr}.distribution-notes.is-single .distribution-note{max-width:280px}.distribution-note{min-width:0}.distribution-note__title{gap:8px;min-width:0}.distribution-note__title:after{flex:1;width:auto;min-width:0}.distribution-note p{width:auto}.use-guidance-trigger{margin-top:17px}.spread-card{order:8;margin-top:28px}.spread-card.has-variable-control{order:5;margin:18px 0 8px}.spread-meter{width:min(50vw,360px)}.variable-option{min-height:44px}.drag-hint{order:9;justify-content:center;margin-top:28px;font-size:15px}.model-disclaimer{order:10;justify-content:center;margin-top:18px;font-size:12px}.fixture-guidance{width:auto;max-height:calc(100svh - 24px);padding:27px 24px 22px;inset:auto 12px 12px}}@media (width<=520px){.lighting-lab{padding-inline:14px}.lab-logo{font-size:19px}.fixture-switcher{min-height:82px}.fixture-option svg{width:34px;height:34px}.fixture-option{padding-inline:3px;font-size:11px}.fixture-option span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fixture-option[data-fixture=linear] span{text-overflow:clip;white-space:normal;max-width:62px;line-height:1.05}.space-switcher__label{padding-inline:10px}.space-option{padding-inline:8px;font-size:11px}.scene-stage{height:76vw;min-height:280px}.spread-card{padding-inline:16px}.spread-meter{width:42vw}.distribution-notes{margin-top:18px}.distribution-note-list{gap:14px}.distribution-note p{font-size:13px;line-height:1.4}.fixture-guidance h2{font-size:28px}.drag-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}