.bgHero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(24px,4vw,56px);max-width:1180px;margin:0 auto;padding:clamp(20px,4vh,44px) clamp(16px,4vw,48px) 0;display:grid;position:relative}.bgHeroCopy{padding-top:clamp(4px,3vh,36px)}.bgHeroCopy .lpBreadcrumb{justify-content:flex-start}.bgEyebrow{letter-spacing:.1em;text-transform:uppercase;color:#d9f99d;margin:14px 0 10px;font-size:.72rem;font-weight:800;display:inline-block}.bgH1{letter-spacing:-.035em;color:#fff;text-wrap:balance;margin:0 0 14px;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;line-height:1.04}.bgLead{color:#c4c4d6;max-width:520px;margin:0 0 18px;font-size:1.02rem;line-height:1.65}.bgHeroCopy .lpChips{justify-content:flex-start}.bgHeroCopy .lpNote{max-width:520px;margin:18px 0 0}.bgTool{background:linear-gradient(#1e1a34e6,#100e1eeb);border:1px solid #ffffff1a;border-radius:22px;padding:16px;scroll-margin-top:90px;box-shadow:0 30px 80px -40px #000000f2,inset 0 0 0 1px #a855f714}.bgTabs{background:#ffffff0a;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;padding:4px;display:grid}.bgTab{color:#c4c4d6;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:7px 6px;transition:background .15s,color .15s;display:flex}.bgTab span{font-size:.86rem;font-weight:800}.bgTab small{color:#8a8aa0;font-size:.66rem}.bgTab:hover:not(:disabled){color:#fff;background:#ffffff0d}.bgTabActive{color:#fff;background:#7c3aed}.bgTabActive small{color:#e9ddff}.bgTab:disabled{cursor:default}.bgDrop{color:#e7e7f0;width:100%;min-height:clamp(240px,38vh,340px);font:inherit;text-align:center;cursor:pointer;background:#7c3aed0f;border:2px dashed #c9bfff59;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:border-color .15s,background .15s;display:flex}.bgDrop svg{color:#d9f99d}.bgDrop strong{font-size:1.05rem}.bgDrop span{color:#a8a8c0;max-width:320px;font-size:.8rem;line-height:1.5}.bgDrop:hover:not(:disabled),.bgDropActive{background:#7c3aed24;border-color:#c9bfff}.bgStage{aspect-ratio:4/3;background:#12101f;border:1px solid #ffffff14;border-radius:16px;width:100%;max-height:460px;position:relative;overflow:hidden}.bgStageImg{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.bgBefore{background:#12101f;position:absolute;inset:0}.bgChecker,.bgChecker .bgBefore,.bgPairFrame.bgChecker{background-color:#2a2740;background-image:linear-gradient(45deg,#3a3656 25%,#0000 25%),linear-gradient(-45deg,#3a3656 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3656 75%),linear-gradient(-45deg,#0000 75%,#3a3656 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.bgDivider{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #0009}.bgDivider:after{content:"";background:#fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000080}.bgSlider{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.bgStage:has(.bgSlider:focus-visible) .bgDivider:after{outline-offset:3px;outline:2px solid #c9bfff}.bgTag,.bgBusy{letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#0a0a12a8;border:1px solid #ffffff29;border-radius:999px;padding:5px 10px;font-size:.66rem;font-weight:800;position:absolute}.bgTagLeft{top:10px;left:10px}.bgTagRight{top:10px;right:10px}.bgBusy{letter-spacing:0;text-transform:none;white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;display:inline-flex;bottom:14px;left:50%;transform:translate(-50%)}.bgOptions{flex-direction:column;gap:12px;margin-top:14px;display:flex}.bgRow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.bgRowStack{flex-direction:column;align-items:stretch}.bgLabel{letter-spacing:.06em;text-transform:uppercase;color:#a8a8c0;min-width:118px;font-size:.72rem;font-weight:800}.bgSwatches,.bgChips{flex-wrap:wrap;gap:8px;display:flex}.bgSwatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .12s,box-shadow .12s;position:relative}.bgSwatch:hover{transform:scale(1.08)}.bgSwatchActive{box-shadow:0 0 0 3px #12101f,0 0 0 5px #d9f99d}.bgSwatchCustom{color:#12101f;background:conic-gradient(#f87171,#fbbf24,#a3e635,#22d3ee,#818cf8,#e879f9,#f87171);place-items:center;font-weight:900;display:grid}.bgSwatchCustom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.bgChip{color:#e7e7f0;min-height:36px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:0 13px;font-size:.8rem;font-weight:700;transition:border-color .15s,background .15s}.bgChip:hover{border-color:#c9bfff80}.bgChipActive{color:#fff;background:#d9f99d1f;border-color:#d9f99d}.bgInput{color:#fff;width:100%;min-height:42px;font:inherit;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:0 14px;font-size:.9rem}.bgInput:focus{border-color:#c9bfff;outline:none}.bgTab:focus-visible,.bgDrop:focus-visible,.bgChip:focus-visible,.bgSwatch:focus-visible,.bgSwatchCustom:focus-within,.bgGhost:focus-visible{outline-offset:2px;outline:2px solid #c9bfff}.bgError{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.85rem}.bgActions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.bgActions:empty{display:none}.bgBtn{cursor:pointer;font:inherit;border:0;flex:auto;justify-content:center}.bgBtn:disabled{opacity:.7;cursor:progress}.bgGhost{color:#e7e7f0;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.bgGhost:hover:not(:disabled){color:#fff;border-color:#c9bfff99}.bgFine{color:#8a8aa0;margin:12px 2px 0;font-size:.74rem;line-height:1.5}.bgPairs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.bgPair{margin:0}.bgPairFrame{aspect-ratio:1;background:#12101f;border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.bgPairFrame img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.bgPairFrame .bgPairBefore{clip-path:inset(0 50% 0 0)}.bgPairFrame .bgDivider{left:50%}.bgPairFrame .bgDivider:after{display:none}.bgPairCap{color:#a8a8c0;margin-top:9px;font-size:.8rem;line-height:1.5}.bgPairCap strong{color:#fff}@media (max-width:960px){.bgHero{grid-template-columns:1fr}.bgHeroCopy{padding-top:0}.bgPairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.bgTool{border-radius:18px;padding:10px}.bgTab small{display:none}.bgLabel{width:100%;min-width:0}.bgPairs{grid-template-columns:1fr}.bgGhost{flex:auto;justify-content:center}}.bgSceneList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.bgSceneList li{color:#a8a8c0;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.55}.bgSceneList strong{color:#fff;margin-bottom:2px;display:block}@media (max-width:560px){.bgSceneList{grid-template-columns:1fr}}