.document-designer{display:grid;grid-template-columns:minmax(360px,530px) minmax(380px,1fr);gap:24px;align-items:start}.document-controls{padding:0;overflow:hidden}.document-tabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--line,#d9dfe6);padding:12px;background:#f7f9fb}.document-tabs button{font-size:12px;padding:8px 10px;border-color:transparent;background:transparent}.document-tabs button[aria-selected=true]{background:#173e4a;color:#fff}.document-controls form{padding:20px}.document-controls fieldset{border:0;padding:0;margin:0;min-width:0}.document-controls h2{font-size:19px;margin-top:8px}.document-controls details{margin:14px 0;border:1px solid var(--line,#d9dfe6);padding:12px;border-radius:9px}.document-controls details summary{cursor:pointer;font-weight:650;margin-bottom:10px}.document-controls textarea{font-size:13px;line-height:1.5;resize:vertical}.document-column{display:grid;grid-template-columns:110px minmax(100px,1fr) 64px 62px;align-items:end;gap:8px;padding:10px 0;border-bottom:1px solid var(--line,#d9dfe6)}.document-column label{font-size:11px;min-width:0}.document-column input{min-width:0;width:100%;padding:7px}.document-column .inline-check input{width:auto}.document-column button{padding:7px 8px}.document-actions{border-top:1px solid var(--line,#d9dfe6);padding-top:16px;margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.document-actions span{font-size:12px;color:#56626e}.document-preview{min-width:0;position:sticky;top:12px}.document-preview-toolbar{padding:16px;margin-bottom:14px}.document-preview-toolbar .toolbar{flex-wrap:wrap;gap:10px;margin-top:12px}.document-preview-toolbar .muted{font-size:11px;margin-bottom:0}.document-paper{background:#dce1e7;padding:18px;max-height:76vh;overflow:auto;border-radius:10px;box-shadow:inset 0 0 0 1px #cfd6de}.document-paper img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 3px 16px #172a3a26}.document-paper p{padding:30px;text-align:center}.document-column-list{margin-bottom:20px}.document-controls [hidden]{display:none!important}@media(max-width:1150px){.document-designer{grid-template-columns:1fr}.document-preview{position:static}.document-paper{max-height:none;max-width:820px;margin-inline:auto}}@media(max-width:600px){.document-controls form{padding:12px}.document-column{grid-template-columns:1fr 1fr}.document-preview-toolbar .formgrid{grid-template-columns:1fr}.document-paper{padding:8px}.document-tabs button{font-size:11px}.document-actions{align-items:stretch}}