.document-workspace{max-width:1120px;margin:40px auto;padding:0 24px}.document-workspace h1{font-size:clamp(32px,5vw,52px);margin:16px 0}.document-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:28px;margin-top:28px}.editor,.help{background:white;border:1px solid #dce5dd;border-radius:18px;padding:28px}.help{align-self:start;background:#edf4ee;line-height:1.7}.help h2{font-size:22px}.notice{padding:14px;background:#edf4ee;border-radius:8px;line-height:1.5}.document-workspace textarea,.document-workspace input,.document-workspace select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b6cabc;border-radius:7px;font:inherit;background:#fff;color:#183d30}.document-workspace textarea{min-height:125px;resize:vertical}.document-workspace label{display:block;font-weight:600;margin:18px 0}.document-workspace label small{display:block;font-weight:400;line-height:1.5;color:#52685a;margin:6px 0}.document-workspace input[type=checkbox]{width:auto;margin-right:8px}#document-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}#document-nav a{padding:8px 12px;border-radius:20px;border:1px solid #c4d4c8;font-size:13px}#document-nav a[aria-current=page]{background:#185b46;color:#fff}#status{white-space:pre-wrap}#result{margin-top:20px}.error{color:#9b2525}.field-loading{opacity:.6}@media(max-width:720px){.document-layout{grid-template-columns:1fr}.document-workspace{padding:0 16px}.editor,.help{padding:18px}header nav{display:flex}}