main.ga2#top.lt-page{--tool-faq-closing-gap:96px}.lt-page .wrap{max-width:1136px;margin-inline:auto}.lt-tool{color:#17233b;padding-bottom:72px;scroll-margin-top:80px}.lt-intro{text-align:center;color:#526176;margin:0 auto 18px}.lt-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;display:grid}.lt-form,.lt-preview,.lt-code{background:#fff;border:1px solid #dce5ef;border-radius:16px;min-width:0;padding:24px}.lt-form h2,.lt-preview h2,.lt-code h2{margin:0 0 12px;font-size:18px}.lt-preview{position:sticky;top:80px}.lt-preview p,.lt-hint{color:#526176;margin:6px 0 12px;font-size:13px}.lt-chart{background:#fff;max-width:100%;overflow:auto hidden}.lt-chart svg{width:100%;height:auto;display:block}.lt-buttons{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.lt-buttons .pfd-btn{min-height:40px;font-size:14px}.lt-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.lt-field{text-align:left;border:0;min-width:0;margin:16px 0;padding:0;font-size:14px;font-weight:600;display:block}.lt-field>span,.lt-field legend{margin-bottom:6px;display:block}.lt-field input,.lt-field textarea,.lt-field select,.lt-grid select{color:#17233b;background-color:#fff;border:1px solid #aebdd0;border-radius:7px;width:100%;min-height:44px;padding:9px 11px;font:400 15px/1.4 Inter,system-ui,sans-serif;display:block}.lt-field textarea{resize:vertical}.lt-field select,.lt-grid select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23364153' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.lt-grid-scroll{border:1px solid #b7c5d5;border-radius:8px;max-width:100%;max-height:380px;overflow:auto}.lt-grid{border-collapse:collapse;width:100%;min-width:max(100%, calc(var(--lt-column-count) * 110px));table-layout:fixed}.lt-grid th,.lt-grid td{border:1px solid #d3dce7;min-width:110px;padding:0}.lt-grid th{z-index:1;background:#f4f7fa;position:sticky;top:0}.lt-grid select{border:0;border-radius:0;min-height:44px;font-size:13px}.lt-grid input{color:#17233b;background:0 0;border:0;width:100%;min-width:110px;min-height:44px;padding:8px;font-size:14px}.lt-grid .lt-selected{background:#edf5ff;box-shadow:inset 0 0 0 1px #4896e5}.lt-segment{background:#edf1f5;border-radius:8px;gap:3px;padding:4px;display:flex}.lt-segment button{color:#364153;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-height:44px;padding:7px;font-size:13px}.lt-segment button:hover{background:#dfe6ef}.lt-segment button:active{transform:translateY(1px)}.lt-segment button[aria-pressed=true]{color:#17233b;background:#fff;box-shadow:0 1px 4px #0002}.lt-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lt-check{align-items:center;gap:9px;min-height:44px;font-size:14px;display:flex}.lt-check input{width:18px;height:18px}.lt-error{font-size:13px;color:#b42318!important}.lt-code{margin-top:24px}.lt-code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lt-code pre,.lt-reading pre{white-space:pre;background:#f5f7fa;border:1px solid #dce5ef;border-radius:8px;padding:16px;font:13px/1.5 ui-monospace,monospace;overflow:auto}.lt-page :is(button,input,select,textarea,summary,a,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #3182ce}.lt-section{padding:0}.lt-section .heading{text-align:center;max-width:800px;margin:0 auto 32px}.lt-section .heading p{color:#526176}.lt-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.lt-example{background:#fff;border:1px solid #dce5ef;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.lt-thumb{background:#fff;justify-content:center;align-items:center;padding:10px;display:flex;overflow:hidden}.lt-thumb>div{width:100%}.lt-thumb-long{align-items:flex-start;max-height:260px;position:relative}.lt-thumb-long:after{content:"";background:linear-gradient(#0000,#fff);height:60px;position:absolute;bottom:0;left:0;right:0}.lt-thumb-long>span{z-index:1;color:#526176;background:#fff;padding:3px 7px;font-size:12px;position:absolute;bottom:8px;right:16px}.lt-thumb svg{width:100%;max-width:500px;height:auto;margin-inline:auto;display:block}.lt-example-body{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.lt-example h3{margin:0 0 8px;font-size:18px}.lt-example p{color:#526176;margin:0 0 8px}.lt-example .lt-meta{font-size:13px}.lt-example button{margin-top:auto}main.ga2#top .pfd-landing .lt-how .pfd-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;list-style:none;display:grid}.lt-how .step-art{background-color:#f2f7fd;background-image:radial-gradient(#ccdaea 1px,#0000 1px);background-size:9px 9px;border-radius:12px;place-items:center;min-height:150px;padding:16px;display:grid}.lt-how .art-panel{color:#17233b;background:#fff;border:1px solid #dce5ef;border-radius:8px;width:100%;padding:16px;font-size:12px;box-shadow:0 3px 10px #17233b12}.lt-mini-grid{grid-template-columns:1fr 1fr;display:grid}.lt-mini-grid span{border:1px solid #dce5ef;padding:5px}.lt-mini-select,.lt-mini-style,.lt-mini-export{background:#eef1f4;border-radius:6px;padding:8px}.lt-mini-select span{float:right}.lt-mini-style,.lt-mini-export{justify-content:space-around;gap:4px;display:flex}.lt-mini-style b{background:#fff}.lt-step-title{align-items:center;gap:8px;margin:16px 0 8px;display:flex}.lt-step-title b{color:#fff;background:#2368c4;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}main.ga2#top .pfd-landing .lt-how .lt-step-title h3{margin:0;font-size:16px}.lt-how li>p{color:#526176;font-size:14px}.lt-reading{max-width:800px!important}.lt-reading h3{margin-top:24px;font-size:18px}.lt-reading>p{color:#364153;line-height:1.65}.lt-align{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lt-align>div{border:1px solid #dce5ef;border-radius:8px;padding:16px}.lt-align pre{background:0 0;border:0;margin:0;font-size:14px}@media (width<=900px){.lt-layout{grid-template-columns:minmax(0,1fr)}.lt-preview{position:static}.lt-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.lt-tool{padding-left:0;padding-right:0}main.ga2#top .pfd-landing .lt-section .wrap{width:calc(100% - 32px);padding-left:0;padding-right:0}.lt-form,.lt-preview,.lt-code{padding:16px}.lt-examples,main.ga2#top .pfd-landing .lt-how .pfd-steps{grid-template-columns:1fr;margin:0;padding:0}.lt-section{padding:0}main.ga2#top.lt-page{--tool-faq-closing-gap:72px}.lt-buttons .pfd-btn{min-height:44px}.lt-align,.lt-two{grid-template-columns:1fr}.lt-code-head{display:block}}.lt-tool,.lt-tool h2,.lt-tool .lt-hint,.lt-code pre{text-align:left}.lt-code pre{max-width:100%}.lt-grid th.lt-first,.lt-grid td.lt-first{z-index:2;background:#fff;position:sticky;left:0}.lt-grid th.lt-first{z-index:3;background:#f4f7fa}.lt-grid td.lt-first.lt-selected{background:#edf5ff}main.ga2#top.lt-page .pfd-landing .lt-section .heading{max-width:800px}.lt-step-title b{flex-shrink:0}.lt-align pre{text-align:left;padding:8px 0 0}.lt-thumb-long>span{top:8px;bottom:auto}.lt-works-example{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.lt-works-result svg{width:100%;height:auto;display:block}main.ga2#top.lt-page .pfd-landing .lt-works-example+h3{margin-top:24px}@media (width<=1060px){.lt-layout{grid-template-columns:minmax(0,1fr)}.lt-preview{position:static}}@media (width<=600px){.lt-two{gap:16px;margin:16px 0}.lt-two .lt-field{margin:0}.lt-works-example{grid-template-columns:1fr}}.lt-scroll-wrap{min-width:0;min-height:0;position:relative}.lt-scroll-wrap:has(>[data-more-columns]):after{content:"";pointer-events:none;background:linear-gradient(270deg,#2c415a38,#0000);border-radius:0 8px 8px 0;width:18px;position:absolute;inset:0 0 0 auto}main.ga2#top.lt-page .pfd-table-scroll[data-more-columns]{-webkit-mask-image:none;mask-image:none}.lt-form>.lt-field:has(+.lt-field-action){margin-bottom:0}.lt-field-action{margin:8px 0 16px}@media (width<=900px){.lt-grid{min-width:max(100%, calc(var(--lt-column-count) * 128px))}main.ga2#top.lt-page .lt-grid th,main.ga2#top.lt-page .lt-grid td{width:128px;min-width:128px;max-width:128px}main.ga2#top.lt-page .lt-grid-scroll .lt-grid thead th{z-index:2}main.ga2#top.lt-page .lt-grid-scroll .lt-grid thead th.lt-first{z-index:4;background:#f4f7fa}main.ga2#top.lt-page .lt-grid-scroll .lt-grid tbody td.lt-first{z-index:3}main.ga2#top.lt-page .lt-grid-scroll .lt-grid tbody td:not(.lt-first):first-child{box-shadow:none;position:static}}.lt-preview{flex-direction:column;max-height:calc(100dvh - 96px);display:flex}.lt-preview .lt-chart{flex:0 auto;min-height:0;max-height:min(420px,max(140px,100dvh - 500px));overflow:auto}.lt-preview>.lt-scroll-wrap{flex:0 auto}.lt-preview>h2,.lt-preview>p,.lt-preview-actions{flex-shrink:0}.lt-code-head{margin-bottom:12px}main.ga2#top.lt-page .lt-example h3{margin:0 0 8px;font-size:18px}main.ga2#top.lt-page .lt-example p{color:#526176;margin:0 0 8px}main.ga2#top.lt-page .lt-example .lt-meta{font-size:13px}.lt-thumb{height:auto}.lt-thumb:not(.lt-thumb-long) svg{max-height:240px}@media (width>=601px) and (width<=900px){main.ga2#top.lt-page .pfd-landing .lt-how .pfd-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=600px){.lt-import-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}main.ga2#top.lt-page .lt-import-actions>button{white-space:normal;min-width:0;padding-inline:8px;line-height:1.2}.lt-import-actions>button:nth-of-type(3){grid-column:1/-1}}