.lcs{--lcs-orange:#f15a24}#main.ttk--lc{overflow:clip visible}.lcs :where(b,small,i,em,strong){font-style:normal}.lcs-scene{color:#0f172a;font-family:Poppins,sans-serif}.lcs__step{flex-direction:column;gap:10px;display:flex}.lcs__num{background:var(--lcs-orange);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:8px;font-size:18px;font-weight:800;display:grid}.lcs__step h3{letter-spacing:-.02em;color:var(--ink,#232323);font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2}.lcs__step p{color:#484848;max-width:440px;font-size:16.5px;line-height:1.7}.lcs__step .lcs__note{color:#6b7280;font-size:14.5px}.lcs-set{--w:#e0457b;grid-template-columns:220px minmax(0,290px);justify-content:center;align-items:center;gap:22px;display:grid}.lcs-set__panel{background:#fff;border-radius:22px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 20px 50px #0f172a14}.lcs-set__title{font-size:13.5px;font-weight:700}.lcs-set__row{border-radius:12px;flex-direction:column;gap:7px;margin:-8px;padding:8px;transition:background .3s;display:flex}.lcs-set__row.is-changing{background:#fff1ea}.lcs-set__row small{color:#64748b;font-size:11.5px;font-weight:600}.lcs-set__swatches{gap:8px;display:flex}.lcs-set__swatches i{border-radius:50%;width:24px;height:24px;transition:box-shadow .3s;box-shadow:0 0 0 2px #fff,0 0 0 2px #0000}.lcs-set__swatches i.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.lcs-set__input{border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:36px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.lcs-caret{opacity:0;background:#0f172a;width:1.5px;height:16px;margin-left:2px}.is-changing .lcs-caret{animation:1s step-end infinite lcs-blink}.lcs-set__seg{color:#64748b;background:#f1f5f9;border-radius:10px;padding:3px;font-size:12px;font-weight:600;display:flex}.lcs-set__seg span{text-align:center;border-radius:8px;flex:1;padding:6px 0;transition:background .3s,color .3s}.lcs-set__seg .is-on{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a1f}.lcs-set__live{color:#15803d;align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.lcs-set__live i{background:#22c55e;border-radius:50%;width:7px;height:7px}.lcs-w{background:#f6f7f9;border-radius:24px;flex-direction:column;gap:10px;display:flex;overflow:hidden;box-shadow:0 30px 70px #0f172a29}.lcs-w__top{background:linear-gradient(180deg, var(--w) 55%, color-mix(in srgb, var(--w) 0%, #f6f7f9));color:#fff;flex-direction:column;gap:2px;margin-bottom:-38px;padding:18px 18px 46px;transition:background .5s;display:flex}.lcs-w__logo{color:#fff;background:#ffffff40;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:14px;font-size:11px;font-weight:700;display:grid}.lcs-w__logo--sm{background:var(--w);border-radius:50%;flex:none;width:30px;height:30px;margin:0;transition:background .5s}.lcs-w__top b{opacity:.8;font-size:21px;font-weight:700;line-height:1.2}.lcs-w__top strong{font-size:21px;font-weight:800;line-height:1.2}.lcs-w__card{background:#fff;border-radius:14px;margin:0 12px;padding:12px 14px;box-shadow:0 2px 8px #0f172a0f}.lcs-w__send{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.lcs-w__send>span{flex-direction:column;min-width:0;display:flex}.lcs-w__send b{font-size:13px}.lcs-w__send small{color:#64748b;font-size:11.5px}.lcs-w__send svg{width:17px;height:17px;color:var(--w);flex:none;transition:color .5s}.lcs-w__label{margin-bottom:8px;font-size:11.5px;font-weight:700;display:block}.lcs-w__last{align-items:center;gap:10px;display:flex}.lcs-w__last>span:last-child{flex-direction:column;min-width:0;display:flex}.lcs-w__last b{font-size:12.5px}.lcs-w__last small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.lcs-w__tabs{background:#fff;border-top:1px solid #e2e8f0;margin-top:46px;display:flex}.lcs-w__tabs>span{color:#94a3b8;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 12px;font-size:11px;display:flex}.lcs-w__tabs>span.is-on{color:#0f172a;font-weight:700}.lcs-w__tabs svg{width:18px;height:18px}.lcs-set.is-flash .lcs-w{animation:.5s lcs-pop}.lcs-code{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.lcs-code__box{color:#e2e8f0;background:#1b1b1d;border-radius:20px;padding:16px 18px 18px;box-shadow:0 24px 60px #0f172a2e}.lcs-code__head{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12.5px;font-weight:600;display:flex}.lcs-code__btn{background:var(--lcs-orange);color:#fff;border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-grid;position:relative}.lcs-code__btn>span{grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.lcs-code__btn svg{width:14px;height:14px}.lcs-code__copy{visibility:hidden}.lcs-code__done{background:inherit}.lcs-code__box code{white-space:normal;overflow-wrap:anywhere;color:#ffd0b8;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;display:block}.lcs-code__editor{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.lcs-code__tab{color:#64748b;border-bottom:1px solid #eef0f3;align-items:center;gap:12px;padding:11px 16px;font-size:12px;font-weight:600;display:flex}.lcs-code__dots{gap:5px;display:flex}.lcs-code__dots i{background:#e2e8f0;border-radius:50%;width:9px;height:9px}.lcs .lcs-code__editor pre{color:#0f172a;white-space:pre;background:0 0;border:0;margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.9;overflow-x:auto}.lcs-code__editor .t{color:#7c3aed}.lcs-code__editor .m{color:#94a3b8}.lcs-code__paste{white-space:pre;color:#c2410c;background:#fff1ea;margin:0 -18px;padding:0 18px;display:inline-block}.lcs-code__domain{background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 20px 50px #0f172a14}.lcs-code__globe{color:#475569;background:#f1f5f9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.lcs-code__globe svg{width:18px;height:18px}.lcs-code__domain>span:nth-child(2){flex-direction:column;flex:1;line-height:1.35;display:flex}.lcs-code__domain small{color:#64748b;font-size:11.5px}.lcs-code__domain b{font-size:14px}.lcs-code__ok{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.lcs-code__ok svg{width:13px;height:13px}.is-play .lcs-code__copy{animation:10ms 1.1s both lcs-out}.is-play .lcs-code__done{animation:.25s 1.1s both lcs-in}.is-play .lcs-code__btn{animation:.3s .9s both lcs-press}.is-play .lcs-code__paste{animation:.5s 1.6s both lcs-paste}.is-play .lcs-code__domain{animation:.5s 2.3s both lcs-rise}.is-play .lcs-code__ok{animation:.3s 2.8s both lcs-in}.lcs-inbox{background:#fff;border-radius:22px;grid-template-columns:210px minmax(0,1fr);height:470px;display:grid;overflow:hidden;box-shadow:0 30px 70px #0f172a1f}.lcs-inbox__list{border-right:1px solid #eef0f3;flex-direction:column;gap:2px;min-width:0;padding:12px 10px;display:flex}.lcs-inbox__search{color:#94a3b8;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:8px 12px;font-size:12px}.lcs-inbox__row{border-radius:12px;align-items:center;gap:9px;padding:9px 8px;display:flex}.lcs-inbox__row.is-on{background:#fff1ea}.lcs-inbox__row .lci__av{width:32px;height:32px;font-size:13px}.lcs-inbox__row .lci__txt b{font-size:12.5px}.lcs-inbox__row .lci__txt small{font-size:11px}.lcs-inbox__time{color:#94a3b8;align-self:flex-start;font-size:10.5px}.lcs-inbox__chat{background:#f4efe9;flex-direction:column;min-width:0;display:flex}.lcs-inbox__head{background:#fff;border-bottom:1px solid #eef0f3;align-items:center;gap:10px;padding:11px 16px;display:flex}.lcs-inbox__head>span:last-child{flex-direction:column;min-width:0;line-height:1.35;display:flex}.lcs-inbox__head b{font-size:13.5px}.lcs-inbox__head small{color:#64748b;align-items:center;gap:6px;min-width:0;font-size:11.5px;display:flex}.lcs-inbox__head small span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lcs-dot{background:#22c55e;border-radius:50%;flex:none;width:7px;height:7px}.lcs-inbox__thread{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:14px 16px;font-size:12.5px;line-height:1.45;display:flex}.lcs-b{border-radius:12px;max-width:78%;padding:8px 12px}.lcs-b--in{background:#fff;align-self:flex-start}.lcs-b--out{background:#ffe1d4;align-self:flex-end}.lcs-b small{color:#c2410c;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.lcs-sys{color:#64748b;background:#fff;border-radius:999px;align-self:center;padding:4px 12px;font-size:11px;font-weight:600}.lcs-typing{color:#64748b;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.lcs-inbox__bar{background:var(--lcs-orange);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:0 12px 12px;padding:8px 8px 8px 14px;font-size:12.5px;font-weight:600;display:flex}.lcs-inbox__bar>span:first-child{align-items:center;gap:8px;min-width:0;display:inline-flex}.lcs-inbox__bar svg{flex:none;width:15px;height:15px}.lcs-inbox__take{color:#0f172a;background:#fff;border-radius:10px;flex:none;padding:6px 12px;font-weight:700}.is-play :is(.lcs-b,.lcs-sys,.lcs-typing){animation:lcs-rise .45s calc(.35s + var(--d) * .7s) both}.is-play .lcs-inbox__bar{animation:.45s 3.3s both lcs-rise}@keyframes lcs-blink{50%{opacity:1}}@keyframes lcs-pop{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes lcs-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes lcs-out{0%{visibility:visible}to{visibility:hidden}}@keyframes lcs-press{50%{transform:scale(.92)}}@keyframes lcs-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes lcs-paste{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (width>=1025px){.lcs__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;display:grid}.lcs__step{opacity:.3;justify-content:center;min-height:72vh;transition:opacity .4s}.lcs__step.is-active{opacity:1}.lcs-inline{display:none}.lcs__stage{align-items:center;height:520px;display:grid;position:sticky;top:calc(50vh - 260px)}.lcs__stage>.lcs-scene{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .45s,transform .45s,visibility 0s .45s;transform:translateY(24px)scale(.98)}.lcs__stage>.lcs-scene.is-active{opacity:1;visibility:visible;transition:opacity .45s,transform .45s,visibility;transform:none}}@media (width<=1024px){.lcs__stage{display:none}.lcs__steps{flex-direction:column;gap:20px;display:flex}.lcs__step{background:#fff;border-radius:28px;padding:28px}.lcs-inline{margin-top:14px;padding:22px 0 6px}.lcs-inline .lcs-set__panel,.lcs-inline .lcs-code__editor,.lcs-inline .lcs-code__domain,.lcs-inline .lcs-inbox{box-shadow:none;border:1px solid #eef0f3}}@media (width<=767px){.lcs__step{padding:24px 18px}.lcs-set{grid-template-columns:1fr;gap:16px}.lcs-w{justify-self:center;width:100%;max-width:300px}.lcs-inbox{grid-template-columns:1fr;height:430px}.lcs-inbox__list,.lcs-code__head>span:first-child{display:none}.lcs-code__head{justify-content:flex-end}.lcs-code__box code{word-break:break-all;font-size:11.5px}.lcs .lcs-code__editor pre{padding:14px;font-size:11px}.lcs-code__paste{margin:0 -14px;padding:0 14px}.lcs-set__title,.lcs-set__live{display:none}.lcs-set__panel{gap:12px;padding:16px}.lcs-w__tabs{margin-top:14px}}@media (prefers-reduced-motion:reduce){.lcs .is-play *,.lcs .lcs-set.is-flash .lcs-w,.is-changing .lcs-caret{animation:none!important}.lcs__stage>.lcs-scene{transition:none}}