.ld-app{background:#0d121b;border:1px solid #28374b;border-radius:12px;overflow:hidden;box-shadow:0 28px 75px #0007;text-align:left;color:#dbe7f7;font-size:12px}.ld-app button{background:#141e2c;border:1px solid #273449;border-radius:4px;color:#b9cce5;padding:7px 10px;font-size:11px}.ld-app button:hover{background:#213651;border-color:#4b8edc}.ld-titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#090f17;border-bottom:1px solid #263244;font-size:10px;color:#7185a2}.ld-titlebar strong{display:flex;align-items:center;gap:8px;font-size:17px;color:#eef5ff}.ld-project{border-left:1px solid #263244;padding-left:10px}.ld-status{margin-left:auto;font-size:10px;color:#8b9bb2;white-space:nowrap}.ld-status.on{color:#77b6ff}.ld-window{margin-left:14px;font-size:14px}.ld-toolbar{display:flex;border-bottom:1px solid #263244}.ld-toolbar>div{padding:10px 15px;border-right:1px solid #263244}.ld-toolbar small{display:block;font-size:9px;letter-spacing:1px;color:#6e83a1;margin-bottom:7px}.ld-toolbar button{border:0;background:none;padding:5px 7px}.ld-body{display:grid;grid-template-columns:165px 1fr;min-width:0}.ld-nav{padding:14px 8px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #263244}.ld-nav button{text-align:left;background:none;border-color:transparent;display:flex;align-items:center;gap:10px;padding:12px 9px}.ld-nav button span{font-size:17px;color:#8fa5c4}.ld-nav button[aria-current]{background:#182b47;border-color:#275591;color:#fff;font-weight:600}.ld-nav button[aria-current] span{color:#438dff}.ld-nav-bottom{margin-top:auto;padding:25px 8px 5px;color:#607792;font-size:8px;letter-spacing:1px}.ld-workspace{padding:10px;min-width:0}.ld-preview,.ld-lower>section{border:1px solid #243147;border-radius:5px;overflow:hidden}.ld-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#0a1018;border-bottom:1px solid #243147}.ld-section-head h3{font-size:12px;letter-spacing:0;margin:0;font-weight:600}.ld-section-head p{font-size:10px;color:#768da9;line-height:1.5;margin:4px 0 0}.ld-app .ld-output{background:#307feb;border-color:#3886f4;color:white;white-space:nowrap}.ld-screen{height:300px;background:#000;position:relative;margin:12px;border:1px solid #263244;border-radius:3px;overflow:hidden}.ld-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#687d9b;font-size:11px}.ld-empty>span:first-child{font-size:27px}.ld-screen-bottom{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:15px;font-size:10px;z-index:2}.ld-screen-bottom span{color:#9bc9ff;font-family:monospace}.ld-screen-art{position:absolute;inset:0;padding:30px;background:radial-gradient(ellipse at 85% 25%,#12488c,transparent 65%),linear-gradient(125deg,#07101f,#10254b);overflow:hidden}.ld-screen-art>span{position:relative;font-size:9px;letter-spacing:5px;color:#7bbcff}.ld-screen-art>strong{position:relative;display:block;font-size:clamp(23px,3.6vw,46px);line-height:1.08;letter-spacing:-1px;margin-top:25px;color:#eef6ff}.ld-screen-art>small{position:relative;display:block;font-size:8px;letter-spacing:2px;color:#9ec9fa;margin-top:18px}.ld-light{position:absolute;width:270px;height:270px;border:35px solid #2e82e9;border-radius:50%;right:5%;top:15%;box-shadow:0 0 90px #237ee477,inset 0 0 80px #237ee455;transform:rotate(-25deg) scaleX(.5)}.playing .ld-light{animation:ld-orbit 8s ease-in-out infinite alternate}@keyframes ld-orbit{to{transform:rotate(25deg) scaleX(.7) translateX(-20px)}}.ld-timeline{display:flex;gap:14px;align-items:center;padding:0 12px 12px;color:#869bb7}.ld-timeline>span{height:3px;background:#202d40;flex:1}.ld-timeline small{font-size:9px}.ld-lower{display:grid;grid-template-columns:1fr 1.8fr;gap:9px;margin-top:9px}.ld-lower>section{min-height:122px}.ld-lower p{font-size:10px;line-height:1.7;color:#7a90af;margin:14px}.ld-lower .ld-section-head{min-height:43px}.ld-scene{display:block;width:calc(100% - 16px);margin:6px 8px;text-align:left}.ld-scene[aria-pressed=true]{border-color:#438dff;background:#172d4b}.ld-transport{border-top:1px solid #263244;display:flex;align-items:center;gap:20px;padding:12px 16px;background:#0a1018}.ld-transport>.ld-status{margin:0 auto 0 0}.ld-play-buttons{display:flex;gap:7px}.ld-play-buttons button{width:34px;height:34px;padding:0;border-radius:50%;font-size:17px}.ld-play-buttons .ld-play{background:#307feb;color:#fff;border-color:#438dff}.ld-app .ld-black{border-color:#e84747;background:#1c1116;color:#ff6464;font-weight:700;letter-spacing:1px;padding:11px 17px;font-size:10px}.ld-black[aria-pressed=true]{box-shadow:0 0 0 2px #ef444466;background:#481720}.ld-volume{display:flex;align-items:center;gap:8px;font-size:9px;color:#839ab8;margin-left:auto}.ld-volume input{width:70px;accent-color:#438dff}.ld-volume output{min-width:27px}.ld-demo-note{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:#8196b1;margin:15px 0 0}.ld-demo-note>span:first-child{color:#a7c9f6}.ld-app [hidden]{display:none!important}
@media(max-width:800px){.ld-titlebar>span:nth-child(2),.ld-window,.ld-project{display:none}.ld-toolbar>div{padding:8px}.ld-toolbar button{font-size:9px;padding:5px}.ld-body{grid-template-columns:120px 1fr}.ld-nav button{font-size:10px;gap:7px;padding:10px 5px}.ld-transport{gap:12px;padding:10px}.ld-volume{display:none}.ld-screen{height:240px}.ld-lower{grid-template-columns:1fr 1.2fr}}
@media(max-width:520px){.ld-titlebar{padding:10px}.ld-toolbar{flex-wrap:wrap}.ld-toolbar>div:last-child{width:100%;border-top:1px solid #263244}.ld-toolbar small{font-size:8px}.ld-body{display:block}.ld-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #263244;padding:7px;gap:5px}.ld-nav button{white-space:nowrap;font-size:9px;padding:8px}.ld-nav button span{font-size:13px}.ld-nav-bottom{display:none}.ld-workspace{padding:7px}.ld-section-head{padding:9px}.ld-section-head h3{font-size:11px}.ld-section-head p{font-size:9px}.ld-screen{height:220px;margin:8px}.ld-screen-art{padding:20px}.ld-screen-art>strong{font-size:29px}.ld-light{right:-80px;top:15%;width:220px;height:220px}.ld-screen-bottom{font-size:8px}.ld-lower{grid-template-columns:1fr}.ld-lower>section{min-height:85px}.ld-lower p{font-size:10px;margin:10px}.ld-transport{flex-wrap:wrap;gap:10px;justify-content:space-between}.ld-transport>.ld-status{width:100%;margin:0}.ld-app .ld-black{padding:10px;font-size:9px}.ld-play-buttons{gap:5px}.ld-play-buttons button{width:29px;height:29px;font-size:14px}.ld-demo-note{flex-direction:column;gap:5px}.shot-caption>span:last-child{display:block;font-size:7px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.playing .ld-light{animation:none}}

.ld-titlebar strong img{width:22px;height:22px;flex:0 0 22px;object-fit:contain}