.word-tool{width:min(1160px,100%);margin:0 auto;padding:30px 24px 64px;--word-blue:#245bb5;--word-green:#18704b}
.word-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.word-title h1{font-size:clamp(1.9rem,3.2vw,2.65rem);line-height:1.15;letter-spacing:-.035em;margin:5px 0 0}.eyebrow{font-size:.69rem;letter-spacing:.14em;color:var(--muted);font-weight:650}.format-stamp{display:flex;align-items:center;gap:13px;font:600 1.05rem ui-monospace,Consolas,monospace;color:var(--word-blue);padding:13px 18px;background:#edf3fd;border:1px solid #dbe6f8;border-radius:12px}.format-stamp span{color:#7f8da4}
.word-workspace{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.workspace-bar{padding:14px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fcfdff}.workspace-bar #word-drop{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.workspace-bar span{font-size:.8rem;color:var(--muted)}#word-filename{overflow-wrap:anywhere;text-align:right;max-width:40%}.word-tool button{font-family:inherit;font-weight:600;font-size:.86rem;line-height:1.2;border:1px solid #c9d4e2;border-radius:8px;background:white;color:var(--text);padding:12px 16px;min-height:44px;cursor:pointer;transition:background .12s,transform .12s,border-color .12s}.word-tool button:hover:not(:disabled){background:#edf3fd;border-color:#a5bfeb}.word-tool button:active:not(:disabled){transform:translateY(1px)}.word-tool button:disabled{opacity:.45;cursor:default}.word-grid{display:grid;grid-template-columns:1fr 1fr}.word-pane{min-width:0}.word-pane+.word-pane{border-left:1px solid var(--border)}.pane-label{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px;border-bottom:1px solid #edf0f4}.pane-label h2{font-size:.85rem;font-weight:650;margin:0}.pane-label span{font-size:.72rem;color:var(--muted)}.pane-label button{padding:6px 10px;min-height:34px;font-size:.75rem;color:var(--word-blue);border:0;background:transparent}
#word-source{display:block;resize:vertical;border:0;border-radius:0;background:#fff;color:#26354b;padding:20px;width:100%;height:310px;min-height:220px;font:14px/1.8 ui-monospace,Consolas,monospace;outline-offset:-3px}.word-preview{height:310px;overflow:auto;padding:20px 24px;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere}.word-preview h1{font-size:1.65rem}.word-preview h2{font-size:1.25rem}.word-preview h3{font-size:1.1rem}.word-preview h1,.word-preview h2,.word-preview h3{margin:14px 0 10px}.word-preview p{margin:10px 0}.word-preview ul,.word-preview ol{padding-left:24px}.word-preview table{border-collapse:collapse;max-width:100%;font-size:.83rem}.word-preview td,.word-preview th{border:1px solid var(--border);padding:7px 9px}.word-preview pre{background:#f0f3f7;padding:12px;overflow:auto;border-radius:5px}.word-preview blockquote{border-left:2px solid #b8c7df;padding-left:14px;color:var(--muted)}.empty-preview{color:#8490a0}.image-note,.preview-note{font-size:.8rem;color:#72500c}.word-actions{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.word-tool .word-primary{background:var(--word-blue);color:white;border-color:var(--word-blue);padding-inline:20px}.word-tool .word-primary:hover:not(:disabled){background:#194c9d;color:#fff}.word-primary span{padding-left:16px}.word-tool .word-quiet{margin-left:auto;border-color:transparent;color:var(--muted)}.result-strip{padding:0 20px 16px;font-size:.8rem}.result-strip #word-status{color:var(--muted);margin-bottom:5px;min-height:1.6em}#word-status[data-state=ready]{color:var(--word-green)}#word-status[data-state=error]{color:#a72828}#result-summary{color:var(--muted);font-size:.75rem}#warnings{padding-left:20px;color:#8a4c07;margin-top:10px;overflow-wrap:anywhere}.local-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem;margin:16px 0 22px}.local-dot{flex:none;width:7px;height:7px;background:var(--word-green);border-radius:50%}.is-over{outline:2px dashed var(--word-blue);outline-offset:6px;background:#eff5ff}
.image-options,.docx-inspector{border-top:1px solid var(--border);padding:15px 0;font-size:.85rem}.word-tool summary{cursor:pointer;font-weight:600;min-height:32px}.image-options p,.docx-inspector p{max-width:86ch;color:var(--muted);margin:12px 0}.image-fields{display:flex;align-items:end;gap:12px}.image-fields label{flex:1;max-width:500px}.image-fields input{display:block;width:100%;margin-top:5px;border:1px solid var(--border);padding:11px;border-radius:7px;background:white;font:inherit}.image-options ul{padding-left:20px;overflow-wrap:anywhere}#docx-check{max-width:100%;overflow:auto;margin-top:20px}#docx-check .docx-wrapper{padding:12px!important}#docx-check .docx{box-shadow:none!important}
.word-reading{border-top:1px solid var(--border);margin-top:20px;padding-top:8px;max-width:1000px}.word-reading section{padding:25px 0;border-bottom:1px solid var(--border)}.word-reading h2{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 14px;line-height:1.35}.word-reading h3{font-size:.98rem;margin:0 0 8px}.word-reading p{max-width:85ch;margin:12px 0;color:#445269;line-height:1.75;font-size:.94rem}.word-reading ul,.word-reading ol{padding-left:23px;line-height:1.8;font-size:.92rem}.word-reading li{padding-left:4px;margin:8px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-top:25px}.support-grid p{font-size:.87rem;margin:0}.word-faq details{padding:14px 0;border-bottom:1px solid #e5e9ef}.word-faq details:last-child{border:0}.word-faq p{font-size:.88rem}.word-reading table{border-collapse:collapse;width:100%;font-size:.83rem}.word-reading td,.word-reading th{border:1px solid var(--border);padding:10px;vertical-align:top;text-align:left}.word-reading .table-scroll{overflow:auto}.word-reading a{color:var(--word-blue)}
@media(max-width:700px){.word-tool{padding:22px 16px 42px}.format-stamp{font-size:.8rem;padding:9px;gap:7px}.eyebrow{font-size:.58rem;letter-spacing:.1em}.word-title{gap:8px}.workspace-bar{padding:12px;align-items:start;flex-direction:column;gap:8px}#word-filename{max-width:100%;text-align:left}.word-grid{grid-template-columns:1fr}.word-pane+.word-pane{border-left:0;border-top:1px solid var(--border)}#word-source{height:240px;font-size:16px;padding:14px}.word-preview{height:220px;padding:14px}.pane-label{padding:0 14px}.word-actions{padding:12px;flex-wrap:wrap;gap:8px}.word-tool button{font-size:.8rem;padding:12px}.word-actions .word-primary{flex:1}.word-actions #download-word{flex:1}.word-tool .word-quiet{margin:0}.result-strip{padding:0 12px 14px}.support-grid{grid-template-columns:1fr;gap:24px}.word-reading section{padding:23px 0}.image-fields{align-items:stretch;flex-direction:column}.local-line{align-items:baseline;line-height:1.6}.word-title h1{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.word-tool button{transition:none}.word-tool button:active:not(:disabled){transform:none}}

@media(max-width:700px){.format-stamp{display:none}.word-workspace{display:flex;flex-direction:column}.workspace-bar{order:0;flex-direction:row;flex-wrap:wrap;align-items:center}.workspace-bar #word-drop{flex:1;min-width:230px}.workspace-bar #word-filename{order:2;flex-basis:100%;font-size:.72rem}.workspace-bar .word-quiet{margin-left:auto;padding:8px;min-height:40px}.word-actions{order:1;border-top:0;border-bottom:1px solid var(--border)}.word-grid{order:2}.result-strip{order:3;padding-top:14px}.word-title h1{font-size:1.8rem;white-space:nowrap}}

@media(max-width:700px){.word-actions .word-primary{padding-inline:12px;white-space:nowrap}.word-actions .word-primary span{padding-left:8px}}