.intro{padding:35px 0 22px}.intro p:last-child{max-width:710px}.document-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:18px;align-items:start}.document-workspace .card{min-width:0;padding:24px}.controls-card{position:sticky;top:16px}.source-card .drop-zone{min-height:126px}.source-card .drop-label{padding:12px}.source-card .drop-zone p{margin:0 0 8px}.hint,.mode-note{margin:9px 0 0;color:#62738f;line-height:1.55;font-size:.88rem}.mode-note{margin:3px 0 18px}.status{margin:10px 0 0;color:#526c90;font-size:.88rem;line-height:1.5}.status:empty{display:none}.status.error{color:#a43849}.status.success{color:#167355}.file-list,.result-list ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:7px}.file-list li,.result-list li{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #dce5f0;border-radius:9px;background:#f9fbff}.file-list li.selected{border-color:#6d8be0;background:#f0f5ff}.file-list .file-select{flex:1;min-width:0;border:0;background:none;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243655;font-weight:700;cursor:pointer;font-size:.88rem}.file-list .file-select span{display:block;margin-top:2px;color:#73829c;font-size:.78rem;font-weight:550}.file-list .remove-file,.result-list a{border:0;background:none;color:#315ec9;cursor:pointer;font-weight:750}.file-list .remove-file{font-size:1.15rem;padding:2px 7px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.preview-heading h2,.result-list h2{font-size:1rem}.preview-box{min-height:360px;max-height:620px;padding:12px;background:#e9eef6;border:1px solid #d8e1ed;border-radius:14px;overflow:auto}.preview-box>p{color:#6d7e98;font-size:.9rem;text-align:center;margin:135px 12px}.preview-box #render-host[hidden]{display:none}.preview-box #render-host{min-width:max-content}.preview-box .docx-wrapper{padding:12px!important;background:transparent!important}.preview-box section.docx{margin:0 auto 16px!important;box-shadow:0 7px 23px rgba(21,35,64,.17)!important}.controls-card .create-button{width:100%}.controls-card .secondary-button{width:100%;margin-top:11px}.secondary-button{border:1px solid #a9bdeb;border-radius:9px;background:#eef3ff;color:#2754bd;min-height:44px;padding:0 14px;font-weight:750;cursor:pointer}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.result-list{margin-top:23px;padding-top:17px;border-top:1px solid #e0e8f3}.result-list li{justify-content:space-between;font-size:.88rem}.result-list li span{overflow-wrap:anywhere}.result-list a{text-decoration:none}.result-list a:hover{text-decoration:underline}.below-note{margin:17px 0 42px}
.mode-picker{display:grid;gap:8px;border:0;margin:4px 0 13px;padding:0}.mode-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border:1px solid #d4deec;border-radius:10px;background:#fff;color:#263653;font-size:.9rem;font-weight:740;cursor:pointer}.mode-option:has(input:checked){background:#edf2ff;border-color:#6682da}.mode-option input{accent-color:#315ee0}.mode-note{margin:0 0 18px}
@media(max-width:900px){.document-workspace{grid-template-columns:1fr}.controls-card{position:static}.preview-box{max-height:520px}}
@media(max-width:600px){.intro h1{font-size:2.35rem}.document-workspace .card{padding:19px}.preview-box{min-height:290px;padding:7px}.preview-box>p{margin:110px 9px}}
@media print{html,body{background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}.shell>header,.shell>footer,main>.intro,main>.below-note,.controls-card,.source-card>:not(.preview-box),.preview-box>p{display:none!important}.shell,.shell main,.document-workspace,.source-card{display:contents!important}.preview-box{display:block!important;overflow:visible!important;border:0!important;padding:0!important;margin:0!important;background:#fff!important;max-height:none!important;min-height:0!important}#render-host{display:block!important;width:auto!important;overflow:visible!important}.preview-box .docx-wrapper{padding:0!important;background:#fff!important}.preview-box section.docx{margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always}.preview-box section.docx:last-child{break-after:auto;page-break-after:auto}}