.skylight-stage{position:relative;width:min(100%,1000px);margin:auto}.skylight-motion canvas{display:block;width:100%;aspect-ratio:1760/1404;filter:drop-shadow(0 7px 8px rgba(25,30,35,.10))}.skylight-handle{position:absolute;transform:translate(-50%,-50%);width:56px;height:48px;background:transparent;border:0;border-radius:12px;cursor:grab;touch-action:none;z-index:3}.skylight-handle:active{cursor:grabbing}.skylight-handle:hover .skylight-pulse,.skylight-handle:focus-visible .skylight-pulse{border-color:#c84258;box-shadow:0 0 0 8px #dd647424}.skylight-handle:active .skylight-pulse{transform:scale(.85)}.skylight-handle:focus-visible{outline:2px solid #dd6777}.skylight-pulse{display:block;width:11px;height:11px;border:2px solid #da6474;border-radius:50%;background:#fff;margin:auto;transition:transform .18s,border-color .18s;box-shadow:0 0 0 6px #dd64741c;animation:skylight-pulse 2.4s infinite}@keyframes skylight-pulse{50%{box-shadow:0 0 0 13px #dd647400}}.skylight-hint{position:absolute;right:-90px;display:flex;align-items:center;gap:12px;transform:translateY(-50%);pointer-events:none;white-space:nowrap;font-size:20px;letter-spacing:-.025em}.skylight-hint:before{content:"";height:1px;background:linear-gradient(90deg,#dc677888,#ddd);flex:1;margin-left:16px}.skylight-hint .skylight-pulse{margin:0;flex-shrink:0}@media(max-width:600px){.skylight-stage{width:calc(100% - 76px);margin-left:0}.skylight-hint{right:-72px;font-size:16px;gap:6px}}@media(prefers-reduced-motion:reduce){.skylight-pulse{animation:none}}
.skylight-motion{display:none}.skylight-ready .skylight-motion{display:block}.pleated-page #system-panel>.skylight-ready>img{display:none}.pleated-page #system-panel>.system-photo:has(.skylight-motion){width:min(1100px,100%)}.skylight-stage{width:min(calc(100% - 100px),900px)}@media(max-width:600px){.skylight-stage{width:calc(100% - 76px);margin-left:0}}