.ledctrl-configurator-host{--accent-1: #ff8c00;--accent-2: #ffb15a;--surface: rgba(255, 255, 255, .74);--surface-soft: rgba(250, 251, 253, .72);--surface-muted: rgba(241, 244, 248, .7);--line: rgba(255, 255, 255, .46);--line-strong: rgba(255, 255, 255, .62);--glass-shadow: 0 28px 54px rgba(15, 23, 42, .1), 0 6px 16px rgba(15, 23, 42, .04);--ink: rgba(15, 18, 24, .96);--muted: rgba(15, 18, 24, .56);--focus: rgba(255, 140, 0, .22);--frame-radius: 30px;--panel-radius: 22px;--control-radius: 16px;--frame-shadow: 0 42px 90px rgba(15, 23, 42, .12), 0 10px 28px rgba(15, 23, 42, .05);--panel-shadow: 0 18px 34px rgba(15, 23, 42, .08), 0 4px 14px rgba(15, 23, 42, .03);--page-fade: linear-gradient(180deg, rgba(232, 237, 244, 0) 0%, rgba(232, 237, 244, .72) 100%);width:100%;margin:0;color:var(--ink);font-family:SF Pro Display,Segoe UI,Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ledctrl-configurator-host .ledctrl-configurator-app{width:100%;position:relative;padding:0;background:transparent}.ledctrl-configurator-host *,.ledctrl-configurator-host *:before,.ledctrl-configurator-host *:after{box-sizing:border-box}.ledctrl-configurator-host #loadingSpinner{position:absolute;inset:0;background:#fffffff5;z-index:10001;display:flex;justify-content:center;align-items:center;flex-direction:column}.ledctrl-configurator-host .loadingSpinnerBorder{border:4px solid transparent;width:50px;height:50px;border-radius:50%;border-left-color:#006bb3;animation:ledctrlSpin 1s linear infinite;position:absolute}@keyframes ledctrlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ledctrl-configurator-host #loadingLogo{margin-top:200px;width:150px;height:60px;background-size:100%;background-repeat:no-repeat;background-position:center;background-image:url(../images/logo.png)}.ledctrl-configurator-host #mainContainer{width:100%;position:relative;overflow:hidden;padding:0}.ledctrl-configurator-host #contentContainer{position:relative;width:100%;min-height:auto;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(360px,.9fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav nav" "left right";column-gap:18px;row-gap:18px;align-items:stretch;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ledctrl-configurator-host #contentContainer:after{content:none}.ledctrl-configurator-host .leftColumn{grid-area:left;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0}.ledctrl-configurator-host .rightColumn{grid-area:right;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0;align-self:stretch;height:clamp(640px,74vh,760px);max-height:760px;background:transparent}.ledctrl-configurator-host #navigationBarContainer{grid-area:nav;height:auto!important;min-height:0!important;margin-top:0;background:radial-gradient(240px 90px at 100% 0%,#ffb15a14,#ffb15a00 72%),linear-gradient(180deg,#fffc,#f9fafca8);border-radius:var(--panel-radius);border:1px solid rgba(255,255,255,.56);box-shadow:var(--panel-shadow);width:100%;max-width:100%;box-sizing:border-box;padding:10px 16px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.ledctrl-configurator-host #navigationBarContainer img,.ledctrl-configurator-host #navigationBarContainer svg,.ledctrl-configurator-host #navigationBarContainer .navigationBarContainerLeft,.ledctrl-configurator-host #navigationBarContainer .navigationBarLogo,.ledctrl-configurator-host #navigationBarContainer .navigationBarContainerLeftLogoImage,.ledctrl-configurator-host #navigationBarContainer .navBarOptionSeparator{display:none!important}.ledctrl-configurator-host #navigationBarContainer>*,.ledctrl-configurator-host #navigationBarContainer nav,.ledctrl-configurator-host #navigationBarContainer ul,.ledctrl-configurator-host #navigationBarContainer>div,.ledctrl-configurator-host #navigationBarContainer>div>div{display:inline-flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;min-width:max-content!important}.ledctrl-configurator-host #navigationBarContainer .navigationBarContainerRight{width:100%!important;height:auto!important;justify-content:flex-start!important}.ledctrl-configurator-host #navigationBarContainer .navBarOptions{width:100%!important;height:auto!important;margin-right:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div),.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div) *{text-decoration:none!important;border-bottom:0!important;border-bottom-color:transparent!important;background-image:none!important;background-size:0 0!important;background-position:0 0!important;background-repeat:no-repeat!important;box-shadow:none!important;outline:0!important}.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div):before,.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div):after,.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div) *:before,.ledctrl-configurator-host #navigationBarContainer :is(a,button,[role=tab],[role=button],[tabindex],li,span,div) *:after{content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:0!important;transform:none!important;filter:none!important}.ledctrl-configurator-host #navigationBarContainer .navBarOption{height:auto!important;min-height:36px!important;padding:7px 14px!important;border-radius:999px!important;border:1px solid transparent!important;background:linear-gradient(180deg,#fff0,#fff0)!important;color:#0c0c0d94!important;font-weight:620!important;font-size:12px!important;letter-spacing:.01em!important;opacity:1!important;transition:all .18s cubic-bezier(.22,.61,.36,1)!important;border-bottom:0!important}.ledctrl-configurator-host #navigationBarContainer .navBarOption.selectable:hover{color:#0a0a0ad6!important;border-color:#fca31142!important;background:linear-gradient(180deg,#ffffffd6,#f5f7fa9e)!important;box-shadow:0 8px 16px #0f172a0d!important}.ledctrl-configurator-host #navigationBarContainer .navBarOption.active{color:#080809eb!important;border-color:#fca3116b!important;background:linear-gradient(180deg,#ffffffe6,#fff5e7b8)!important;box-shadow:0 10px 18px #fca3111f,inset 0 0 0 1px #fca3111a!important;transform:none!important}.ledctrl-configurator-host #navigationBarContainer .navBarOption.blocked{color:#0c0c0d57!important;opacity:.54!important;border-color:#00000014!important;background:linear-gradient(180deg,#f6f6f8,#ececf0)!important;filter:grayscale(100%)!important}.ledctrl-configurator-host #renderCanvasContainer{position:relative;background:#dde4ec;border-radius:var(--panel-radius);border:1px solid rgba(220,228,237,.92);box-shadow:var(--panel-shadow);overflow:hidden;height:clamp(640px,74vh,760px);min-height:640px;width:100%;overscroll-behavior:contain}.ledctrl-configurator-host #renderCanvas{width:100%;height:100%;display:block;background:transparent;touch-action:none;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none}.ledctrl-configurator-host #renderCanvas:focus,.ledctrl-configurator-host #renderCanvas:focus-visible,.ledctrl-configurator-host #renderCanvasContainer:focus,.ledctrl-configurator-host #renderCanvasContainer:focus-visible{outline:none;box-shadow:none;-webkit-focus-ring-color:transparent}.ledctrl-configurator-host #loadingForCanvas{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#ffffffeb;z-index:10000}.ledctrl-configurator-host .renderTitle{position:absolute;top:24px;left:24px;z-index:30;display:inline-flex;align-items:center;gap:16px;padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none}.ledctrl-configurator-host .renderTitle .mark{display:inline-flex;align-items:center;font-weight:900;font-size:40px;line-height:1;letter-spacing:.035em;color:#0c0c0df0}.ledctrl-configurator-host .renderTitle .logo-x{height:1.02em;width:auto;margin:0 .12em;display:inline-block;vertical-align:middle;transform:translateY(1px);filter:drop-shadow(0 8px 18px rgba(252,163,17,.26)) drop-shadow(0 1px 0 rgba(255,255,255,.8))}.ledctrl-configurator-host .renderTitle .divider{width:2px;height:34px;border-radius:999px;background:linear-gradient(180deg,var(--accent-1),var(--accent-2));opacity:.9;box-shadow:0 10px 22px #fca31138}.ledctrl-configurator-host .renderTitle .subtitle{font-weight:760;font-size:22px;letter-spacing:-.01em;color:#111614d6;line-height:1.1;white-space:nowrap}.ledctrl-configurator-host #renderIntroOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:28;pointer-events:auto;transition:opacity .4s ease,transform .4s ease;opacity:1;background:transparent}.ledctrl-configurator-host #renderIntroOverlay.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.ledctrl-configurator-host #renderIntroOverlay .introInner{display:flex;align-items:center;gap:12px;background:#ffffff9e;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.58);box-shadow:0 16px 30px #0f172a14,inset 0 1px #ffffff9e;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);color:#000000d1;font-weight:700;font-size:13px;-webkit-user-select:none;user-select:none;white-space:nowrap}.ledctrl-configurator-host #renderIntroOverlay .icon{position:relative;width:56px;height:56px}.ledctrl-configurator-host #renderIntroOverlay .icon .hand{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:6px;background:linear-gradient(180deg,#ffb66a,#ff8c00);box-shadow:0 6px 18px #fca3112e;animation:ledctrlHandTap 1.4s ease-in-out infinite}.ledctrl-configurator-host #renderIntroOverlay .icon .arrow{position:absolute;top:50%;width:22px;height:2px;background:#0009;transform:translateY(-50%);opacity:.9}.ledctrl-configurator-host #renderIntroOverlay .icon .arrow.left{left:6px;transform:translateY(-50%) translate(-6px);animation:ledctrlArrowPulseLeft 1.4s infinite}.ledctrl-configurator-host #renderIntroOverlay .icon .arrow.right{right:6px;transform:translateY(-50%) translate(6px);animation:ledctrlArrowPulseRight 1.4s infinite}@keyframes ledctrlHandTap{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.92)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes ledctrlArrowPulseLeft{0%{transform:translateY(-50%) translate(-6px);opacity:0}40%{opacity:1;transform:translateY(-50%) translate(-2px)}to{transform:translateY(-50%) translate(-20px);opacity:0}}@keyframes ledctrlArrowPulseRight{0%{transform:translateY(-50%) translate(6px);opacity:0}40%{opacity:1;transform:translateY(-50%) translate(2px)}to{transform:translateY(-50%) translate(20px);opacity:0}}.ledctrl-configurator-host .renderQuickActions{position:absolute;top:18px;right:18px;z-index:32;display:flex;gap:8px;pointer-events:auto}.ledctrl-configurator-host .quickIconBtn{min-width:98px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffa3,#f6f8fb85);box-shadow:0 14px 26px #0f172a14,inset 0 1px #ffffffd9;color:#0c0c0dcc;font-size:12px;font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease}.ledctrl-configurator-host .quickIconBtn:hover{transform:translateY(-1px);border-color:#ff8c0073;box-shadow:0 16px 28px #0f172a1a,inset 0 1px #ffffffd9}.ledctrl-configurator-host .quickIconBtn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ledctrl-configurator-host #menuContainer{background:radial-gradient(280px 120px at 100% 0%,#ffb15a1a,#ffb15a00 72%),linear-gradient(180deg,#ffffffc7,#f5f8fc9e);border-radius:var(--panel-radius);border:1px solid rgba(255,255,255,.56);padding:0;box-shadow:var(--panel-shadow);flex:1 1 auto;min-height:0;overflow:hidden;width:100%;max-width:100%;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.ledctrl-configurator-host #menuContainer>*{width:100%;max-width:100%;align-self:stretch;background:transparent;border:0;border-radius:var(--panel-radius);padding:24px 24px 22px;margin:0;box-shadow:none}.ledctrl-configurator-host #menuContainer>:last-child{margin-bottom:0}.ledctrl-configurator-host #menuContainer :is(h1,h2,h3,h4){margin:0 0 10px;padding:0;color:#000000eb;letter-spacing:-.04em;line-height:1.06;font-weight:760}.ledctrl-configurator-host #menuContainer :is(p,small,.subtitle,.helper,.description){margin:0 0 12px;color:var(--muted);line-height:1.45;font-size:13px;font-weight:500}.ledctrl-configurator-host #menuContainer :is(input[type=text],input[type=number],input[type=email],input[type=search],select,textarea){width:100%;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.62);background:#ffffff8a;padding:11px 12px;font-size:13px;color:#0e1218e0;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ledctrl-configurator-host #menuContainer :is(input,select,textarea):focus{border-color:#ff8c0099;background:#ffffffd1;box-shadow:0 0 0 3px var(--focus)}.ledctrl-configurator-host #menuContentSectionHeader{height:48px;min-height:48px;max-height:48px;margin:0;padding:5px 8px 0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:30px;font-weight:760;letter-spacing:-.03em;color:#0c0c0deb;background:transparent;text-wrap:balance;overflow:hidden}.ledctrl-configurator-host #menuContentSectionDescription{height:28px;min-height:28px;max-height:28px;margin:0 0 8px;padding:0 4px 10px;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.35;color:#0c0c0d8f;text-align:center;background:transparent}.ledctrl-configurator-host .partNumberPanel{background:radial-gradient(260px 110px at 100% 0%,#ffb15a14,#ffb15a00 72%),linear-gradient(180deg,#fffc,#f6f8fba3);border-radius:var(--panel-radius);border:1px solid rgba(255,255,255,.56);padding:20px 24px 24px;box-shadow:var(--panel-shadow);flex:0 0 auto;width:100%;max-width:100%;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.ledctrl-configurator-host .partNumberLabel{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0f14128f;margin-bottom:12px;font-weight:800;display:flex;align-items:center;gap:8px}.ledctrl-configurator-host .partNumberLabel:before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(180deg,var(--accent-1),var(--accent-2));box-shadow:0 10px 18px #fca31138}.ledctrl-configurator-host #partNumber{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;padding:16px;border-radius:16px;background:#ffffffa3;border:1px solid rgba(255,255,255,.62);word-break:break-all;transition:filter .15s ease,opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #ffffffc7}.ledctrl-configurator-host #partNumber.pnPending{opacity:.55;color:#0006;background:#f3f6fadb;border-color:#a0aab838;filter:blur(.9px);-webkit-user-select:none;user-select:none}.ledctrl-configurator-host .actionsRow{display:flex;gap:12px;margin-top:14px}.ledctrl-configurator-host .pnApplyRow{display:flex;gap:8px;margin-top:10px;align-items:center}.ledctrl-configurator-host .pnApplyInput{flex:1;min-width:0;height:42px;border-radius:14px;border:1px solid rgba(20,28,40,.1);background:linear-gradient(180deg,#fff,#f5f7fa);padding:0 14px;font-size:13px;font-weight:600;color:#0f1412e0;letter-spacing:.01em;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ledctrl-configurator-host .pnApplyInput:focus-visible{border-color:#ff8c0085;box-shadow:0 0 0 3px #ff8c002e}.ledctrl-configurator-host .pnApplyBtn,.ledctrl-configurator-host .actionBtn{border:1px solid rgba(255,140,0,.18);background:linear-gradient(180deg,#fff,#f5f7fa);color:#0f1412db;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.ledctrl-configurator-host .pnApplyBtn{flex:0 0 auto;height:42px;border-radius:14px;padding:0 16px;font-size:13px;font-weight:700}.ledctrl-configurator-host .actionBtn{flex:1;padding:12px 14px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:0 12px 24px #0f172a0f,inset 0 1px #ffffffb8}.ledctrl-configurator-host .pnApplyBtn:hover,.ledctrl-configurator-host .actionBtn:hover{transform:translateY(-1px);border-color:#ff8c0080}.ledctrl-configurator-host .pnApplyBtn:hover{box-shadow:0 8px 16px #fca31126}.ledctrl-configurator-host .actionBtn:hover{background:linear-gradient(180deg,#fff,#fff6e8);box-shadow:0 14px 24px #fca31129,inset 0 1px #ffffffc7}.ledctrl-configurator-host .actionBtn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;background:linear-gradient(180deg,#fff,#f4f4f4);border-color:#0000001a;color:#00000073}.ledctrl-configurator-host .actionBtn[hidden]{display:none}@media(max-width:1200px){.ledctrl-configurator-host .renderTitle .mark{font-size:34px}.ledctrl-configurator-host .renderTitle .subtitle{font-size:18px}}@media(max-width:1024px){.ledctrl-configurator-host #mainContainer{padding:0}.ledctrl-configurator-host #contentContainer{grid-template-columns:1fr;grid-template-areas:"nav" "left" "right";min-height:0}.ledctrl-configurator-host .rightColumn{height:auto;max-height:none}.ledctrl-configurator-host #renderCanvasContainer{min-height:520px;height:520px}}@media(max-width:640px){.ledctrl-configurator-host #mainContainer{padding:0}.ledctrl-configurator-host #contentContainer{padding:0;gap:12px}.ledctrl-configurator-host #renderCanvasContainer{min-height:420px;height:420px}.ledctrl-configurator-host .renderTitle{top:12px;left:12px;gap:10px}.ledctrl-configurator-host .renderTitle .mark{font-size:24px}.ledctrl-configurator-host .renderTitle .subtitle{font-size:14px}.ledctrl-configurator-host .renderQuickActions{top:12px;right:12px;flex-direction:column}.ledctrl-configurator-host #menuContainer>*,.ledctrl-configurator-host .partNumberPanel{padding-left:16px;padding-right:16px}.ledctrl-configurator-host .actionsRow,.ledctrl-configurator-host .pnApplyRow{flex-direction:column}}