:root{--purple-950:#2e155f;--purple-800:#4d28a6;--purple-700:#5d35cc;--purple-600:#6f4be8;--purple-500:#815ff0;--purple-200:#d9cffb;--purple-100:#eee9ff;--purple-50:#f8f6ff;--text:#181827;--muted:#666578}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text);font-family:Inter,Arial,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.motricialy-autofit{padding:25px 24px 100px;overflow-x:clip}.motricialy-autofit button,.motricialy-autofit input{font:inherit}.motricialy-autofit button{cursor:pointer}
.motricialy-autofit a{color:var(--purple-700)}.motricialy-autofit button:focus-visible,.motricialy-autofit a:focus-visible,.motricialy-autofit input:focus-visible,.motricialy-autofit summary:focus-visible,.motricialy-autofit label.upload-zone:focus-visible{outline:3px solid #bca9f8;outline-offset:3px}.motricialy-autofit .container{max-width:980px;margin-left:auto;margin-right:auto}.motricialy-autofit .hero{text-align:center;padding:29px 12px 26px}.motricialy-autofit .eyebrow{font-weight:800;font-size:12px;letter-spacing:.13em;color:var(--purple-700);text-transform:uppercase}.motricialy-autofit h1{font-size:clamp(32px,4vw,48px);font-weight:790;line-height:1.15;margin:14px auto 13px;letter-spacing:-.027em;max-width:1000px}.motricialy-autofit .hero>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:810px;margin:0 auto 16px}.motricialy-autofit .trust{display:flex;justify-content:center;gap:19px;color:#636274;font-size:13px;flex-wrap:wrap}
.motricialy-autofit .tool-wrap{max-width:1200px;margin:6px auto 15px;background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(49,26,105,.065);border:1px solid #e6def8;padding:24px}.motricialy-autofit .upload-zone{display:flex;width:100%;align-items:center;justify-content:center;gap:13px;flex-direction:column;border:2px dashed #c8baf5;border-radius:16px;background:linear-gradient(180deg,#fff,#faf8ff);padding:48px 24px;min-height:290px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}.motricialy-autofit .upload-zone:hover,.motricialy-autofit .upload-zone.dragging{border-color:var(--purple-600);background:#f5f1ff}.motricialy-autofit .upload-symbol{font-size:37px;font-weight:900;display:grid;place-items:center;width:60px;height:60px;border-radius:17px;color:var(--purple-700);background:var(--purple-100)}.motricialy-autofit .upload-zone strong{font-size:21px}.motricialy-autofit .upload-zone>span:not(.upload-symbol):not(.upload-button){color:var(--muted);font-size:15px}.motricialy-autofit .upload-zone small{color:#767287;font-size:13px}.motricialy-autofit #fileInput,.motricialy-autofit #changeInput{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}.motricialy-autofit .upload-button,.motricialy-autofit .primary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 24px;color:white;background:var(--purple-600);font-weight:750;font-size:16px;min-height:46px}.motricialy-autofit .upload-button{margin:4px 0}.motricialy-autofit .primary-btn:hover:not(:disabled){background:var(--purple-700)}.motricialy-autofit .primary-btn:disabled{opacity:.45;cursor:not-allowed}.motricialy-autofit .status{padding:10px 6px 0;text-align:center;font-size:13px;color:#686579;min-height:29px}.motricialy-autofit .status.error{color:#a33443;font-weight:650}.motricialy-autofit .status.success{color:#17754e}
.motricialy-autofit .workspace[hidden],.motricialy-autofit .download-btn[hidden]{display:none!important}.motricialy-autofit .work-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;border-bottom:1px solid #ece9f5}.motricialy-autofit .work-head h2{font-size:22px;overflow-wrap:anywhere;margin:7px 0}.motricialy-autofit .work-sub{margin:0;color:var(--muted);font-size:13px}.motricialy-autofit .secondary-btn{padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;background:#fff;color:#4d436b;border:1px solid #d8ceed;border-radius:10px;font-weight:700;font-size:14px;text-align:center;min-height:44px}.motricialy-autofit .secondary-btn:hover{border-color:var(--purple-600);background:var(--purple-50)}.motricialy-autofit .change-file{cursor:pointer;white-space:nowrap;position:relative}.motricialy-autofit .work-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:18px;margin-top:20px}.motricialy-autofit .work-card{border:1px solid #e9e2f8;border-radius:14px;padding:20px 18px}.motricialy-autofit .work-card h3{font-size:17px;margin:0 0 16px}.motricialy-autofit .card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.motricialy-autofit .sheet-list{display:flex;flex-direction:column;gap:7px;max-height:340px;overflow-y:auto}.motricialy-autofit .sheet-row{display:flex;align-items:flex-start;padding:13px 11px;background:#faf9fd;border:1px solid #eeebf5;border-radius:10px;cursor:pointer;gap:10px}.motricialy-autofit .sheet-row:hover{background:#f7f3ff}.motricialy-autofit .sheet-name{font-weight:700;font-size:15px;overflow-wrap:anywhere}.motricialy-autofit .sheet-sub{font-size:12px;color:#746e82;margin-top:5px}.motricialy-autofit .checkline{display:inline-flex;align-items:center;gap:9px;cursor:pointer;position:relative;font-size:14px;min-height:22px}.motricialy-autofit .checkline input[type=checkbox]{position:absolute;width:18px;height:18px;opacity:0;z-index:1;margin:0;cursor:pointer}.motricialy-autofit .ui-checkbox-visual{flex:none;width:18px;height:18px;background:white;border:1.5px solid #ab9bc7;border-radius:5px;display:grid;place-items:center;pointer-events:none}.motricialy-autofit .checkline .ui-checkbox-input:checked+.ui-checkbox-visual{background:var(--purple-600);border-color:var(--purple-600)}.motricialy-autofit .checkline .ui-checkbox-input:checked+.ui-checkbox-visual::after{content:'✓';font-weight:800;color:white;font-size:13px;line-height:1}.motricialy-autofit .checkline .ui-checkbox-input:focus-visible+.ui-checkbox-visual{outline:3px solid #bca9f8;outline-offset:2px}.motricialy-autofit .settings>label:not(.checkline){display:block;font-size:15px;font-weight:650;margin:15px 0 9px}.motricialy-autofit #maxWidth{width:100%;accent-color:var(--purple-600);min-height:26px}.motricialy-autofit .helper{font-size:13px;color:var(--muted);margin:7px 0 19px}.motricialy-autofit .option-line{display:flex;margin:12px 0}.motricialy-autofit .settings .primary-btn{width:100%;margin-top:18px}.motricialy-autofit .result-info{font-size:14px;color:#6a647a;line-height:1.5;margin:12px 0}.motricialy-autofit .download-btn{width:100%;border-color:var(--purple-600);color:var(--purple-700)}
.motricialy-autofit .landing{margin-top:64px}.motricialy-autofit .landing-section{margin-bottom:67px}.motricialy-autofit .section-header{text-align:center;max-width:800px;margin:0 auto 27px}.motricialy-autofit .section-header h2{font-size:clamp(24px,2.8vw,30px);letter-spacing:-.02em;line-height:1.3;margin:8px 0 12px}.motricialy-autofit .section-header p{font-size:15px;color:#6a6679;line-height:1.75;margin:11px 0 0}.motricialy-autofit .mini-rule{height:3px;width:52px;background:var(--purple-600);border-radius:3px;margin:auto}.motricialy-autofit .steps-grid,.motricialy-autofit .features-grid,.motricialy-autofit .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.motricialy-autofit .step-card,.motricialy-autofit .feature-card,.motricialy-autofit .related-card{transition:transform .2s,box-shadow .2s,border-color .2s;background:#faf8ff;border:1px solid #e8ddff;border-radius:15px}.motricialy-autofit .step-card:hover,.motricialy-autofit .feature-card:hover{transform:translateY(-3px);border-color:#d5c8ef;box-shadow:0 12px 24px rgba(58,34,111,.075)}.motricialy-autofit .step-card{padding:23px 18px;display:flex;gap:13px}.motricialy-autofit .step-n{width:39px;height:39px;border-radius:11px;background:#e8dfff;color:var(--purple-700);font-size:21px;font-weight:800;display:grid;place-items:center;flex:none}.motricialy-autofit .step-card h3,.motricialy-autofit .feature-card h3{margin:0 0 9px;font-size:16px}.motricialy-autofit .step-card p,.motricialy-autofit .feature-card p{font-size:15px;line-height:1.65;color:#6b627a;margin:0}.motricialy-autofit .feature-card{padding:23px 20px;position:relative;overflow:hidden}.motricialy-autofit .feature-card:before{content:"";position:absolute;right:-21px;top:-20px;width:77px;height:77px;background:#eee8ff;border-radius:50%;transition:transform .2s}.motricialy-autofit .feature-card:hover:before{transform:scale(1.14)}.motricialy-autofit .feature-card h3,.motricialy-autofit .feature-card p{position:relative}.motricialy-autofit .guidance{background:#f9f7ff;border:1px solid #ece4fc;border-radius:16px;padding:20px 28px}.motricialy-autofit .guidance p{line-height:1.82;color:#49435a;font-size:15px}.motricialy-autofit .faq-list{display:grid;gap:11px}.motricialy-autofit .faq-card{border:1px solid #e7ddfb;background:#fff;border-radius:12px;overflow:hidden}.motricialy-autofit .faq-card:hover{background:#faf8ff}.motricialy-autofit .faq-card[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 var(--purple-600)}.motricialy-autofit .faq-card summary{cursor:pointer;padding:18px 22px;list-style:none;font-weight:750;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.motricialy-autofit .faq-card summary::-webkit-details-marker{display:none}.motricialy-autofit .faq-card summary:after{content:'+';font-size:22px;color:var(--purple-700)}.motricialy-autofit .faq-card[open] summary:after{content:'−'}.motricialy-autofit .faq-body{padding:0 22px 20px;font-size:15px;line-height:1.75;color:#565068}.motricialy-autofit .related-card{padding:20px 16px;text-decoration:none;color:#32264c;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;border-left:3px solid #d0bcfb}.motricialy-autofit .related-card b{color:var(--purple-700);font-size:20px;transition:transform .2s}.motricialy-autofit .related-card:hover{transform:translateY(-2px);border-left-color:var(--purple-600);box-shadow:0 10px 20px rgba(69,38,120,.06)}.motricialy-autofit .related-card:hover b{transform:translateX(2px)}
@media(max-width:850px){.motricialy-autofit .work-grid{grid-template-columns:1fr}.motricialy-autofit .steps-grid,.motricialy-autofit .features-grid,.motricialy-autofit .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.motricialy-autofit{padding:12px 15px 65px}.motricialy-autofit .hero{padding:18px 0 20px}.motricialy-autofit .hero>p{font-size:15px}.motricialy-autofit .trust{gap:8px 15px}.motricialy-autofit .tool-wrap{padding:12px;border-radius:14px}.motricialy-autofit .upload-zone{min-height:275px;padding:30px 12px}.motricialy-autofit .upload-zone strong{font-size:19px}.motricialy-autofit .work-head{align-items:flex-start}.motricialy-autofit .work-head h2{font-size:17px}.motricialy-autofit .work-card{padding:16px 13px}.motricialy-autofit .steps-grid,.motricialy-autofit .features-grid,.motricialy-autofit .related-grid{grid-template-columns:1fr}.motricialy-autofit .landing{margin-top:43px}.motricialy-autofit .landing-section{margin-bottom:46px}.motricialy-autofit .guidance{padding:16px}.motricialy-autofit .step-card:hover,.motricialy-autofit .feature-card:hover,.motricialy-autofit .related-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motricialy-autofit *{transition:none!important}}

/* Section and card interactions: approved v1.0.11 Motricialy styling. */
.motricialy-autofit .related-card{position:relative;border-left-color:#e5ddfb}
.motricialy-autofit .related-card::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:#d9cffb;border-radius:3px;transition:width .2s,background .2s}
.motricialy-autofit .related-card:hover::before{width:5px;background:#6f4be8}
.motricialy-autofit .faq-card:hover{background:#faf8ff}
.motricialy-autofit .faq-card[open]{background:#f8f5ff}
.motricialy-autofit .step-card:focus-within,.motricialy-autofit .feature-card:focus-within,.motricialy-autofit .related-card:focus-visible,.motricialy-autofit .faq-card:focus-within{box-shadow:0 0 0 3px rgba(129,95,240,.24)}
.motricialy-autofit .sheet-row>span:last-child{display:flex;flex-direction:column;min-width:0;gap:4px}
.motricialy-autofit .sheet-sub{display:block;margin-top:0}
