/* Scoped to the approved Lighting tools; preserves existing page branding and layout. */
.ar-lighting-tools { color:#f4f7f9; background:radial-gradient(ellipse at 45% 32%,#10242d 0%,#081219 65%); font-family:inherit; line-height:normal; padding:28px 28px 40px; }
.ar-lighting-tools *, .ar-lighting-tools *::before, .ar-lighting-tools *::after { box-sizing:border-box; }
.ar-lighting-tools button,.ar-lighting-tools input { font:inherit; }
.ar-lighting-tools button { cursor:pointer; }
.ar-lighting-tools :focus-visible { outline:3px solid #73ecf7; outline-offset:4px; }
.ar-lighting-tools h2,.ar-lighting-tools h3,.ar-lighting-tools h4 { font-family:inherit; line-height:1.25; }
.ar-lighting-tools .alt-jumps { display:flex; flex-wrap:wrap; gap:15px 25px; max-width:1320px; margin:0 auto; font-size:12px; line-height:1.6; }
.ar-lighting-tools .alt-jumps a { color:#9bdce6; text-underline-offset:4px; }
@media(max-width:480px) { .ar-lighting-tools { padding:24px 12px; } }
.ar-lighting-tools .al-lighting { max-width:1320px; margin:64px auto 20px; padding-top:42px; border-top:1px solid #24434e; }
.ar-lighting-tools .al-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:.2em; color:#73d6df; margin:0 0 12px; }
.ar-lighting-tools .al-heading h2 { margin:0 0 12px; font-weight:600; font-size:clamp(26px,3vw,38px); letter-spacing:-.035em; }
.ar-lighting-tools .al-heading > p:last-child { color:#b4c7d0; max-width:620px; line-height:1.7; font-size:14px; margin:0 0 25px; }
.ar-lighting-tools .al-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
.ar-lighting-tools .al-visual { min-width:0; border:1px solid #294752; border-radius:16px; overflow:hidden; background:#0b1b24; }
.ar-lighting-tools .al-visual-top { display:flex; justify-content:space-between; align-items:center; padding:14px 17px; gap:10px; }
.ar-lighting-tools .al-room-name { color:#d1e6ed; font-size:12px; }
.ar-lighting-tools .al-room-tabs { display:flex; gap:5px; }
.ar-lighting-tools .al-room-tabs button { background:#102731; border:1px solid #304c59; border-radius:7px; padding:8px 11px; color:#c1d3dc; font-size:11px; }
.ar-lighting-tools .al-room-art { display:block; width:100%; aspect-ratio:4/3; background:#07121a; }
.ar-lighting-tools .al-visual-bottom { padding:16px 19px; border-top:1px solid #24404d; }
.ar-lighting-tools .al-visual-bottom strong { color:#e7f1f5; font-size:17px; }
.ar-lighting-tools .al-description { margin:7px 0 0; font-size:12px; line-height:1.6; color:#afc7d2; min-height:38px; }
.ar-lighting-tools .al-controls { padding:22px; border:1px solid #2a4653; border-radius:16px; background:linear-gradient(140deg,#122833,#0b1822); }
.ar-lighting-tools .al-controls h3 { margin:0 0 22px; font-size:19px; font-weight:600; }
.ar-lighting-tools .al-control { display:block; margin:0 0 24px; }
.ar-lighting-tools .al-control-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; gap:6px; font-size:12px; color:#c8dce6; }
.ar-lighting-tools .al-control output { color:#7ee5eb; font-size:15px; font-variant-numeric:tabular-nums; }
.ar-lighting-tools .al-control input[type=range] { width:100%; margin:0; accent-color:#68ddeb; cursor:pointer; height:25px; }
.ar-lighting-tools .al-temperature { background:linear-gradient(90deg,#edb371,#e7e0d2,#adceeb); border-radius:20px; }
.ar-lighting-tools .al-range-captions { display:flex; justify-content:space-between; margin-top:7px; color:#9eb8c6; font-size:10px; }
.ar-lighting-tools .al-colours { margin:0; padding:0; border:0; }
.ar-lighting-tools .al-colours legend { color:#c8dce6; font-size:12px; margin-bottom:12px; }
.ar-lighting-tools .al-colour-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.ar-lighting-tools .al-colour-row button { display:flex; align-items:center; gap:9px; min-height:44px; padding:9px 10px; border:1px solid #4f6976; border-radius:8px; background:#10242f; color:#d4e6ee; font-size:11px; }
.ar-lighting-tools .al-colour-row button::before { content:""; width:18px; height:18px; flex:none; background:var(--swatch); border-radius:50%; box-shadow:0 0 12px color-mix(in srgb,var(--swatch),transparent 50%); }
.ar-lighting-tools .al-custom-colour { display:flex; align-items:center; gap:10px; margin-top:14px; color:#b5cdd7; font-size:11px; }
.ar-lighting-tools .al-colour { width:42px; height:34px; border:1px solid #486774; padding:2px; background:#0b2029; border-radius:6px; cursor:pointer; }
.ar-lighting-tools .al-white,.ar-lighting-tools .al-reset { border:1px solid #345562; border-radius:7px; padding:9px 12px; background:#102a36; color:#cfe7ee; font-size:11px; }
.ar-lighting-tools .al-white { margin-top:13px; }
.ar-lighting-tools .al-mode-note { border-top:1px solid #294650; padding-top:15px; margin:20px 0 13px; color:#82d8de; font-size:12px; line-height:1.5; }
.ar-lighting-tools .al-scenes { margin-top:21px; }
.ar-lighting-tools .al-scenes h3 { font-size:13px; font-weight:500; color:#c3dbe6; margin:0 0 11px; }
.ar-lighting-tools .al-scene-buttons { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.ar-lighting-tools .al-scene-buttons button { min-height:43px; border:1px solid #2c4b5a; background:#10232d; color:#c0d9e4; border-radius:8px; padding:9px 6px; font-size:12px; }
.ar-lighting-tools .al-lighting button[aria-pressed=true] { border-color:#6ce4ed; box-shadow:0 0 0 1px #6ce4ed; color:#fff; }
.ar-lighting-tools .al-disclaimer { font-size:10px; line-height:1.7; color:#99b2c0; margin:20px 0 0; max-width:780px; }
@media(max-width:850px) {
 .ar-lighting-tools .al-layout { grid-template-columns:minmax(0,1fr); }
 .ar-lighting-tools .al-controls { padding:20px; }
 .ar-lighting-tools .al-scene-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ar-lighting-tools .al-lighting { margin-top:44px; }
}
@media(max-width:480px) {
 .ar-lighting-tools .al-lighting { padding:28px 8px 0; }
 .ar-lighting-tools .al-visual-top { padding:12px; flex-wrap:wrap; }
 .ar-lighting-tools .al-controls { padding:18px; }
}

.ar-lighting-tools .al-light-readout { display:block; margin-top:6px; font-size:12px; color:#83dfe7; }
.ar-lighting-tools .al-colour-name { display:block; margin-top:6px; color:#8daebc; font-size:10px; }
.ar-lighting-tools .al-white-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:-9px 0 25px; }
.ar-lighting-tools .al-white-presets button { min-height:46px; padding:8px 5px; color:#e6edf0; border:1px solid #435764; border-radius:7px; background:#142833; font-size:11px; }
.ar-lighting-tools .al-white-presets button span { display:block; font-size:9px; opacity:.8; margin-top:3px; }
.ar-lighting-tools .al-white-presets button:first-child { border-bottom:3px solid #f6ab5b; }
.ar-lighting-tools .al-white-presets button:nth-child(2) { border-bottom:3px solid #eeeadb; }
.ar-lighting-tools .al-white-presets button:last-child { border-bottom:3px solid #9dcafa; }

.ar-lighting-tools .al-party-toggle { margin-top:12px; padding:10px 14px; min-height:44px; border:1px solid #345562; border-radius:7px; background:#102a36; color:#cfe7ee; font-size:12px; }
.ar-lighting-tools .al-party-toggle[hidden] { display:none; }

.ar-lighting-tools .al-room-tabs { flex-wrap:wrap; }
.ar-lighting-tools .al-visual-top { flex-wrap:wrap; }
.ar-lighting-tools .al-room-tabs button { min-height:40px; }
.ar-lighting-tools .al-scene-buttons { grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); }
.ar-lighting-tools .al-scene-buttons button[hidden] { display:none; }
.ar-lighting-tools .al-scene-hint { font-size:11px; line-height:1.6; color:#a8c2cf; margin:0 0 12px; }
@media(max-width:480px) { .ar-lighting-tools .al-room-tabs { width:100%; display:grid; grid-template-columns:repeat(2,1fr); } .ar-lighting-tools .al-scene-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); } }

.ar-lighting-tools .ae-section { margin:54px auto 24px; max-width:1320px; padding-top:42px; border-top:1px solid #24434e; }
.ar-lighting-tools .ae-heading h2 { margin:0 0 12px; font-size:clamp(26px,3vw,38px); font-weight:600; letter-spacing:-.035em; }
.ar-lighting-tools .ae-heading > p:last-child { max-width:680px; color:#b4c7d0; font-size:14px; line-height:1.7; margin-bottom:26px; }
.ar-lighting-tools .ae-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; }
.ar-lighting-tools .ae-form,.ar-lighting-tools .ae-results { border:1px solid #294752; border-radius:16px; padding:25px; background:linear-gradient(140deg,#122833,#0b1822); min-width:0; }
.ar-lighting-tools .ae-form h3,.ar-lighting-tools .ae-results h3 { margin:0 0 20px; font-size:18px; font-weight:500; }
.ar-lighting-tools .ae-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
.ar-lighting-tools .ae-fields label { display:flex; flex-direction:column; gap:9px; color:#d2e1e8; font-size:12px; line-height:1.5; }
.ar-lighting-tools .ae-fields small { color:#96b2c0; font-size:10px; }
.ar-lighting-tools .ae-fields input { width:100%; min-height:44px; box-sizing:border-box; padding:10px 12px; border:1px solid #45616f; border-radius:8px; color:#ecf6fa; background:#071923; font:inherit; font-size:16px; }
.ar-lighting-tools .ae-fields input[aria-invalid=true] { border-color:#f2ad82; }
.ar-lighting-tools .ae-fields label:last-child { grid-column:1/-1; }
.ar-lighting-tools .ae-error { color:#ffc59d; font-size:12px; line-height:1.5; }
.ar-lighting-tools .ae-error:empty { display:none; }
.ar-lighting-tools .ae-reset { margin-top:18px; padding:10px 14px; min-height:44px; border:1px solid #345562; border-radius:7px; background:#102a36; color:#cfe7ee; font-size:12px; }
.ar-lighting-tools .ae-hero-value { display:block; font-size:clamp(36px,5vw,56px); font-weight:500; color:#e8f6f8; letter-spacing:-.045em; }
.ar-lighting-tools .ae-hero-label { color:#a8c6d1; font-size:12px; margin:6px 0 22px; }
.ar-lighting-tools .ae-metrics { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:18px 0; border-top:1px solid #2d4652; border-bottom:1px solid #2d4652; margin:0; }
.ar-lighting-tools .ae-metrics dt { font-size:11px; color:#a6c0cd; margin-bottom:8px; }
.ar-lighting-tools .ae-metrics dd { margin:0; font-size:20px; color:#d4eaf0; }
.ar-lighting-tools .ae-total-note,.ar-lighting-tools .ae-example { font-size:12px; color:#b5ccd7; line-height:1.7; }
.ar-lighting-tools .ae-scenario { margin-top:25px; }
.ar-lighting-tools .ae-scenario h4 { font-size:16px; margin:0 0 8px; font-weight:500; }
.ar-lighting-tools .ae-scenario > p { font-size:11px; line-height:1.6; color:#a5bfcc; }
.ar-lighting-tools .ae-avoid-label { display:flex; justify-content:space-between; gap:12px; margin:18px 0 8px; color:#cadfe8; font-size:12px; }
.ar-lighting-tools .ae-avoid-output { color:#7ae1e5; }
.ar-lighting-tools .ae-avoid { width:100%; accent-color:#65d7dd; min-height:30px; }
.ar-lighting-tools .ae-bar { height:9px; display:flex; border-radius:8px; overflow:hidden; margin:14px 0; background:#3d515e; }
.ar-lighting-tools .ae-reduced-bar { background:#68d4d5; }
.ar-lighting-tools .ae-remaining-bar { background:#536674; }
.ar-lighting-tools .ae-comparison { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ar-lighting-tools .ae-comparison span { display:block; font-size:10px; color:#a9c0cd; line-height:1.5; }
.ar-lighting-tools .ae-comparison strong { display:block; font-size:21px; color:#7cdee2; margin:6px 0; font-weight:500; }
.ar-lighting-tools .ae-comparison > div:last-child strong { color:#c5d5df; }
.ar-lighting-tools .ae-benefit { margin-top:24px; padding:20px 23px; border-left:2px solid #63d8df; background:#0d222d; border-radius:0 10px 10px 0; }
.ar-lighting-tools .ae-benefit strong { font-size:16px; font-weight:500; }
.ar-lighting-tools .ae-benefit p,.ar-lighting-tools .ae-assumptions { font-size:12px; color:#adc4d0; line-height:1.8; }
.ar-lighting-tools .ae-benefit p { margin-bottom:0; }
.ar-lighting-tools .ae-assumptions { margin-top:20px; }
.ar-lighting-tools .ae-assumptions summary { cursor:pointer; color:#d0e4ec; padding:10px 0; }
.ar-lighting-tools .ae-assumptions a { color:#7bdbe5; text-underline-offset:3px; }
.ar-lighting-tools .ae-results[hidden] { display:none; }
@media(max-width:850px) { .ar-lighting-tools .ae-layout { grid-template-columns:1fr; } }
@media(max-width:480px) { .ar-lighting-tools .ae-form,.ar-lighting-tools .ae-results { padding:19px; } .ar-lighting-tools .ae-fields { gap:17px 12px; } .ar-lighting-tools .ae-fields label { font-size:11px; } .ar-lighting-tools .ae-section { padding:28px 8px 0; } }

.ar-lighting-tools .as-section { max-width:1320px; margin:54px auto 24px; padding-top:42px; border-top:1px solid #24434e; }
.ar-lighting-tools .as-heading h2 { margin:0 0 12px; font-size:clamp(26px,3vw,38px); font-weight:600; letter-spacing:-.035em; }
.ar-lighting-tools .as-heading > p:last-child { max-width:690px; font-size:14px; line-height:1.7; color:#b4c7d0; }
.ar-lighting-tools .as-examples { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 20px; }
.ar-lighting-tools .as-section button { min-height:44px; padding:11px 16px; border:1px solid #345562; border-radius:8px; background:#102a36; color:#cfe7ee; font-size:12px; cursor:pointer; }
.ar-lighting-tools .as-section button[aria-pressed=true] { border-color:#6ce4ed; box-shadow:0 0 0 1px #6ce4ed; color:#fff; }
.ar-lighting-tools .as-views { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; max-width:900px; margin:0 auto; }
.ar-lighting-tools .as-panel { min-width:0; border:1px solid #294752; border-radius:14px; overflow:hidden; background:#0b1b24; }
.ar-lighting-tools .as-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 17px; }
.ar-lighting-tools .as-panel h3 { margin:0; font-size:15px; font-weight:500; }
.ar-lighting-tools .as-light-status { font-size:11px; padding:6px 10px; border-radius:20px; color:#b2c3cd; border:1px solid #466171; white-space:nowrap; }
.ar-lighting-tools .as-light-status[data-on=true] { color:#ffe5b3; border-color:#9a8058; background:#443926; }
.ar-lighting-tools .as-room-art { width:100%; display:block; aspect-ratio:4/3; }
.ar-lighting-tools .as-lit { transition:opacity .25s ease; }
.ar-lighting-tools .as-panel-foot { padding:14px 17px; border-top:1px solid #294752; min-height:66px; box-sizing:border-box; }
.ar-lighting-tools .as-sensor-status { display:block; color:#a2e3e5; font-size:12px; }
.ar-lighting-tools .as-timer { display:block; color:#9eb9c8; font-size:10px; margin-top:7px; }
.ar-lighting-tools .as-caption { margin:20px 0 0; padding:20px 23px; background:#102630; border-left:2px solid #62d9df; border-radius:0 10px 10px 0; }
.ar-lighting-tools .as-caption-title { font-size:17px; font-weight:500; }
.ar-lighting-tools .as-caption-text { color:#bed1da; font-size:13px; line-height:1.7; margin:8px 0 0; }
.ar-lighting-tools .as-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; }
.ar-lighting-tools .as-controls .as-play { color:#06222c; background:#72dce2; border-color:#72dce2; min-width:130px; }
.ar-lighting-tools .as-progress { font-size:11px; color:#a6bfcd; margin-left:auto; }
.ar-lighting-tools .as-timeline { display:flex; align-items:center; gap:18px; margin-top:15px; color:#9ebfcd; font-size:11px; }
.ar-lighting-tools .as-scrub { flex:1; min-width:0; height:30px; accent-color:#70dfe4; }
.ar-lighting-tools .as-reduced,.ar-lighting-tools .as-note { color:#9db7c5; font-size:11px; line-height:1.7; }
.ar-lighting-tools .as-choices { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }
.ar-lighting-tools .as-choices article { padding:22px; border:1px solid #294752; border-radius:12px; background:#0d202a; }
.ar-lighting-tools .as-choices h3 { margin:0 0 10px; font-size:17px; font-weight:500; }
.ar-lighting-tools .as-choices p { color:#b7ced9; font-size:12px; line-height:1.8; margin:8px 0; }
.ar-lighting-tools .as-choices strong { color:#cbe7ed; font-weight:500; }
.ar-lighting-tools .as-source { margin-top:18px; color:#94afbd; font-size:10px; line-height:1.7; }
.ar-lighting-tools .as-source a { color:#7bdbe5; }
.ar-lighting-tools .as-section [hidden] { display:none; }
@media(max-width:650px) { .ar-lighting-tools .as-choices { grid-template-columns:1fr; } .ar-lighting-tools .as-section { padding:28px 8px 0; } .ar-lighting-tools .as-caption { padding:17px; } }
@media(prefers-reduced-motion:reduce) { .ar-lighting-tools .as-lit { transition:none; } }

.ar-lighting-tools .as-delay { margin-top:9px; height:3px; background:#243e4a; border-radius:3px; overflow:hidden; }
.ar-lighting-tools .as-delay-fill { display:block; width:100%; height:100%; background:#c9b284; }
.ar-lighting-tools .as-panel-foot { min-height:78px; }
@media(max-width:650px) {
 .ar-lighting-tools .as-views { gap:8px; }
 .ar-lighting-tools .as-panel-head { padding:11px 9px; flex-direction:column; align-items:flex-start; gap:7px; }
 .ar-lighting-tools .as-panel h3 { font-size:12px; }
 .ar-lighting-tools .as-light-status { font-size:10px; padding:4px 7px; }
 .ar-lighting-tools .as-panel-foot { padding:11px 9px; min-height:92px; }
 .ar-lighting-tools .as-sensor-status { font-size:11px; }
 .ar-lighting-tools .as-timer { font-size:10px; line-height:1.5; }
}

.ar-lighting-tools .al-lighting { margin-top:26px; padding-top:20px; border-top:0; }