.document-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:20px}.document-controls,.document-preview{border:1px solid #dce6d6;border-radius:22px;background:#fff;padding:24px;min-width:0}.document-preview{position:sticky;top:20px}.document-workspace h2{font-size:24px;margin:0 0 18px}.document-workspace h3{font-size:18px;margin:20px 0 12px}.document-notes{padding:16px;background:#fff7e9;border-radius:12px;line-height:1.6}.document-notes p{margin:0}.document-workspace label{display:block;margin:14px 0 8px}.document-workspace select{width:100%;padding:12px;border:1px solid #cedcc6;border-radius:10px;background:white;color:#234536;font:inherit}.document-meta{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:16px}.document-meta dt{color:#6c806e}.document-meta dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:250px}.document-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;padding:16px;border-radius:12px;background:#f5f7f1;font:15px/1.65 system-ui}.document-output{background:#eef5e5;border-radius:14px;padding:16px;margin-top:18px}.document-result{margin-top:18px;padding:18px;border:1px solid #dce6d6;border-radius:14px}.document-result .button{display:block;text-align:center;margin-top:12px}.document-workspace button{cursor:pointer}.document-workspace button:disabled{cursor:default}.document-preview img{max-width:100%;max-height:260px;object-fit:contain;display:block;margin:auto}.document-preview img[hidden]{display:none}@media(max-width:700px){.document-workspace{grid-template-columns:1fr}.document-preview{position:static}.document-controls,.document-preview{padding:18px}.document-meta dd{max-width:160px}}
.document-create-heading{margin-top:24px!important}