.lp-head{padding-top:56px;padding-bottom:28px}@media (min-width:768px){.lp-head{padding-top:80px}}.lp-pick{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.lp-chip{border:1px solid var(--color-line);background:var(--color-raised);min-width:0;color:var(--color-ink);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.lp-chip:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px}.lp-chip.is-on{border-color:var(--color-signal);background:var(--color-sunken)}.lp-sw{display:flex}.lp-sw i{border:1px solid #00000059;border-radius:50%;width:16px;height:16px;margin-right:-5px}.lp-chip-t{min-width:0;display:block}.lp-chip-t b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;display:block;overflow:hidden}.lp-chip-t span{color:var(--color-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.lp-num{font:500 11px var(--font-mono);color:var(--color-faint);position:absolute;top:12px;right:12px}.lp-chip.is-on .lp-num{color:var(--color-signal)}@media (hover:hover){.lp-chip:hover{border-color:var(--color-line-strong);transform:translateY(-1px)}}@media (max-width:1100px){.lp-pick{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.lp-pick::-webkit-scrollbar{display:none}.lp-chip{scroll-snap-align:start;flex:0 0 172px}}.lp-stagewrap{max-width:1480px;margin:18px auto 0;padding:0 24px}@media (max-width:860px){.lp-stagewrap{padding:0 10px}}.lp-browser{border:1px solid var(--color-line-strong);background:#000;border-radius:12px;overflow:hidden;box-shadow:0 40px 120px -50px #000000e6}.lp-bar{border-bottom:1px solid var(--color-line);background:#151a20;align-items:center;gap:10px;height:46px;padding:0 10px;display:flex}.lp-navbtns,.lp-devices{gap:2px;display:flex}.lp-bar button{width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.lp-bar button:hover{background:var(--color-sunken);color:var(--color-ink)}.lp-bar button:focus-visible,.lp-open:focus-visible{outline:2px solid var(--color-signal);outline-offset:1px}.lp-devices{border:1px solid var(--color-line);border-radius:9px;padding:2px}.lp-devices button.is-on{background:var(--color-sunken);color:var(--color-signal)}.lp-url{min-width:0;height:30px;font:500 12.5px var(--font-mono);color:var(--color-muted);background:#0b0e12;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.lp-url svg{color:var(--color-pass);flex:none}.lp-url span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lp-url em{color:var(--color-faint);font-style:normal}.lp-open{height:30px;color:var(--color-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.lp-open:hover{background:var(--color-sunken);color:var(--color-ink)}.lp-view{height:calc(100svh - var(--hm-top,0px) - 120px);background:#fff;min-height:560px;max-height:1000px;position:relative}.lp-browser:not([data-device=desktop]) .lp-view{background:radial-gradient(70% 60% at 50% 40%,#18202a,#0b0e12);padding:18px}.lp-screen{background:#fff;width:100%;height:100%;margin:0 auto;transition:max-width .45s cubic-bezier(.2,.7,.2,1);overflow:hidden}.lp-browser[data-device=tablet] .lp-screen{border:1px solid var(--color-line-strong);border-radius:18px}.lp-browser[data-device=phone] .lp-screen{border:1px solid var(--color-line-strong);border-radius:34px;box-shadow:0 0 0 6px #05070a,0 30px 80px -30px #000000e6}.lp-view iframe{background:#fff;border:0;width:100%;height:100%;display:block}.lp-loading{z-index:2;background:#e0a84e33;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.lp-loading:after{content:"";background:var(--color-signal);width:30%;animation:1s ease-in-out infinite lp-load;position:absolute;top:0;bottom:0}@keyframes lp-load{0%{left:-30%}to{left:100%}}@media (max-width:760px){.lp-devices,.lp-navbtns button:nth-child(2),.lp-open span{display:none}.lp-view{height:calc(100svh - var(--hm-top,0px) - 70px);min-height:520px}.lp-browser:not([data-device=desktop]) .lp-view{background:#fff;padding:0}.lp-browser .lp-screen{max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}}.lp-info{border:1px solid var(--color-line);background:var(--color-raised);border-radius:12px;gap:32px;margin-top:40px;padding:28px;display:grid}@media (min-width:900px){.lp-info{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding:40px}}.lp-try{border-left:2px solid var(--color-signal);background:var(--color-sunken);color:var(--color-muted);margin-top:18px;padding:12px 14px;font-size:14.5px;line-height:1.55}.lp-try b{color:var(--color-ink);font-weight:500}.lp-cols{gap:28px;display:grid}@media (min-width:560px){.lp-cols{grid-template-columns:1fr 1.4fr}}.lp-cols h3{font:500 12px/16px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint)}.lp-cols ul{margin:14px 0 0;padding:0;list-style:none}.lp-cols li{border-top:1px solid var(--color-line);color:var(--color-ink);padding:9px 0 9px 18px;font-size:15px;line-height:1.45;position:relative}.lp-cols li:before{content:"";background:var(--color-signal);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:0}.lp-note{max-width:70ch;color:var(--color-faint);margin:18px 0 72px;font-size:13.5px;line-height:1.6}