:root{font-family:Segoe UI,sans-serif;line-height:1.5;color:#39364f;background:#f7f6fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #39364f;--muted: #746e89;--line: #e8e5f1;--accent: #7667bc;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,input,select{transition:color .22s var(--ease),background-color .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),opacity .22s var(--ease),transform .22s var(--ease)}:focus-visible{outline:3px solid #a08ad1;outline-offset:4px}::selection{background:#e9ddfa}.browser-app{max-width:1320px;margin:auto;padding:0 52px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:Bahnschrift,Segoe UI,sans-serif;font-weight:600;font-size:23px;letter-spacing:-.65px}.brand-symbol{height:39px;width:39px;border-radius:12px;color:var(--accent);background:#ebe6f8;display:grid;place-items:center}.web-badge{align-self:center;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:600;letter-spacing:.3px;color:#827895;border:1px solid #e4deef;border-radius:5px;padding:2px 6px;margin-left:1px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.header-private{display:flex;gap:7px;align-items:center;padding-left:28px;border-left:1px solid var(--line);font-size:12px}.intro{text-align:center;padding:61px 0 39px;animation:settle .65s var(--ease) both}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#8b809f;margin:0 0 19px;display:flex;align-items:center;gap:8px}.intro .eyebrow{justify-content:center}.eyebrow>span{width:6px;height:6px;background:#a095d1;border-radius:50%}h1{font-family:Bahnschrift,Segoe UI,sans-serif;font-size:clamp(40px,4.3vw,59px);font-weight:500;letter-spacing:-2.6px;line-height:1.12;margin:0}h1 span{color:#8f88b9}.intro-copy{color:var(--muted);font-size:14px;line-height:1.8;margin:18px 0 0}.converter{max-width:1064px;margin:auto;border:1px solid #e7e1f1;background:#fff;border-radius:22px;box-shadow:0 12px 44px -20px #31496922;overflow:hidden;animation:settle .7s 80ms var(--ease) both}.converter-top{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:11px;color:#8b809c}.converter-top>span:first-child{display:flex;align-items:center;gap:8px}.small-dot{width:6px;height:6px;border-radius:50%;background:#9f96c8}.file-limit{font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:1.45fr 1fr}.source-panel{padding:25px 26px 20px;border-right:1px solid var(--line)}.category-tabs{display:flex;gap:3px;margin-bottom:20px;background:#f2eff9;padding:4px;border-radius:10px}.category-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;padding:9px 5px;color:#887e9b;font-size:11px;white-space:nowrap}.category-tabs .active{color:#71618f;background:#fff;box-shadow:0 1px 4px #39364f10}.category-tabs button:not(.active):not(:disabled):hover{background:#ebe5f6;color:#776394}.category-tabs button:disabled:not(.active){opacity:.55}.dropzone{min-height:344px;border:1px dashed #d9d0eb;border-radius:13px;background:#f8f6fd;padding:25px 20px;display:grid;place-items:center;transition:border-color .25s var(--ease),background-color .25s var(--ease)}.dropzone.dragging{border-color:#9e8bce;background:#eee8fa}.empty-stage,.file-stage{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.file-stage{animation:settle .35s var(--ease) both}.dropzone h2{font-size:18px;letter-spacing:-.35px;font-weight:600;margin:9px 0 5px}.dropzone p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.format-stack{width:178px;height:102px;position:relative;margin-bottom:9px}.format-sheet{position:absolute;height:77px;width:62px;top:4px;border:1px solid #d6dfed;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:600;box-shadow:0 5px 12px -8px #4a648944}.sheet-back{left:14px;top:13px;transform:rotate(-14deg);background:#edf0f9;color:#8a8fb2}.sheet-middle{left:103px;top:9px;transform:rotate(13deg);background:#eaf4f2;color:#7b9f9b}.sheet-front{left:58px;top:0;height:86px;width:66px;background:#fff;color:#6485b7;transform:rotate(-2deg)}.upload-bubble{position:absolute;right:44px;bottom:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e0e9fb;color:#6687c7;border:3px solid #f8f6fd}.sheet-corner{position:absolute;top:0;right:0;width:13px;height:13px;border-radius:0 8px 0 4px;background:#ebf0f9}.choose-button{display:inline-flex;align-items:center;gap:9px;padding:11px 21px;margin-top:20px;background:#fff;border:1px solid #e1d8f0;border-radius:8px;font-size:12px;font-weight:600;color:#78659b;box-shadow:0 2px 3px #263b5205}.choose-button:hover:not(:disabled){background:#eee9f8;border-color:#c7b7e3;transform:translateY(-1px)}.choose-button:active:not(:disabled){transform:translateY(0)}.choose-button:disabled{opacity:.6}.drop-formats{color:#9587a6;font-size:10px;letter-spacing:.3px;margin-top:17px}.source-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#9385a1;margin:17px 0 0}.target-panel{padding:29px 29px 20px;display:flex;flex-direction:column;min-width:0}.step-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.step-icon{display:grid;place-items:center;width:30px;height:30px;color:#9c86be;background:#f2edf9;border-radius:9px;flex-shrink:0}.step-heading h2{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.step-heading p{font-size:10px;color:#9486a2;margin:0}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}.format-grid button{position:relative;border:1px solid #e9e2f2;background:#fff;padding:11px 5px;border-radius:8px;color:#78678c;font-size:11px;font-weight:600}.format-grid button:disabled{color:#9b90ab;background:#fcfbfe}.format-grid button:not(:disabled):hover{border-color:#c6b4e1;background:#f6f1fc}.format-grid .selected,.format-grid .selected:disabled{color:#7962aa;border-color:#b9a2d7;background:#f0eafa}.format-grid button svg{position:absolute;right:5px;top:5px}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c7e9f;background:none;border:none;padding:10px 0;width:100%}.settings-toggle:hover{color:#8066a6}.chevron{margin-left:auto;transition:transform .3s var(--ease)}.chevron.open{transform:rotate(180deg)}.settings-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--ease),opacity .25s var(--ease)}.settings-reveal.open{grid-template-rows:1fr;opacity:1}.settings-inner{overflow:hidden;min-height:0}.settings-inner label{font-size:11px;color:#817193}.range-label{display:flex;align-items:center;justify-content:space-between;margin:9px 0}input[type=range]{width:100%;accent-color:#9b83c4;height:20px;cursor:pointer}.field-label{display:block;margin:10px 0 6px}.settings-inner select,.time-fields input{width:100%;padding:7px 9px;border-radius:6px;border:1px solid #e5deef;color:#7d6798;background:#faf7fe;font-size:11px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.time-fields input{display:block;margin-top:5px}.time-fields p{grid-column:1/-1;font-size:10px;color:#9482a6;margin:0}.checkbox-label{display:flex;align-items:center;gap:8px;margin:13px 0 10px}.checkbox-label input{accent-color:#9b83c4;width:14px;height:14px}.settings-note{color:#90819f;font-size:10px;line-height:1.6;margin:8px 0 15px}.conversion-action{margin-top:auto;padding-top:21px}.convert-button,.download-button{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:9px;padding:13px 15px;font-size:12px;font-weight:600;width:100%}.convert-button>svg:last-child{margin-left:auto}.convert-button>span{flex:1}.convert-button:disabled{background:#eee9f8;color:#a092b4;border-color:#e8dff2}.convert-button:hover:not(:disabled),.download-button:hover{background:#6555ac;box-shadow:0 4px 12px #7667bc22;transform:translateY(-1px)}.status-area{min-height:43px;padding-top:11px}.status-area p{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;line-height:1.6;color:#9787a5;text-align:center;margin:0}.status-area svg{flex-shrink:0}.upload-progress{height:3px;background:#f1edf8;overflow:hidden;border-radius:4px;margin:0 0 6px}.upload-progress span{display:block;height:100%;background:#a58ccf;transition:width .4s var(--ease)}.selected-file-icon{width:64px;height:74px;border-radius:12px;color:#947bc0;background:#eee6fa;display:grid;place-items:center;margin:0 0 17px}.selected-file-icon.complete{color:#5d938a;background:#e2f0ec}.source-format{font-size:10px;color:#9885aa}.dropzone .file-name{font-size:16px;overflow-wrap:anywhere;max-width:360px;line-height:1.5;margin:7px 0}.text-button{display:flex;align-items:center;gap:6px;color:#9483a5;background:transparent;border:0;padding:7px;font-size:10px;margin-top:10px}.text-button:hover{color:#7e64a8;background:#f3ecfc;border-radius:6px}.download-button{width:auto;padding:11px 22px;margin-top:19px}.dropzone .failure-message{font-size:11px;margin-top:12px;max-width:330px}.feedback-region:empty{display:none}.feedback-region{padding:0 26px 18px}.error-message,.notice-message{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #ece3d7;background:#faf6ef;color:#8a7253;font-size:12px;line-height:1.6;border-radius:9px;animation:settle .3s var(--ease)}.error-message>svg{flex-shrink:0}.error-message button{margin-left:auto;padding:6px;background:transparent;border:none;color:inherit;border-radius:5px}.error-message button:hover{background:#f1e9dc}.notice-message{margin:0;background:#f0f7f5;border-color:#deebe6;color:#608b7c}.reassurance{display:flex;justify-content:center;gap:38px;margin:24px 0 67px;color:#93859f;font-size:11px}.reassurance span{display:flex;gap:8px;align-items:center}.reassurance svg{color:#9f8ab8}.how-section{max-width:1064px;margin:auto;display:grid;grid-template-columns:1fr 1.75fr;gap:45px;padding:0 0 50px}.section-intro .eyebrow,.formats-section .eyebrow{font-size:9px;margin-bottom:12px}.how-section h2,.formats-section h2{font-family:Bahnschrift,Segoe UI,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:0 0 10px}.section-intro>p:last-child,.formats-section>div>p:last-child{color:#9482a6;font-size:12px;line-height:1.7;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how-step-top{display:flex;justify-content:space-between;align-items:center;color:#b0a1c8;margin:0 0 15px}.how-step-top span{display:grid;place-items:center;border-radius:50%;background:#efebf8;font-family:Consolas,monospace;color:#a08bb9;width:25px;height:25px;font-size:11px}.how-step h3{font-size:12px;font-weight:600;margin:0 0 7px}.how-step p{color:#9281a3;font-size:11px;line-height:1.8;margin:0}.formats-section{max-width:1064px;margin:auto;border-top:1px solid var(--line);padding:38px 0 44px;display:grid;grid-template-columns:1fr 1.75fr;gap:45px}.format-families{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.format-families>div{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:4px 9px}.format-families svg{color:#a28dbb}.format-families h3{font-size:11px;margin:0;font-weight:600}.format-families p{grid-column:2;font-size:10px;line-height:1.7;color:#9683a8;margin:0}.site-footer{min-height:80px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);color:#a08dad;font-size:10px}.footer-brand{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px;color:#9984ad}.site-footer p{flex:1}.site-footer a{display:flex;align-items:center;gap:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;background:#fff;padding:12px;z-index:100;border-radius:8px;transform:translateY(-160%);clip-path:inset(50%)}.skip-link:focus{transform:translateY(0);clip-path:none}.spinner{animation:spin 1.4s linear infinite}@keyframes settle{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.intro{padding-top:75px;padding-bottom:50px}.dropzone{min-height:340px}}@media(max-width:1000px){.browser-app{padding:0 30px}.site-header nav{gap:18px}.header-private{display:none}.source-panel{padding:20px 18px}.target-panel{padding:25px 22px 20px}.category-tabs button{gap:4px;font-size:10px}.category-tabs button svg{width:13px}.how-section,.formats-section{grid-template-columns:1fr 2fr;gap:28px}.steps{gap:18px}}@media(max-width:740px){.browser-app{padding:0 20px}.site-header{height:77px}.brand{font-size:20px;gap:8px}.brand-symbol{height:33px;width:33px;border-radius:10px}.site-header nav{gap:14px;font-size:11px}.site-header nav a:last-of-type{display:none}.intro{padding:40px 0 30px}h1{font-size:44px;letter-spacing:-2px}.intro-copy{font-size:12px}.eyebrow{font-size:9px;margin-bottom:17px}.converter{border-radius:17px}.converter-top{padding:0 18px;font-size:10px;height:46px}.workspace{grid-template-columns:1fr}.source-panel{padding:20px 18px 15px;border-right:0;border-bottom:1px solid var(--line)}.category-tabs button{font-size:10px;padding:9px 4px;gap:5px}.dropzone{min-height:286px}.target-panel{padding:23px 22px 14px}.step-heading{margin-bottom:18px}.format-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.format-grid button{padding:11px 4px}.conversion-action{padding-top:15px}.reassurance{gap:12px;margin:22px 0 44px;font-size:9px;flex-wrap:wrap}.reassurance span{gap:4px}.reassurance svg{width:14px}.how-section,.formats-section{grid-template-columns:1fr;gap:25px}.how-section{padding-bottom:30px}.how-section h2,.formats-section h2{font-size:24px}.steps{gap:16px}.how-step h3{font-size:11px}.how-step p{font-size:10px}.how-step-top{margin-bottom:12px}.format-families{gap:22px}.formats-section{padding:28px 0 30px}.site-footer{flex-wrap:wrap;padding:20px 0;gap:14px}.site-footer p{order:3;flex-basis:100%;line-height:1.7;margin:0}.site-footer a{margin-left:auto}}@media(max-width:380px){.browser-app{padding:0 12px}.web-badge{display:none}.category-tabs button{font-size:9px;gap:3px}.source-panel{padding:17px 13px 15px}.target-panel{padding:22px 17px 12px}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-copy{font-size:11px}.steps{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.brand-symbol svg{width:35px;height:35px}.footer-brand svg{width:23px;height:23px}.intro-copy{max-width:650px;margin-left:auto;margin-right:auto}.intro h1{overflow-wrap:anywhere}.intro-compact h1,.info-page h1{font-size:clamp(32px,3.8vw,48px);letter-spacing:-1.6px}.intro-compact{padding-top:44px}.empty-stage>.wizard{margin-top:-9px;margin-bottom:0}.file-stage>.wizard{margin:-10px 0 3px}.seo-content{max-width:1064px;margin:0 auto;padding:33px 0 40px;border-top:1px solid var(--line)}.seo-section{max-width:780px;margin-bottom:27px;scroll-margin-top:30px}.seo-section h2{font-family:Bahnschrift,Segoe UI,sans-serif;font-weight:500;font-size:23px;letter-spacing:-.5px;margin:0 0 12px}.seo-section p,.seo-section li{color:#746b87;font-size:13px;line-height:1.9}.seo-section p{margin:0 0 12px}.seo-section ol{padding-left:22px}.seo-section li{padding-left:4px;margin:7px 0}.seo-directory{border-top:1px solid var(--line);padding-top:26px;margin-top:33px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.seo-directory h2{font-size:14px;font-weight:600;margin:0 0 16px}.seo-chips{display:flex;flex-wrap:wrap;gap:7px}.seo-chips a{display:flex;align-items:center;gap:6px;border:1px solid #e1d8ef;border-radius:7px;color:#8a72ab;padding:7px 9px;font-size:10px;background:#fbf9ff}.seo-chips a:hover{background:#eee7f9;border-color:#c9b8e2}.seo-directory ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.seo-directory li a{color:#82728f;font-size:12px;display:flex;gap:12px;justify-content:space-between;align-items:center}.seo-directory li a:hover{color:#6b50a1}.secondary-nav{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:11px;color:#8b789f}.secondary-nav a:hover{color:#6b50a1}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#9987ad;font-size:11px;margin-bottom:28px}.breadcrumbs a{color:#83659f}.info-article{max-width:930px;margin:0 auto 45px;padding:35px 44px;background:#fff;border:1px solid var(--line);border-radius:20px}.info-article .seo-content{border-top:0;padding-top:20px}.contents{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:12px;color:#927da9;padding-bottom:18px;border-bottom:1px solid var(--line)}.contents a:hover{color:#68509c}.contact-link{display:flex;gap:8px;align-items:center;font-size:14px;color:#8063a3}.article-cta{display:inline-flex;align-items:center;gap:9px;background:#7667bc;color:#fff;border-radius:8px;padding:11px 17px;font-size:12px}.article-cta:hover{background:#6555ac}@media(max-width:740px){.seo-directory{grid-template-columns:1fr;gap:25px}.seo-section h2{font-size:21px}.seo-section p,.seo-section li{font-size:12px}.info-article{padding:24px 20px;border-radius:15px}.intro-compact h1,.info-page h1{font-size:34px;letter-spacing:-1px}.brand-symbol svg{width:31px;height:31px}}