#lscv,#kv6LightSpreadCanvas{display:block;width:100%;height:auto;aspect-ratio:960/530;background:#050608}
#lscv{height:clamp(520px,42vw,610px);aspect-ratio:auto;pointer-events:none}
.sim-section{padding-top:72px}
.section-head{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:64px;margin-bottom:34px}
.section-head h2{max-width:820px}
.section-head>p{max-width:520px;padding-bottom:6px}
.product-tabs{position:sticky;top:68px;z-index:30;width:100%;margin:0;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.24)}
.product-tab{min-height:66px;padding:10px 22px}
.product-tab b{font-size:17px}.product-tab span{margin-top:2px;font-size:12px}
.product-panel{border:1px solid var(--line);border-top:0;background:#090a0c}
.panel-intro{display:none}
.sim-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,.72fr);border:0;background:#090a0c}
.controls-card{grid-column:2;grid-row:1;z-index:3;display:flex;flex-direction:column;padding:22px;border-left:1px solid var(--line);background:linear-gradient(90deg,rgba(13,15,17,.68),rgba(13,15,17,.88) 34%,rgba(13,15,17,.96))}
.controls-card>.control{margin:0!important;padding:0!important;border:0!important}
.controls-card>.control+.control{margin-top:18px!important;padding-top:18px!important;border-top:1px solid var(--line)!important}
.control label{margin-bottom:9px;font-size:12px}
.ls-mode-row{grid-template-columns:repeat(3,1fr)}
.ls-mode-btn,.ls-preset-btn{min-height:50px;font-size:14px}
.ls-mode-btn+button{border-left:0}
#kvt-panel .ls-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px}
.preset-desc{min-height:48px;margin:8px 0 0;padding:11px 14px;font-size:14px;line-height:1.35}
.canvas-card{grid-column:1/-1;grid-row:1;position:relative;z-index:1;min-width:0;overflow:visible;border:0}
.canvas-bar{display:none}
.canvas-caption{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:16px;height:54px;margin:-40px calc(34% - 21px) 18px 35px;padding:8px 14px;border:1px solid var(--line);background:rgba(5,6,8,.86);font-size:14px}
.canvas-caption>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contour-key{display:grid;grid-template-columns:repeat(6,max-content);align-items:center;justify-content:end;gap:7px;width:280px;white-space:nowrap;color:var(--muted);font:600 13px 'IBM Plex Mono',monospace}
.contour-key i{display:inline-block;width:24px;height:2px;margin-left:8px;background:currentColor}
.contour-key .lux-1{color:rgba(130,195,255,.8)}.contour-key .lux-5{color:rgba(255,199,44,.85)}.contour-key .lux-20{color:rgba(255,255,255,.75)}
.contour-key .lux-15{color:rgba(255,220,90,.9)}.contour-key .lux-30{color:rgba(255,255,255,.85)}
.controls-card .readouts{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid var(--line)}
.controls-card .readouts article{min-height:92px;padding:13px 14px;border-right:1px solid var(--line);border-top:1px solid var(--line)}
.controls-card .readouts article:nth-child(-n+2){border-top:0}
.controls-card .readouts article:nth-child(2n){border-right:0}
.readouts span{font-size:12px}
.readouts strong{margin-top:9px;font-size:23px}
.readouts p{margin-top:7px;font-size:14px;line-height:1.3}
#kv6-panel .ls-preset-grid{grid-template-columns:repeat(4,1fr)}
#kv6LightSpreadCanvas{height:clamp(520px,42vw,610px);aspect-ratio:auto}
#kv6-panel .ls-preset-grid{grid-template-columns:1fr 1fr}
#kv6-panel .controls-card .readouts{grid-template-columns:1fr 1fr}
.model-note{margin:22px 0 0}
.ls-mode-btn[aria-pressed="true"],.ls-preset-btn[aria-pressed="true"]{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}
@media(max-width:1000px){
  .section-head{grid-template-columns:1fr;gap:18px}
  .section-head{padding:42px 0}.product-tabs{position:relative;top:auto}
  .sim-shell,#kv6-panel .sim-shell{display:flex;flex-direction:column}.controls-card{order:2;padding:20px;border-left:0;border-top:1px solid var(--line)}.canvas-card{order:1}.canvas-caption{margin:20px 20px 0}
  #kv6-panel .ls-preset-grid{grid-template-columns:repeat(2,1fr)}
  .controls-card .readouts{grid-template-columns:repeat(3,1fr)}
  .controls-card .readouts article:nth-child(2n){border-right:1px solid var(--line)}
  .controls-card .readouts article:nth-child(3n){border-right:0}
  .controls-card .readouts article:nth-child(-n+3){border-top:0}
}
@media(max-width:650px){
  #lscv{height:420px}.canvas-caption{align-items:flex-start;flex-direction:column;gap:8px}
  .product-tabs{grid-template-columns:1fr}.product-tab{border-right:0}
  .ls-mode-row,#kvt-panel .ls-preset-grid,#kv6-panel .ls-preset-grid{grid-template-columns:1fr}
  .ls-mode-btn+button{border-left:1px solid var(--line);border-top:0}
  .controls-card .readouts{grid-template-columns:1fr}
  .controls-card .readouts article{border-right:0!important;border-top:1px solid var(--line)!important}
}
/* Reflow at 320px: the caption stacks and the fixed 280px legend wraps instead of leaving the viewport. */
@media(max-width:480px){.canvas-caption{grid-template-columns:minmax(0,1fr);height:auto}.contour-key{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:auto;max-width:100%;row-gap:4px;white-space:normal}}