.jla,.jla *{box-sizing:border-box}.jla{--jla-ink:#eaf1ff;max-width:1120px;margin:24px auto;padding:24px;background:#111827;color:var(--jla-ink);border:1px solid #303c50;border-radius:20px;font:15px/1.5 system-ui,-apple-system,sans-serif;color-scheme:dark}.jla .jla-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.jla .jla-eyebrow{font-size:11px;letter-spacing:.2em;color:#90a4c2}.jla h2{margin:3px 0 0;color:var(--jla-ink);font:600 28px/1.25 system-ui,sans-serif}.jla .jla-badge{padding:6px 12px;background:#203048;border:1px solid #405779;border-radius:30px;font-size:12px;white-space:nowrap}.jla .jla-stage{position:relative;height:340px;overflow:hidden;border:1px solid #344058;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,#24304a,transparent 65%),#070b13}.jla .jla-truss{position:absolute;top:32px;left:4%;width:92%;height:14px;border-top:3px solid #728098;border-bottom:3px solid #728098;background:repeating-linear-gradient(45deg,transparent 0 13px,#56637c 14px 16px,transparent 17px 26px)}.jla .jla-lights{position:absolute;inset:0}.jla .jla-fixture{position:absolute;top:48px;width:0;height:0;--jla-color:#36c9ff;--jla-strength:.75;--jla-angle:0deg}.jla .jla-head{position:absolute;left:-12px;top:0;width:24px;height:26px;border:3px solid #58667c;border-radius:5px;background:#1a2434;transform:rotate(var(--jla-angle));z-index:3}.jla .jla-head:after{content:'';position:absolute;bottom:-5px;left:1px;width:16px;height:5px;border-radius:3px;background:var(--jla-color);opacity:var(--jla-strength);box-shadow:0 0 16px var(--jla-color)}.jla .jla-beam{position:absolute;top:23px;left:-72px;width:144px;height:290px;background:linear-gradient(to bottom,var(--jla-color),transparent);opacity:var(--jla-strength);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);transform-origin:50% 0;transform:rotate(var(--jla-angle));mix-blend-mode:screen}.jla .jla-number{position:absolute;top:-30px;left:-10px;width:20px;text-align:center;font-size:11px;color:#adbcd1}.jla .jla-floor{position:absolute;bottom:0;width:100%;height:26px;background:#172031;border-top:1px solid #4a5d78}.jla .jla-stage-label{position:absolute;bottom:7px;left:18px;color:#a6b7d1;font-size:10px;letter-spacing:.18em}.jla .jla-master{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid #303c50}.jla .jla-master>label{flex:1;min-width:180px}.jla label{display:block;color:#bbcbe0;font-size:13px}.jla output{float:right;color:#eaf1ff;font-variant-numeric:tabular-nums}.jla input[type=range]{display:block;width:100%;height:22px;margin:8px 0 0;accent-color:#7cbeff;cursor:pointer;padding:0}.jla .jla-actions,.jla .jla-scenes{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.jla button{border:1px solid #42536d;border-radius:8px;background:#26354c;color:#eaf1ff;padding:8px 12px;cursor:pointer;font:500 13px/1.4 system-ui,sans-serif;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:36px}.jla button:hover{background:#354967}.jla button:focus-visible,.jla input:focus-visible{outline:3px solid #b4ddff;outline-offset:3px}.jla .jla-scenes{padding:18px 0}.jla .jla-scenes>span{color:#a9b9d0;font-size:13px;margin-right:6px}.jla .jla-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jla .jla-card{padding:16px;background:#1a2435;border:1px solid #34415a;border-top:3px solid var(--jla-color);border-radius:12px}.jla .jla-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.jla strong{font-size:13px;color:#edf3ff}.jla .jla-switch{min-width:54px}.jla .jla-switch[aria-pressed=true]{background:#214c43;border-color:#429c86;color:#aaf0d2}.jla .jla-color-label{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.jla input[type=color]{width:52px;height:32px;padding:2px;border:1px solid #546780;border-radius:6px;background:#26354c;cursor:pointer}.jla .jla-note{margin:18px 0 0;color:#9eafc9;font-size:12px}.jla noscript{display:block;padding:12px;color:#ffd491}@media(max-width:700px){.jla{padding:16px}.jla .jla-master{align-items:stretch;flex-direction:column;gap:12px}.jla .jla-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.jla .jla-stage{height:280px}.jla .jla-beam{height:235px;width:110px;left:-55px}}@media(max-width:430px){.jla .jla-controls{grid-template-columns:1fr}.jla .jla-header{align-items:flex-start;flex-direction:column}.jla h2{font-size:24px}}