.lps{--lps-bg:#141414;--lps-line:#262626;--lps-text:#eee;--lps-dim:#8a8a8a;--lps-brand:#936bda;--lps-brand-hover:#7d55c4;box-sizing:border-box;width:100%;height:100%;font-family:Inter,var(--font-sans,system-ui),sans-serif;color:var(--lps-text);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:44px 56px 64px;display:flex}.lps *,.lps :before,.lps :after{box-sizing:border-box}:where(.lps) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.lps button:disabled{cursor:not-allowed}.lps-panel{border:1px solid var(--lps-line);background:var(--lps-bg);border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;box-shadow:0 24px 60px #00000073}.lps-head{border-bottom:1px solid var(--lps-line);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 18px;font-size:14px;display:flex}.lps-title{color:#fff;align-items:center;gap:8px;font-weight:600;display:inline-flex}.lps-sub{color:var(--lps-dim);font-size:12px}.lps-close{color:var(--lps-dim)}.lps-link{color:var(--lps-dim);font-size:12px;transition:color .15s}.lps-link:hover:not(:disabled){color:#fff}.lps-link:disabled{opacity:.4}.lps-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 18px;display:flex;overflow:hidden}.lps-log{scrollbar-width:thin;scrollbar-color:#333 transparent;overflow-y:auto}.lps-turn{flex-direction:column;gap:12px;display:flex}.lps-turn.is-undone{animation:.25s ease-out lps-in}.lps-user{background:#232323;border-radius:14px 14px 4px;align-self:flex-end;max-width:82%;padding:9px 14px;font-size:14px;line-height:20px}.lps-reply{flex-direction:column;gap:8px;font-size:14px;line-height:21px;transition:opacity .2s;display:flex}.lps-reply.is-undone{opacity:.5}.lps-reply p{margin:0}.lps-reply strong{color:#fff;font-weight:600}.lps-reply code{color:var(--lps-brand);font-family:var(--font-mono,ui-monospace,monospace);background:#936bda26;border-radius:5px;padding:1px 6px;font-size:12.5px}.lps-files{color:#cfcfcf;background:#101010;border:1px solid #222;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:border-color .15s;display:flex}.lps-files:hover{border-color:var(--lps-brand)}.lps-files svg{color:var(--lps-dim);transition:transform .2s}.lps-files svg.is-flipped{transform:rotate(180deg)}.lps-filelist{color:#aaa;flex-direction:column;gap:6px;margin:0;padding:2px 12px 0;font-size:12.5px;list-style:none;animation:.2s ease-out lps-in;display:flex}.lps-filelist li{align-items:center;gap:8px;display:flex}.lps-actions{align-items:center;gap:2px;margin-left:-6px;display:flex}.lps-act{color:#6b6b6b;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background-color .15s;display:inline-flex}.lps-act:hover,.lps-act.is-open{color:#d4d4d4;background:#222}.lps-act.is-up{color:#4ade80;background:#4ade801a}.lps-act.is-down{color:#f87171;background:#f871711a}.lps-act.is-redo{color:var(--lps-brand)}.lps-act.is-preview{color:#6b9fff}.lps-act.is-done{color:#4ade80}.lps-morph{width:14px;height:14px;position:relative}.lps-morph svg{transition:transform .25s cubic-bezier(.3,1.4,.5,1),opacity .2s,filter .25s;position:absolute;inset:0}.lps-morph-b,.lps-act.is-done .lps-morph-a{opacity:0;filter:blur(2px);transform:scale(.4)}.lps-act.is-done .lps-morph-b{opacity:1;filter:blur();transform:scale(1)}.lps-pill{color:#b5b5b5;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:6px 12px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.lps-pill:hover{border-color:var(--lps-brand);color:#fff}.lps-dialog{background:#1a1a1a;border:1px solid #40404099;border-radius:14px;padding:16px;animation:.22s ease-out lps-in}.lps-dialog h3{color:#fff;margin:0;font-size:15px;font-weight:600}.lps-dialog p{color:#a3a3a3;margin:4px 0 0;font-size:13px;line-height:20px}.lps-dialog strong{color:#e5e5e5;font-weight:600}.lps-dialog-row{gap:8px;margin-top:14px;display:flex}.lps-btn{color:#e5e5e5;background:#262626;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .15s,opacity .15s;display:inline-flex}.lps-btn:hover:not(:disabled){background:#333}.lps-btn:disabled{opacity:.55}.lps-btn.is-primary,.lps-btn.is-brand{background:var(--lps-brand);color:#fff}.lps-btn.is-primary:hover:not(:disabled),.lps-btn.is-brand:hover:not(:disabled){background:var(--lps-brand-hover)}.lps-btn:focus-visible,.lps-act:focus-visible,.lps-pill:focus-visible,.lps-files:focus-visible,.lps-menu-item:focus-visible,.lps-tabs button:focus-visible{outline:2px solid var(--lps-brand);outline-offset:2px}.lps-wide{flex:none;width:100%}.lps-toast{background:#1a1a1acc;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;animation:.25s ease-out both lps-in;display:flex;position:absolute;top:62px;left:50%;transform:translate(-50%)}.lps-menu{position:relative}.lps-menu-pop{z-index:20;transform-origin:100% 0;background:#1c1c1c;border:1px solid #2f2f2f;border-radius:11px;flex-direction:column;min-width:184px;padding:4px;animation:.14s ease-out lps-pop;display:flex;position:absolute;top:32px;right:0;box-shadow:0 12px 32px #00000080}.lps-menu-item{text-align:left;color:#e5e5e5;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.lps-menu-item svg{color:#9a9a9a;flex-shrink:0}.lps-menu-item:hover:not(:disabled){background:#2a2a2a}.lps-menu-item:disabled{opacity:.4}.lps-banner{color:#a9c4ff;background:#3b5bdb29;border-bottom:1px solid #6b9fff40;justify-content:space-between;align-items:center;gap:10px;padding:9px 18px;font-size:12.5px;animation:.2s ease-out lps-in;display:flex}.lps-banner button{color:#fff;text-underline-offset:3px;font-weight:500;text-decoration:underline}.lps-versions{flex:1;margin:0;padding:8px;list-style:none;overflow:visible}.lps-version{border-radius:10px;padding:4px 6px;transition:background-color .15s}.lps-version:hover{background:#181818}.lps-version.is-previewing{background:#3b5bdb1a}.lps-version.is-newer .lps-version-text{opacity:.45}.lps-version-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 6px;display:flex}.lps-version-text{flex-direction:column;gap:3px;min-width:0;transition:opacity .2s;display:flex}.lps-version-label{color:#f2f2f2;font-size:14px;font-weight:500}.lps-version-meta{color:var(--lps-dim);align-items:center;gap:8px;font-size:12px;display:flex}.lps-version-meta em{color:#b79bea;background:#936bda2e;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal}.lps-version-meta em.is-muted{color:#8a8a8a;background:#242424}.lps-version .lps-dialog{margin:2px 6px 8px}.lps-working{flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0;font-size:14px;font-weight:500;animation:.25s ease-out lps-in;display:flex}.lps-chips{flex-wrap:wrap;gap:6px;padding:0 18px 10px;display:flex}.lps-chips button{color:#b0b0b0;border:1px solid #2a2a2a;border-radius:999px;padding:5px 11px;font-size:12px;transition:border-color .15s,color .15s}.lps-chips button:hover:not(:disabled){border-color:var(--lps-brand);color:#fff}.lps-chips button:disabled{opacity:.4}.lps-input{background:#191919;border:1px solid #2c2c2c;border-radius:14px;align-items:flex-end;gap:8px;margin:0 14px 14px;padding:8px 8px 8px 14px;transition:border-color .15s;display:flex;position:relative;box-shadow:0 4px 18px #00000059}.lps-input:focus-within{border-color:#4a3b6b}.lps-input textarea{resize:none;min-width:0;color:inherit;font:inherit;scrollbar-width:thin;scrollbar-color:#333 transparent;background:0 0;border:0;outline:0;flex:1;padding:3px 0;font-size:14px;line-height:21px}.lps-input textarea::placeholder{color:#6f6f6f}.lps-input-wake{pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lps-send{background:var(--lps-brand);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .15s,opacity .15s,transform .15s;display:inline-flex}.lps-send:hover:not(:disabled){background:var(--lps-brand-hover)}.lps-send:active:not(:disabled){transform:scale(.94)}.lps-send:disabled{opacity:.3}.lps-tabs{border-bottom:1px solid var(--lps-line);flex-shrink:0;gap:4px;padding:10px;display:flex;overflow:hidden}.lps-tabs button{white-space:nowrap;color:#8a8a8a;border-radius:8px;flex:1;padding:7px 4px;font-size:12px;transition:color .15s,background-color .15s}.lps-tabs button:hover{color:#fff}.lps-tabs button.is-on{color:#fff;background:#242424}.lps-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;animation:.25s ease-out lps-in;display:flex;position:relative}.lps-preview{background:#101010;border:1px solid #222;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.lps-skel{flex-direction:column;gap:14px;padding:22px;display:flex}.lps-skel i{background:#1c1c1c;border-radius:6px;height:14px;display:block}.lps-skel-row{gap:10px;display:flex}.lps-skel-row i{flex:1;height:92px}.lps-pillbar{white-space:nowrap;background:#1a1a1acc;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .3s ease-out,transform .3s ease-out;animation:.3s ease-out lps-slide;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.lps-pillbar svg{color:#22c55e}.lps-pillbar.is-gone{opacity:0;transform:translate(-50%,-8px)}.lps-replay{position:absolute;bottom:10px;right:12px}.lps-card{border:1px solid;border-radius:12px;width:100%;animation:.25s ease-out lps-in;overflow:hidden}.lps-card-head{border-bottom:1px solid;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;display:flex}.lps-card-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;position:relative}.lps-card-body p{margin:0;font-size:13.5px;line-height:20px}.lps-hint{color:#fca5a5e6;background:#450a0a66;border:1px solid #991b1b66;border-radius:8px;padding:9px 12px;font-size:12.5px!important;line-height:18px!important}.lps-count{color:#fecaca;background:#dc262666;border:1px solid #ef444466;border-radius:999px;padding:1px 9px;font-size:12px;animation:.2s ease-out lps-in;position:absolute;top:-34px;right:14px}.lps-card.is-red{color:#fecaca;background:#7f1d1d33;border-color:#ef44444d}.lps-card.is-red .lps-card-head{background:#7f1d1d4d;border-color:#ef44444d}.lps-card.is-red .lps-card-head svg{color:#f87171}.lps-card.is-red p{color:#fca5a5}.lps-card.is-purple{color:#e9d5ff;background:#581c8733;border-color:#a855f74d}.lps-card.is-purple .lps-card-head{background:#581c874d;border-color:#a855f74d}.lps-card.is-purple .lps-card-head svg{color:#c084fc}.lps-card.is-purple p{color:#d8b4fe}.lps-card.is-amber{color:#fde68a;background:#78350f33;border-color:#f59e0b4d}.lps-card.is-amber .lps-card-head{background:#78350f4d;border-color:#f59e0b4d}.lps-card.is-amber .lps-card-head svg{color:#fbbf24}.lps-card.is-amber p{color:#fcd34d}.lps-building{flex-direction:column;align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}.lps-shimmer{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(90deg,#eeeeee59 0% 30%,#fff 50%,#eeeeee59 70% 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite lps-shimmer}.lps-spin{animation:2s linear infinite lps-rotate}.lps-ring{border:2px solid;border-top-color:#0000;border-radius:999px;flex-shrink:0;animation:.8s linear infinite lps-rotate;display:inline-block}@keyframes lps-rotate{to{transform:rotate(360deg)}}@keyframes lps-shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}@keyframes lps-in{0%{opacity:0;transform:translateY(6px)}}@keyframes lps-slide{0%{opacity:0;margin-top:8px}}@keyframes lps-pop{0%{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.lps *,.lps :before,.lps :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.kb{--kb-key:#f3f4f6;color:#404040;transform-origin:50%;background:#e5e5e5;border-radius:12px;flex-shrink:0;width:fit-content;margin-top:-20px;padding:4px 4px 2px;font-size:5px;line-height:1.1;transform:scale(1.2);box-shadow:0 0 0 1px #0000000d,0 1px 2px #0000000d}.kb-row{gap:2px;margin-bottom:2px;display:flex}.kb-key{box-sizing:border-box;background:var(--kb-key);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:1.5px;transition:transform 75ms,background 75ms;display:flex;box-shadow:0 0 1px #00000080,0 1px 1px #0000001a,inset 0 1px #fff}.kb-key.is-pressed{background:#e4e5e8;transform:scale(.96)}.kb-row:first-child .kb-key:first-child{border-top-left-radius:9px}.kb-row:first-child .kb-key:last-child{border-top-right-radius:9px}.kb-icon{width:6px;height:6px}.kb-fn,.kb-dual,.kb-mod,.kb-single{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.kb-single{font-size:7px}.kb-mod{justify-content:space-between;align-items:flex-start;padding:2px}.kb-side{align-items:flex-end;width:100%;height:100%;padding:1px 2px;display:flex}.kb-side.is-bl{justify-content:flex-start}.kb-side.is-br{justify-content:flex-end}.kb-touch{box-sizing:border-box;background:linear-gradient(#d4d4d4,#e5e5e5,#d4d4d4);border-radius:50%;width:16px;height:16px;padding:1px;position:relative}.kb-touch:after{content:"";background:#f5f5f5;border-radius:50%;position:absolute;inset:1px}.kb-arrows{justify-content:flex-end;align-items:center;width:78px;display:flex}.kb-stack{flex-direction:column;display:flex}.kb-arrow{width:25px;font-size:6px}.kb-half{height:12.5px;padding:0}.kb-arrows>.kb-key:last-child{border-bottom-right-radius:9px}.kb-row:last-child .kb-key:first-child{border-bottom-left-radius:9px}.orb-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:44px 20px;width:100%;padding:0 64px 88px;display:grid}.orb-cell{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.orb-cell span{color:#8d887e;opacity:1;font-size:12px}
