.demo-led{--demo-line:#717178;--demo-muted:#c2c2c9;max-width:1440px;margin:auto;padding:24px clamp(20px,5vw,76px) 80px;color:#f4f4f6}
.demo-led *{box-sizing:border-box}.demo-led button,.demo-led input,.demo-led summary{font:inherit}.demo-led button{cursor:pointer}.demo-led button:disabled{cursor:not-allowed}.demo-led button:focus-visible,.demo-led a:focus-visible,.demo-led summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
.demo-notice{display:flex;align-items:center;gap:13px;padding:16px 20px;border:1px solid #707078;border-radius:12px;background:#27272b;font-size:12px;line-height:1.6}.demo-notice-dot{width:8px;height:8px;border-radius:50%;background:#dedee5;flex-shrink:0}.demo-notice strong,.demo-notice span:not(.demo-notice-dot){display:block}.demo-notice div>span{color:var(--demo-muted);font-size:11px}.demo-notice a{margin-left:auto;white-space:nowrap;text-underline-offset:4px}
.demo-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.7;color:var(--demo-muted);margin:28px 0}.demo-breadcrumb a{color:inherit}
.demo-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}.demo-visual-column{height:100%;min-width:0}.demo-visual-sticky{position:sticky;top:115px}.demo-led .led-studio{position:static;width:100%;min-width:0}.demo-led .led-stage{height:425px;min-height:0;border-radius:22px;background:radial-gradient(ellipse at 50% 44%,#46464e,#17171c 70%)}.demo-led .led-canvas{height:100%;width:100%}.demo-led .led-stage-label{font-size:9px}.demo-led .led-stage-bottom{font-size:10px}.demo-led .led-simulation{padding:18px 0 0}.demo-led .led-disclaimer{font-size:10px;line-height:1.7}.demo-led .led-temperatures button:disabled{opacity:.3}.demo-visual-meta{display:flex;justify-content:space-between;gap:12px;margin:13px 0 22px;font-size:10px;color:var(--demo-muted)}
.demo-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #5a5a62;padding:19px 0;gap:14px}.demo-dimensions span{display:block;font-size:10px;color:var(--demo-muted);margin-bottom:9px}.demo-dimensions strong{font-size:22px;font-weight:400;white-space:nowrap}.demo-dimensions small{font-size:11px;color:var(--demo-muted)}
.demo-ambience{margin-top:25px;padding:22px;border:1px solid #65656d;border-radius:16px;background:#242428}.demo-ambience h3{font-size:17px;font-weight:400;margin:0 0 7px}.demo-ambience p{font-size:11px;line-height:1.7;color:var(--demo-muted);margin:0 0 16px}.demo-ambience p:last-child{margin:8px 0 0}.demo-ambience label{display:flex;justify-content:space-between;font-size:12px;gap:10px;margin:24px 0 12px}.demo-ambience input{width:100%;accent-color:#ddd;min-height:28px}.demo-ambience input:disabled{opacity:.35}
.demo-configuration{min-width:0}.demo-led .eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.8;color:#cfcfd7}.demo-configuration h1{font-size:clamp(35px,3.65vw,57px);font-weight:300;line-height:1.08;letter-spacing:-2px;margin:16px 0 20px}.demo-configuration h1 em{font-style:normal;color:#c9c9d2}.demo-product-name{font-size:16px;line-height:1.6;margin:0 0 12px}.demo-intro{font-size:13px;line-height:1.9;color:var(--demo-muted);margin:0}.demo-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0;margin:19px 0 0;border-bottom:1px solid #64646c;gap:12px}.demo-highlights span{display:block;font-size:9px;color:var(--demo-muted);margin-bottom:7px}.demo-highlights strong{font-size:17px;font-weight:400;white-space:nowrap}.demo-selection-status{font-size:11px;line-height:1.8;min-height:64px;color:var(--demo-muted);padding:17px 0 10px}
.demo-step{border:0;border-bottom:1px solid #5a5a62;padding:24px 0;margin:0;min-width:0}.demo-step legend{display:flex;align-items:center;gap:13px;float:left;width:100%;font-size:17px;line-height:1.5;font-weight:400;margin:0 0 9px;padding:0}.demo-step legend+*{clear:both}.demo-step legend>span,.demo-step-heading>span{font-size:10px;letter-spacing:.05em;color:#c0c0ca;border:1px solid #74747f;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;flex-shrink:0}.demo-step>p,.demo-accessories>p{font-size:11px;line-height:1.8;color:var(--demo-muted);margin:0 0 15px}.demo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-options-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-choice{display:flex;align-items:center;gap:9px;text-align:left;color:#e5e5eb;border:1px solid #797982;background:#26262b;border-radius:12px;padding:15px 11px;min-height:80px;min-width:0;transition:border-color .18s,background .18s}.demo-choice>span:not(.demo-choice-mark){flex:1;min-width:0}.demo-choice strong{display:block;font-size:11px;font-weight:500;line-height:1.5}.demo-choice small{display:block;color:#c0c0ca;font-size:9px;line-height:1.6;margin-top:5px}.demo-choice-mark{font-size:13px;color:#b8b8c0;align-self:flex-start}.demo-choice.is-selected{background:linear-gradient(125deg,#505057,#35353c);border-color:#e3e3ec;box-shadow:inset 0 0 0 1px #e3e3ec}.demo-choice.is-selected .demo-choice-mark{color:white}.demo-choice:disabled{opacity:.34;background:#222226;border-style:dashed}.demo-options-finish .demo-choice,.demo-options-kelvin .demo-choice{flex-wrap:wrap}.demo-finish-swatch,.demo-kelvin-swatch{width:23px;height:23px;flex-shrink:0;border-radius:50%;border:1px solid #a1a1aa;background:var(--swatch)}.demo-kelvin-3000{background:#f7d1a0}.demo-kelvin-4000{background:#f3ead8}.demo-kelvin-6000{background:#dce8ff}.demo-step .demo-option-note{font-size:10px;margin:12px 0 0;color:#c5c5cd}.demo-step .demo-current-help{font-size:11px;margin:13px 0 0;padding-left:12px;border-left:2px solid #aaaab6;color:#e0e0e7}
.demo-accessories{padding:27px 0 10px}.demo-step-heading{display:flex;align-items:center;gap:13px;margin-bottom:10px}.demo-step-heading h2{font-size:17px;line-height:1.5;font-weight:400;margin:0}.demo-accessory{display:flex;align-items:center;gap:12px;border:1px solid #686871;border-radius:12px;padding:15px;margin:10px 0;cursor:pointer;background:#25252a}.demo-accessory:has(input:checked){border-color:#ddd;background:#38383f}.demo-accessory input{width:18px;height:18px;accent-color:#ddd;flex-shrink:0}.demo-accessory strong{font-size:12px;font-weight:400}.demo-accessory small{display:block;font-size:10px;line-height:1.7;color:var(--demo-muted);margin-top:4px}.demo-optional{font-size:9px;color:var(--demo-muted);margin-left:auto}
.demo-summary{border:1px solid #a9a9b4;border-radius:19px;padding:26px;margin-top:22px;background:linear-gradient(135deg,#37373f,#24242a)}.demo-summary h2{font-size:31px;font-weight:300;letter-spacing:-.7px;margin:12px 0 19px}.demo-reference{font-size:13px;margin:0 0 16px}.demo-reference span{margin-left:8px;font-size:9px;letter-spacing:.04em;color:#c8c8d0}.demo-summary-list{margin:0}.demo-summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #62626b;font-size:11px;line-height:1.6}.demo-summary-list dt{color:#c8c8d1}.demo-summary-list dd{text-align:right;margin:0;max-width:67%;overflow-wrap:anywhere}.demo-quantity{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0;font-size:12px}.demo-quantity>div{display:flex;align-items:center}.demo-quantity button{width:35px;height:40px;background:#3d3d45;border:1px solid #92929c;color:#fff;font-size:18px}.demo-quantity button:disabled{opacity:.4}.demo-quantity input{width:58px;min-width:0;height:40px;text-align:center;border-radius:0!important;padding:0!important;appearance:textfield}.demo-quantity input::-webkit-inner-spin-button{appearance:none}.demo-led .demo-primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#e4e4ea;color:#17171d;border:1px solid #fff;box-shadow:none;font-size:12px;min-height:49px;padding:15px 19px;border-radius:10px;font-weight:500}.demo-summary>p:not(.eyebrow){font-size:10px;line-height:1.8;color:var(--demo-muted);margin:13px 0}.demo-summary-tools{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.demo-summary-tools button{padding:5px 0;color:#dedee7;font-size:10px;text-align:left;background:none;border:0;border-bottom:1px solid #8b8b96;min-height:30px}.demo-summary #demo-tool-status{margin-bottom:0;overflow-wrap:anywhere}
.demo-section-nav{display:flex;gap:25px;flex-wrap:wrap;border-block:1px solid #5a5a63;padding:23px 0;margin-top:65px;font-size:12px}.demo-section-nav a{color:#e0e0e8;text-underline-offset:5px}.demo-details{padding-top:64px;scroll-margin-top:125px}.demo-section-heading h2{font-size:clamp(28px,3vw,41px);line-height:1.2;letter-spacing:-1px;font-weight:300;margin:13px 0}.demo-section-heading>p:last-child{font-size:12px;line-height:1.9;color:var(--demo-muted);max-width:660px}.demo-technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 45px;margin-top:32px}.demo-tech-group h3{font-size:17px;font-weight:400;margin:0 0 15px;padding-bottom:16px;border-bottom:1px solid #a0a0ab}.demo-tech-group dl{margin:0}.demo-tech-group dl>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:20px;border-bottom:1px solid #4d4d55;padding:12px 0;font-size:11px;line-height:1.8}.demo-tech-group dt{color:var(--demo-muted)}.demo-tech-group dd{margin:0;text-align:right;overflow-wrap:anywhere}
.demo-comparison{margin-top:25px;border:1px solid #74747e;border-radius:13px;overflow:hidden}.demo-comparison>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:13px;padding:22px;line-height:1.7;list-style:none}.demo-comparison summary::-webkit-details-marker{display:none}.demo-table-scroll{overflow:auto;max-height:560px;overscroll-behavior:contain}.demo-table-scroll table{width:100%;min-width:860px;border-collapse:collapse;font-size:10px}.demo-table-scroll caption{text-align:left;padding:15px 22px;color:var(--demo-muted)}.demo-table-scroll th,.demo-table-scroll td{text-align:left;padding:14px 15px;border-top:1px solid #5b5b64;font-weight:400}.demo-table-scroll thead{background:#3b3b43}.demo-table-scroll tr.is-selected{background:#45454e}.demo-table-scroll button{white-space:nowrap;min-height:34px;border:1px solid #9b9ba6;border-radius:8px;background:#34343d;color:white;padding:7px 12px;font-size:10px}
.demo-advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 30px;margin-top:28px}.demo-advice-grid details{border-bottom:1px solid #777781;padding:18px 0}.demo-advice-grid summary{font-size:13px;line-height:1.7;cursor:pointer;padding-right:12px}.demo-advice-grid p{font-size:12px;line-height:1.9;color:var(--demo-muted);padding:12px 0 4px}
.demo-led .demo-recap-dialog{width:min(540px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #a0a0ac;border-radius:20px;padding:35px 27px;background:#292930;color:#f5f5fa}.demo-recap-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.demo-recap-dialog h2{font-size:31px;font-weight:300;line-height:1.2;margin:20px 0 25px}.demo-dialog-close{position:absolute;right:14px;top:10px;min-width:40px;min-height:40px;font-size:27px;border:0;background:transparent;color:white}.demo-recap-quantity{font-size:12px;margin:20px 0}.demo-recap-note{font-size:11px;line-height:1.9;color:var(--demo-muted);margin:20px 0}.demo-return{display:block;margin:18px auto 0;font-size:12px;padding:10px;border:0;background:none;color:#ddd;text-decoration:underline;text-underline-offset:5px}.demo-print-sheet{display:none}
@media(hover:hover){.demo-choice:not(:disabled):hover,.demo-accessory:hover{border-color:#fff;background:#46464f}.demo-led .demo-primary:hover{background:white;color:#111}.demo-summary-tools button:hover{color:white;border-color:white}}
@media(max-width:1000px){.demo-product-layout{gap:28px}.demo-options{grid-template-columns:1fr}.demo-options-mode,.demo-options-kelvin,.demo-options-finish{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-choice{min-height:65px}.demo-led .led-stage{height:360px}.demo-configuration h1{letter-spacing:-1.3px}.demo-highlights{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:19px}.demo-dimensions{gap:9px}.demo-dimensions strong{font-size:18px}.demo-dimensions span{font-size:9px}.demo-summary{padding:22px}.demo-technical-grid{gap:25px}}
@media(max-width:720px){.demo-led{padding:16px 20px 55px}.demo-notice{padding:13px;align-items:flex-start;gap:9px}.demo-notice-dot{margin-top:6px}.demo-notice a{display:none}.demo-notice strong{font-size:11px}.demo-notice div>span{font-size:10px}.demo-breadcrumb{margin:22px 0;font-size:10px;gap:7px}.demo-product-layout{grid-template-columns:1fr;gap:31px}.demo-visual-sticky{position:static}.demo-led .led-stage{height:335px}.demo-led .led-simulation-actions{flex-wrap:wrap;gap:12px}.demo-visual-meta{margin-bottom:17px}.demo-dimensions{padding:16px 0;gap:10px}.demo-dimensions strong{font-size:21px}.demo-ambience{padding:18px}.demo-configuration h1{font-size:43px;letter-spacing:-1.7px}.demo-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.demo-highlights strong{font-size:16px}.demo-highlights span{font-size:8px}.demo-selection-status{min-height:62px}.demo-step{padding:24px 0}.demo-step legend{font-size:16px;gap:10px}.demo-options{grid-template-columns:1fr}.demo-options-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-options-kelvin,.demo-options-finish{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-choice{padding:13px 11px;min-height:65px}.demo-choice strong{font-size:11px}.demo-options-kelvin .demo-choice,.demo-options-finish .demo-choice{display:block;text-align:center;position:relative;padding:15px 8px}.demo-options-kelvin .demo-choice i,.demo-options-finish .demo-choice i{display:block;margin:0 auto 9px}.demo-options-kelvin .demo-choice-mark,.demo-options-finish .demo-choice-mark{position:absolute;right:6px;top:5px;font-size:11px}.demo-options-kelvin small{font-size:8px}.demo-step-heading h2{font-size:16px}.demo-optional{display:none}.demo-summary{padding:22px 19px}.demo-section-nav{gap:18px;margin-top:42px;font-size:11px;padding:19px 0}.demo-details{padding-top:40px;scroll-margin-top:105px}.demo-technical-grid,.demo-advice-grid{grid-template-columns:1fr}.demo-tech-group dl>div{font-size:11px;gap:14px}.demo-comparison>summary{font-size:12px;padding:17px}.demo-advice-grid{gap:0}.demo-recap-dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.demo-led *{transition:none!important;scroll-behavior:auto!important}}
@media print{body.demo-led-print{background:white!important;color:black!important}body.demo-led-print>*:not(main){display:none!important}body.demo-led-print main{padding:0!important;margin:0!important}body.demo-led-print .demo-led{padding:0!important;margin:0!important;color:black!important;max-width:none!important}body.demo-led-print .demo-led>*:not(.demo-print-sheet){display:none!important}body.demo-led-print .demo-print-sheet{display:block!important;color:black!important;font-family:Arial,sans-serif;font-size:10pt}body.demo-led-print .demo-tech-group{break-inside:avoid;margin:22px 0}body.demo-led-print .demo-tech-group h3{color:black!important;font-size:13pt;border-color:#555}body.demo-led-print .demo-tech-group dt,body.demo-led-print .demo-tech-group dd{color:black!important}body.demo-led-print .demo-tech-group dl>div{font-size:9pt;border-color:#ccc;padding:7px 0}body.demo-led-print .demo-print-sheet>h1{font-size:23pt;letter-spacing:0;color:black!important}}

.demo-mobile-intro{display:none}.demo-configuration,#demo-steps{scroll-margin-top:120px}
@media(max-width:720px){.demo-mobile-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px;line-height:1.6}.demo-mobile-intro p{font-size:15px;margin:0}.demo-mobile-intro a{font-size:10px;color:#e6e6ee;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.demo-configuration,#demo-steps{scroll-margin-top:108px}}