.surat-builder-form{max-width:1100px}.surat-builder-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border,#dbe3ef);border-radius:16px;background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(255,255,255,.95));margin-bottom:14px}.surat-form-section{border:1px solid var(--border,#dbe3ef);border-radius:16px;padding:14px;margin:12px 0;background:rgba(255,255,255,.75);box-shadow:0 5px 18px rgba(15,23,42,.04)}.surat-section-title{font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.surat-signature-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.surat-signature-mini{padding:12px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:5px}.surat-signature-mini span{font-size:11px;color:#64748b}.surat-signature-mini b{font-size:13px}.surat-professional-preview{background:#fff;color:#18212f;padding:38px 46px;min-height:720px;box-shadow:0 12px 35px rgba(15,23,42,.12)}.surat-preview-brand{text-align:center;font-weight:800;font-size:12px;border-bottom:2px solid #1f4f8f;padding-bottom:8px;margin-bottom:18px}.surat-professional-preview h2{text-align:center;font-size:16px;text-decoration:underline;margin:0}.surat-no{text-align:center;font-size:11px;margin:5px 0 20px}.surat-body-preview{white-space:pre-wrap;text-align:justify;line-height:1.75;font-size:12px}.surat-place-date{text-align:right;margin-top:28px}.surat-signature-section{margin-top:28px}.surat-signature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:12px}.surat-signature-box{text-align:center;min-height:115px;font-size:11px}.surat-sign-role{min-height:24px}.surat-sign-space{height:65px}.surat-sign-name{font-weight:800;text-decoration:underline}.surat-person.editing{outline:2px solid #2563eb;outline-offset:2px}@media(max-width:700px){.surat-professional-preview{padding:24px 18px}.surat-signature-grid{grid-template-columns:1fr}.surat-builder-title{align-items:flex-start}}