:root{--lm-ink:#202439;--lm-muted:#70758b;--lm-purple:#6346da;--lm-line:#e8e9f3;--lm-soft:#f7f7fc;--lm-shadow:0 16px 55px rgba(34,27,89,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.lm-page{margin:0;background:#f9f9fd;color:var(--lm-ink);font-family:'DM Sans',sans-serif;line-height:1.6}body.lm-page button,body.lm-page input,body.lm-page textarea,body.lm-page select{font:inherit}body.lm-page button{cursor:pointer}body.lm-page a{text-decoration:none}body.lm-page a:focus-visible,body.lm-page button:focus-visible,body.lm-page input:focus-visible,body.lm-page textarea:focus-visible,body.lm-page select:focus-visible{outline:3px solid #a38afb;outline-offset:3px}body.lm-page button:disabled{cursor:not-allowed;opacity:.5}
.lm-container{width:min(1260px,calc(100% - 46px));margin:auto}.lm-skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px;background:white}.lm-skip:focus{top:10px}.lm-eyebrow{display:block;color:#7465a2;font-size:.71rem;letter-spacing:.16em;font-weight:800}.lm-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:66px 0 49px}.lm-hero h1{font:800 clamp(2.7rem,6vw,5.3rem)/1.08 'Manrope',sans-serif;letter-spacing:-.065em;margin:14px 0}.lm-hero h1 em,.lm-editor h2 em{font-style:normal;color:var(--lm-purple)}.lm-hero p{color:#61647d;font-size:1.04rem;max-width:680px}.lm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.lm-tags span{padding:7px 12px;border-radius:30px;background:#f0ecff;color:#584c85;font-size:.77rem;font-weight:700}
.lm-btn{min-height:39px;border-radius:11px;border:1px solid transparent;padding:10px 15px;font-size:.81rem!important;font-weight:800!important;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s;white-space:normal;text-align:center}.lm-btn:hover:not(:disabled){transform:translateY(-1px)}.lm-btn-primary{color:#fff!important;background:#6244dd;border-color:#6244dd}.lm-btn-primary:hover{background:#4d33bd}.lm-btn-soft{color:#504d70!important;background:#f3f1fa;border-color:#e2dfed}.lm-btn-soft:hover{background:#e9e2f9}.lm-hero-cta{padding:17px 21px;white-space:nowrap}.lm-editor{padding-bottom:85px}.lm-editor-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px;gap:15px}.lm-editor h2{margin:7px 0;font:800 clamp(1.7rem,3vw,2.7rem)/1.18 'Manrope',sans-serif;letter-spacing:-.035em}.lm-editor-top p{margin:0;color:var(--lm-muted)}.lm-private{border:1px solid #d8eadf;color:#37805b;background:#f0faf4;padding:8px 13px;border-radius:100px;font-size:.73rem;font-weight:700;white-space:nowrap}.lm-workspace{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);gap:26px;align-items:start}.lm-controls{min-width:0;display:grid;gap:17px}.lm-panel,.lm-preview-frame,.lm-download-panel{border:1px solid var(--lm-line);background:white;border-radius:20px;box-shadow:var(--lm-shadow)}.lm-panel{padding:22px}.lm-panel-title{display:flex;align-items:center;gap:12px;margin:0 0 17px}.lm-step{display:grid;place-items:center;border-radius:10px;min-width:39px;height:39px;font-weight:800;color:#5948a4;background:#f0eaff;font-size:.8rem}.lm-panel-title h3{font-size:1rem;margin:0;font-weight:800}.lm-panel-title p{font-size:.77rem;margin:2px 0 0;color:var(--lm-muted)}.lm-upload{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer;border:1.5px dashed #b6a9f6;border-radius:13px;background:#f9f7ff;min-height:98px;padding:14px;color:#5948a4;text-align:center}.lm-upload:hover{background:#f0ebff}.lm-upload strong{font-weight:800;font-size:.93rem}.lm-upload small{font-size:.71rem;color:#80789a}.lm-upload input,.lm-file-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.lm-file-status{padding:10px 4px 3px;word-break:break-word;color:var(--lm-muted);font-size:.76rem}.lm-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lm-inline label{display:flex;flex-direction:column;color:#666b80;font-weight:700;font-size:.75rem;gap:5px}.lm-panel input[type='number'],.lm-panel textarea,.lm-panel select,.lm-line input[type='text']{background:#fbfbfe;border:1px solid #dddfeb;border-radius:10px;padding:11px 12px;width:100%;color:var(--lm-ink);outline-offset:2px}.lm-panel select{min-height:43px}.lm-panel input[type='color']{border:1px solid #dddfeb;background:#fbfbfe;border-radius:10px;width:100%;height:43px;padding:4px;cursor:pointer}.lm-field-label{display:block;font-size:.78rem;font-weight:800;margin:14px 0 6px}.lm-panel textarea{resize:vertical;min-height:120px;line-height:1.45}.lm-button-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:11px}.lm-help{display:block;margin:9px 0 0;font-size:.71rem;color:#81859a;line-height:1.5}.lm-file-button{position:relative;cursor:pointer}.lm-timing-guide{border:1px solid #eae4fd;background:#f7f4ff;color:#625385;border-radius:10px;padding:11px;font-size:.75rem}.lm-synclabel{color:#665d90;font-size:.73rem;min-height:24px;margin:9px 0}.lm-lines{display:grid;gap:8px;max-height:330px;overflow-y:auto;margin:10px 0}.lm-line{display:grid;grid-template-columns:42px 88px 1fr 32px;gap:7px;align-items:center;padding:9px;border:1px solid #e7e6f0;border-radius:11px}.lm-line.active{border-color:#a18df6;background:#f9f6ff}.lm-line.no-sync{background:#f9f9fc}.lm-line-index{text-align:center;background:#f1edff;border-radius:7px;padding:7px 0;color:#7763b6;font-size:.75rem;font-weight:800}.lm-line-time{padding:8px 6px!important;font-size:.77rem!important;min-width:0}.lm-line-text{padding:8px!important;font-size:.77rem!important;min-width:0}.lm-line-remove{background:transparent;border:0;color:#b46b80;padding:7px 2px;font-size:1.16rem}.lm-full{width:100%}.lm-upload-min{min-height:73px}.lm-preview-col{min-width:0;position:sticky;top:16px}.lm-preview-frame{overflow:hidden}.lm-preview-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:15px 19px;border-bottom:1px solid var(--lm-line);font-size:.77rem}.lm-live-dot{display:inline-block;background:#2cb679;width:9px;height:9px;border-radius:50%;margin-right:8px}.lm-preview-header>span{font-size:.63rem;background:#f0edfe;padding:5px 9px;border-radius:7px;color:#634bb0;font-weight:800}.lm-preview-stage{display:flex;align-items:center;justify-content:center;padding:22px 16px;background:radial-gradient(circle at 50% 30%,#ede9ff 0%,#f8f8fd 65%);min-height:490px}.lm-preview-stage canvas{max-width:100%;width:auto;height:auto;max-height:560px;aspect-ratio:9/16;display:block;border-radius:11px;box-shadow:0 18px 42px #1b153b2e;background:#18162b}.lm-preview-footer{padding:15px 19px 18px}.lm-play-controls{display:flex;gap:9px;align-items:center}.lm-circle-btn{border:1px solid #e5e1f1;background:#f7f4fe;width:36px;height:36px;border-radius:50%;color:#6244cc;font-weight:900;display:grid;place-items:center}.lm-clock{color:#70758b;margin-left:7px;font-variant-numeric:tabular-nums;font-size:.8rem}.lm-preview-footer input[type='range']{width:100%;margin-top:13px;accent-color:#7049db}.lm-download-panel{padding:20px;margin-top:15px;display:grid;gap:10px}.lm-download-panel strong{display:block;font-size:.98rem}.lm-download-panel small{font-size:.72rem;color:#868a9d}.lm-export{min-height:52px;font-size:.91rem!important}.lm-status{margin:2px 0;color:#726983;font-size:.76rem;overflow-wrap:anywhere}.lm-status.error{color:#b5224e}.lm-status.success{color:#267d58}.lm-export-progress{display:grid;gap:5px;font-size:.77rem;color:#6b608e}.lm-export-progress #progressTrack{height:9px;border-radius:99px;background:#eeeaf7;overflow:hidden}.lm-export-progress #progressFill{display:block;background:#6244dd;height:100%;width:0;transition:width .15s}.lm-content{padding:48px 0 92px}.lm-content h2{font:800 clamp(1.6rem,2.3vw,2.3rem)/1.2 'Manrope',sans-serif;letter-spacing:-.035em;margin-bottom:14px}.lm-content-intro{max-width:680px}.lm-content p{color:#676b80;font-size:.94rem}.lm-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0 52px}.lm-how-grid article{background:#fff;border:1px solid var(--lm-line);border-radius:17px;padding:22px}.lm-how-grid span{font-weight:800;color:#7862d5;font-size:.75rem}.lm-how-grid h3{font-size:1.01rem;margin:8px 0}.lm-how-grid p{font-size:.83rem;margin:0}.lm-seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:0 0 45px}.lm-seo-cols a{color:#6047c4;text-decoration:underline!important}.lm-faq{display:grid;gap:10px}.lm-faq details{border:1px solid var(--lm-line);border-radius:12px;background:white;padding:15px 20px}.lm-faq summary{cursor:pointer;font-weight:800;font-size:.89rem}.lm-faq p{margin-bottom:0;font-size:.84rem}
@media(max-width:1000px){.lm-workspace{grid-template-columns:minmax(0,1fr) minmax(285px,.9fr);gap:15px}.lm-panel{padding:17px}.lm-preview-stage{min-height:420px}}@media(max-width:790px){.lm-workspace,.lm-seo-cols{grid-template-columns:1fr}.lm-preview-col{position:static;grid-row:1}.lm-preview-stage{min-height:420px;padding:15px}.lm-preview-stage canvas{max-height:460px}.lm-download-panel{margin-top:10px}.lm-hero{padding:40px 0 35px;display:block}.lm-hero-cta{margin-top:20px}.lm-editor-top{align-items:start}.lm-private{display:none}.lm-how-grid{grid-template-columns:1fr}}@media(max-width:500px){.lm-container{width:calc(100% - 24px)}.lm-hero h1{font-size:2.85rem}.lm-tags{gap:5px}.lm-tags span{font-size:.68rem}.lm-panel{padding:16px 13px}.lm-panel-title{gap:9px}.lm-line{grid-template-columns:27px 68px 1fr 25px;gap:4px;padding:6px}.lm-line-index{padding:7px 0;font-size:.68rem}.lm-line-time,.lm-line-text{padding:7px 5px!important;font-size:.7rem!important}.lm-button-row .lm-btn{flex:1}.lm-preview-header{padding:12px}.lm-preview-footer{padding:12px}.lm-how-grid{margin-bottom:30px}}
/* The shared InkMotion footer expects column classes; keep these lightweight links
   within their mobile grid tracks instead of expanding the document width. */
.lm-page .im-footer-links{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.lm-page .im-footer-links strong{font-size:.82rem;margin-bottom:5px;color:#293557}
.lm-page .im-footer-links a{display:block;max-width:100%;font-size:.78rem;line-height:1.45;color:#64708b;overflow-wrap:anywhere}
.lm-page .im-footer-links a:hover{color:#6244dd}