:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17191f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,pre{font:inherit}h1,h2,p{margin:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #a5a4ff}.shell{min-height:100vh;padding:0 36px 48px}.app-header{border-bottom:1px solid #e9eaee;justify-content:space-between;align-items:center;width:min(100%,1440px);height:88px;margin:0 auto;display:flex}.logo-wrap{align-items:center;gap:10px;display:inline-flex}.logo-mark{width:40px;height:40px;display:block}.brand-name{letter-spacing:-.055em;font-size:1.38rem;font-weight:800}.landing-main{max-width:850px;margin:0 auto;padding-top:clamp(64px,10vh,108px)}.hero-copy{text-align:center}.hero-brand{justify-content:center;align-items:center;gap:16px;margin-bottom:38px;display:flex}.hero-brand img{width:64px;height:64px}.hero-brand span{letter-spacing:-.065em;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.eyebrow{color:#5751d8;letter-spacing:.18em;font-size:.72rem;font-weight:800}.hero-copy h1{letter-spacing:-.055em;margin-top:14px;font-size:clamp(2rem,4.4vw,3.1rem);font-weight:750;line-height:1.13}.hero-copy h1 span{color:#5751d8}.hero-description{color:#69707d;max-width:550px;margin:22px auto 0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.6}.upload-box{text-align:center;background:#fff;border:1.5px dashed #cbd0d9;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin-top:38px;padding:32px;transition:border-color .16s,box-shadow .16s;display:flex}.upload-box:hover,.upload-box.is-dragging{border-color:#5751d8;box-shadow:0 8px 28px #1619260e}.upload-icon{color:#5751d8;border:1px solid #e5e7ed;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:17px;display:grid}.upload-icon svg{width:25px;height:25px}.upload-box strong{letter-spacing:-.03em;font-size:1.23rem}.upload-box p{color:#747987;margin-top:5px;font-size:.93rem}.upload-cta{margin-top:22px}.upload-footnote{color:#9399a4;margin-top:15px;font-size:.76rem}.is-loading{opacity:.72;pointer-events:none}.error-text{text-align:center;color:#b42318;margin-top:18px;font-weight:600}.privacy-note{color:#747987;text-align:center;max-width:600px;margin:19px auto 0;font-size:.8rem;line-height:1.5}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,1440px);margin:24px auto 0;display:grid}.preview-panel,.output-panel{background:#fff;border:1px solid #e7e9ee;border-radius:18px;flex-direction:column;min-height:76vh;display:flex;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel-label{color:#989daa;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:.7rem;font-weight:800}.panel-header h2{color:#20232b;letter-spacing:-.025em;overflow-wrap:anywhere;font-size:1.13rem;font-weight:750}.preview-stack{gap:18px;padding:0 24px 24px;display:grid;overflow:auto}.preview-page{background:#fff;border:1px solid #e9ebef;border-radius:8px;width:100%;display:block;box-shadow:0 4px 18px #1118270f}.tabs{border-bottom:1px solid #e9eaee;gap:22px;padding:0 24px;display:flex}.tab-button{color:#8a909c;cursor:pointer;background:0 0;border:0;padding:18px 1px 15px;font-size:.9rem;font-weight:700;position:relative}.tab-button:hover{color:#20232b}.tab-button.is-active{color:#242631}.tab-button.is-active:after{content:"";background:#5751d8;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.secondary-button,.primary-button{cursor:pointer;border-radius:9px;padding:10px 15px;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.secondary-button{color:#262932;background:#fff;border:1px solid #dedfe5}.secondary-button:hover{background:#fafafb;border-color:#aeb3bf}.primary-button{color:#fff;background:#202129;border:1px solid #202129}.primary-button:hover{background:#383b46;transform:translateY(-1px)}.secondary-button:disabled,.primary-button:disabled{cursor:wait;opacity:.65}.actions{flex-shrink:0;gap:8px;display:flex}.output-view{white-space:pre-wrap;word-break:break-word;color:#353943;margin:0;padding:0 24px 24px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.65;overflow:auto}.output-render-wrap{flex:1;padding:0 24px 24px}.output-iframe{background:#fff;border:1px solid #e9ebef;border-radius:8px;width:100%;height:100%;min-height:920px}.docx-preview{padding:0 24px 24px;overflow:auto}.docx-preview-heading{color:#989daa;letter-spacing:.12em;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.7rem;font-weight:800;display:flex}.docx-preview-image{background:#fff;border:1px solid #e9ebef;border-radius:8px;width:min(100%,540px);margin:0 auto;display:block;box-shadow:0 4px 18px #1118270f}.docx-preview p{color:#777d89;text-align:center;margin-top:13px;font-size:.83rem;line-height:1.5}.output-note{color:#777d89;margin-top:7px;font-size:.83rem;line-height:1.5}.panel-error{color:#b42318;padding:0 24px 16px;font-weight:600}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=960px){.shell{padding-left:20px;padding-right:20px}.workspace{grid-template-columns:1fr}.preview-panel,.output-panel{min-height:520px}}@media (width<=640px){.shell{padding-left:16px;padding-right:16px}.app-header{height:72px}.brand-name{font-size:1.2rem}.landing-main{padding-top:52px}.hero-brand{gap:10px;margin-bottom:32px}.hero-brand img{width:52px;height:52px}.hero-brand span{font-size:1.95rem}.hero-copy h1{font-size:clamp(1.9rem,8vw,2.65rem)}.hero-description{margin-top:18px;font-size:1rem}.upload-box{min-height:285px;margin-top:38px;padding:24px}.panel-header{flex-direction:column;align-items:flex-start;padding:20px 16px}.tabs{padding:0 16px}.preview-stack,.output-view,.output-render-wrap,.docx-preview{padding-left:16px;padding-right:16px}.actions{width:100%}.actions button{flex:1}}