.lpdemo4{--bg:#ffffff;--page:#f9f9f9;--chrome:#e9e9e9;--muted:#f5f5f5;--border:#e5e5e5;--fg:#0a0a0a;--mfg:#737373;--primary:#171717;--pfg:#fafafa;--success:#1fc16b;--success-light:#deffee;--error:#fb3748;--info:#2563eb;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--sh-sm:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);--sh-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:relative;width:100%;overflow:hidden;font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lpdemo4 *{box-sizing:border-box;margin:0;padding:0}.lpdemo4 .st{position:absolute;top:0;left:0;width:592px;height:503px;transform-origin:0 0}.lpdemo4 svg{display:block}.lpdemo4 .win{position:absolute;inset:0;background:var(--page);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;display:flex;flex-direction:column}.lpdemo4 .tabbar{height:48px;background:var(--chrome);display:flex;align-items:flex-end;padding:0 0 0 16px;flex:none}.lpdemo4 .tab{background:var(--page);border-radius:10px 10px 0 0;height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:500;color:var(--fg);min-width:150px}.lpdemo4 .tab .tic svg{width:13px;height:15px;fill:var(--fg)}.lpdemo4 .tab .tname{flex:1;white-space:nowrap}.lpdemo4 .body{position:relative;flex:1;overflow:hidden}.lpdemo4 .view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s}.lpdemo4 .view.on{opacity:1}.lpdemo4 .phead{padding:20px 24px 0;display:flex;align-items:baseline;gap:8px}.lpdemo4 .peyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--mfg);text-transform:uppercase}.lpdemo4 .pname{font-size:16px;font-weight:600;color:var(--fg)}.lpdemo4 .ptime{margin-left:auto;font-size:11px;color:#a3a3a3}.lpdemo4 .vwrite .pfeed{position:absolute;top:52px;left:0;right:0;bottom:0;overflow:hidden;padding:12px 24px 20px;scroll-behavior:smooth}.lpdemo4 .scard{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:12px 14px;margin-bottom:10px;transition:background .3s,border-color .3s}.lpdemo4 .sctop{font-size:11px;font-weight:500;color:var(--mfg)}.lpdemo4 .sctop b{color:var(--fg);font-weight:600}.lpdemo4 .step{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--fg);margin-top:8px}.lpdemo4 .step .sic{width:14px;height:14px;flex:none}.lpdemo4 .step .sic svg{width:14px;height:14px}.lpdemo4 .step.done{color:var(--mfg)}.lpdemo4 .spin{animation:lpd4-spin .9s linear infinite}@keyframes lpd4-spin{to{transform:rotate(360deg)}}.lpdemo4 .lplogo{display:inline-block;width:13px;height:14px;background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 99'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.4504 1.23698C45.2481 -0.0112838 42.5521 -0.0112857 40.3498 1.23698L22.0001 11.6376L3.81808 22.3286C1.6359 23.6117 0.287881 25.9465 0.267758 28.4779L0.100098 49.5695L0.267758 70.661C0.287881 73.1924 1.6359 75.5273 3.81808 76.8104L22.0001 87.5014L40.3498 97.902C42.5521 99.1502 45.2481 99.1502 47.4504 97.902L65.8001 87.5014L83.9821 76.8104C86.1643 75.5273 87.5123 73.1924 87.5324 70.661L87.7001 49.5695L87.5324 28.4779C87.5123 25.9465 86.1643 23.6117 83.9821 22.3286L65.8001 11.6376L47.4504 1.23698ZM64.036 22.7202L43.8981 26.0765L17.0476 76.4213L64.036 41.1799V22.7202Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 99'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.4504 1.23698C45.2481 -0.0112838 42.5521 -0.0112857 40.3498 1.23698L22.0001 11.6376L3.81808 22.3286C1.6359 23.6117 0.287881 25.9465 0.267758 28.4779L0.100098 49.5695L0.267758 70.661C0.287881 73.1924 1.6359 75.5273 3.81808 76.8104L22.0001 87.5014L40.3498 97.902C42.5521 99.1502 45.2481 99.1502 47.4504 97.902L65.8001 87.5014L83.9821 76.8104C86.1643 75.5273 87.5123 73.1924 87.5324 70.661L87.7001 49.5695L87.5324 28.4779C87.5123 25.9465 86.1643 23.6117 83.9821 22.3286L65.8001 11.6376L47.4504 1.23698ZM64.036 22.7202L43.8981 26.0765L17.0476 76.4213L64.036 41.1799V22.7202Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center/contain;animation:lpd4-shimmer 1.8s linear infinite;opacity:.85}.lpdemo4 .lplogo.static{background:var(--mfg);animation:none;opacity:1}@keyframes lpd4-shimmer{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}.lpdemo4 .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lpdemo4 .chip{border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:500;color:var(--fg);background:var(--bg)}.lpdemo4 .msgprev{border:1px solid var(--border);border-radius:var(--r-md);padding:10px 11px;margin-top:10px;background:var(--muted)}.lpdemo4 .msgprev .mch{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:600;letter-spacing:.05em;color:var(--mfg);text-transform:uppercase;margin-bottom:5px}.lpdemo4 .msgprev .mch svg{width:11px;height:11px;stroke:var(--mfg)}.lpdemo4 .msgprev .msub{font-size:12px;font-weight:600;color:var(--fg)}.lpdemo4 .msgprev .msnip{font-size:11px;color:var(--mfg);margin-top:3px;line-height:15px}.lpdemo4 .dlist{display:flex;flex-direction:column;gap:7px;margin-top:10px}.lpdemo4 .drow{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--fg)}.lpdemo4 .drow svg{width:13px;height:13px;stroke:var(--success);flex:none}.lpdemo4 .seqhead{padding:14px 24px 0;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--mfg);text-transform:uppercase}.lpdemo4 .seqc{position:absolute;top:40px;left:24px;right:24px;bottom:0}.lpdemo4 .sq{position:absolute;opacity:0;transform:translateY(6px) scale(.97);transition:opacity .35s,transform .35s}.lpdemo4 .sq.on{opacity:1;transform:none}.lpdemo4 .sqlines{position:absolute;inset:0;stroke:#d9d9d9;stroke-width:1.5;fill:none}.lpdemo4 .sqlines path{opacity:0;transition:opacity .35s}.lpdemo4 .sqlines path.on{opacity:1}.lpdemo4 .spill{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--fg);box-shadow:var(--sh-sm)}.lpdemo4 .spill.done{background:var(--success-light);border-color:#bff0d6;color:#0a7a45}.lpdemo4 .spill.done svg{width:12px;height:12px;stroke:#0a7a45;margin-right:5px}.lpdemo4 .scond{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:9px 12px}.lpdemo4 .scond .cchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--fg)}.lpdemo4 .scond .cchip svg{width:10px;height:10px;stroke:var(--fg)}.lpdemo4 .scond .crow2{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:11.5px;color:var(--fg)}.lpdemo4 .scond .crow2 svg{width:13px;height:13px;stroke:var(--fg);flex:none}.lpdemo4 .bchip{border-radius:999px;height:22px;padding:0 12px;display:flex;align-items:center;font-size:11px;font-weight:600}.lpdemo4 .bchip.no{background:#fde5dc;color:#e05d3d}.lpdemo4 .bchip.yes{background:#dbeafe;color:#3b82f6}.lpdemo4 .mcard{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:9px 11px}.lpdemo4 .mcard .mh{display:flex;align-items:center;gap:6px}.lpdemo4 .mcard .mtag{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:8.5px;font-weight:600;letter-spacing:.03em;color:var(--fg);white-space:nowrap}.lpdemo4 .mcard .mtag svg{width:10px;height:10px;stroke:var(--fg);flex:none}.lpdemo4 .mcard .mb{font-size:10.5px;color:#4d4d4d;margin-top:6px;line-height:14px}.lpdemo4 .toast{position:absolute;left:32px;right:32px;bottom:18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:13px 16px;display:flex;gap:12px;align-items:center;transform:translateY(140%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:40}.lpdemo4 .toast .ic{width:26px;height:26px;border-radius:var(--r-md);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none}.lpdemo4 .toast .ic svg{width:13px;height:13px;stroke:var(--fg)}.lpdemo4 .toast .tt{font-size:12px;font-weight:600;color:var(--fg)}.lpdemo4 .toast .ts{font-size:12px;color:var(--mfg);margin-top:1px}.lpdemo4 .toast.on{transform:none}