.hd{display:grid}.hd-win{background:#0b0e19;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #ffffff29,inset 0 1px #ffffff0f,0 40px 120px -40px #000000d9,0 30px 60px -30px #0000008c}.hd-bar{height:36px;font:500 11.5px/1 var(--font-inter,"Inter"),system-ui,sans-serif;color:#8b91a7;white-space:nowrap;background:#151a2c;border-bottom:.5px solid #ffffff14;align-items:center;padding:0 14px;display:flex;position:relative}.hd-lights{gap:7px;display:flex}.hd-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.hd-lights i:nth-child(2){background:#febc2e}.hd-lights i:nth-child(3){background:#28c840}.hd-url{background:#ffffff0f;border-radius:7px;align-items:center;gap:6px;max-width:calc(100% - 140px);height:22px;padding:0 12px;display:inline-flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hd-url>span{text-overflow:ellipsis;overflow:hidden}.hd-url b{color:#5d6378;font-weight:500}.hd-url svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:11px;height:11px}.hd-view{--k:.6;aspect-ratio:16/10;background:#0b0e19;position:relative;overflow:hidden}.hd-stage{width:1200px;height:750px;transform:scale(var(--k));transform-origin:0 0;text-align:left;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-font-smoothing:antialiased;background:#0b0e19;animation:.45s cubic-bezier(.2,.7,.1,1) both hd-in;position:absolute;top:0;left:0;overflow:hidden}@keyframes hd-in{0%{opacity:0}}.hd-cursor{z-index:60;width:32px;height:32px;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.55,0,.25,1),ease;position:absolute;top:0;left:0}.hd-cursor svg{transform-origin:5px 5px;filter:drop-shadow(0 1px 1.2px #00000059);transition:transform .1s;display:block;overflow:visible;transform:scale(1.15)}.hd-cursor.away{opacity:0}.hd-cursor.press svg{transform:scale(.98)}.hd-steps{background:#151a2c;border-top:.5px solid #ffffff14;gap:2px;margin:0;padding:5px 6px;list-style:none;display:flex}.hd-steps li{flex:1 1 0;min-width:0}.hd-steps button{width:100%;min-width:0;font:500 12.5px/1.5 var(--font-inter,"Inter"),system-ui,sans-serif;color:#8b91a7;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px 10px;transition:color .2s,background .2s;display:flex;position:relative}.hd-steps button:hover,.hd-steps button.on{color:#f3f4f8}.hd-steps button:hover{background:#ffffff0d}.hd-steps button:focus-visible{outline-offset:-2px;outline:2px solid #a5a9f9}.hd-label{text-overflow:ellipsis;overflow:hidden}.hd-n{letter-spacing:.06em;color:#5d6378;flex:none;font:500 10.5px/1 ui-monospace,SF Mono,monospace}.hd-steps button.on .hd-n{color:#a5a9f9}.hd-steps i{background:linear-gradient(90deg,#8b8ff8 calc(var(--p)*100%),transparent calc(var(--p)*100%)),#ffffff14;border-radius:2px;height:1.5px;position:absolute;bottom:3px;left:10px;right:10px}.hd-steps button:not(.on) i{opacity:.55}@media (max-width:560px){.hd-bar{height:28px;padding:0 10px;font-size:10px}.hd-lights{gap:5px}.hd-lights i{width:8px;height:8px}.hd-url{max-width:calc(100% - 90px);height:18px;padding:0 8px}.hd-steps{padding:4px}.hd-steps button{gap:5px;padding:7px 6px 9px;font-size:11px}.hd-n{display:none}}@media (prefers-reduced-motion:reduce){.hd-stage,.hd-stage *,.hd-stage :before,.hd-stage :after,.hd-cursor,.hd-cursor svg{transition:none!important;animation:none!important}}.hd-steps-placeholder{height:48px}@media (max-width:560px){.hd-steps-placeholder{height:42px}}