.loan-form-editor-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.loan-form-tools{position:sticky;top:10px}.loan-form-tools textarea{min-height:120px;resize:vertical}.loan-form-preview{background:#e7eee9;border:1px solid #cddbd2;border-radius:14px;padding:16px;max-height:78vh;overflow:auto}.loan-form-page-wrap{position:relative;width:max-content;max-width:100%;margin:0 auto 28px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.16);transform-origin:top left;border:3px solid transparent;border-radius:4px}.loan-form-page-wrap.active-page{border-color:#0b7a5b;box-shadow:0 0 0 3px rgba(11,122,91,.12),0 5px 18px rgba(0,0,0,.16)}.loan-form-page-badge{position:absolute;left:8px;top:8px;z-index:5;background:rgba(6,99,75,.9);color:#fff;padding:4px 9px;border-radius:999px;font-size:12px;pointer-events:none}.loan-extra-pdf-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d8e3dc;border-radius:8px;background:#fff;font-size:13px}.loan-form-page-wrap canvas{display:block;max-width:none}.loan-form-overlay{position:absolute;inset:0;z-index:3}.loan-form-field{position:absolute;cursor:move;background:rgba(255,255,255,.72);border:1px dashed #0b7a5b;padding:2px 4px;white-space:pre-wrap;line-height:1.2;min-width:26px;max-width:75%;user-select:none}.loan-form-field.selected{border:2px solid #d18b00;background:#fff7d6;box-shadow:0 0 0 2px rgba(209,139,0,.15)}.loan-form-empty{padding:55px 20px;text-align:center;color:#607067;background:#fff;border-radius:12px}.loan-form-field-list{display:grid;gap:6px;max-height:190px;overflow:auto;margin-top:10px}.loan-field-item{display:flex!important;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px!important;border:1px solid #d8e3dc!important;background:#fff!important;color:#244239!important}.loan-field-item span{font-size:12px;white-space:nowrap;color:#6d7d75}.loan-field-item b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-field-item.active{border-color:#0b7a5b!important;background:#edf8f3!important}.loan-form-help{font-size:13px;background:#f3f8f5;border-left:4px solid #0b7a5b;padding:10px 12px;border-radius:8px;margin-bottom:12px}.loan-form-actions{display:flex;gap:8px;flex-wrap:wrap}.loan-form-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px;font-size:13px;color:#63766c}@media(max-width:900px){.loan-form-editor-grid{grid-template-columns:1fr}.loan-form-tools{position:static}.loan-form-preview{max-height:none;overflow:auto}.loan-form-page-wrap{transform:scale(.72);transform-origin:top left;margin-right:-28%;margin-bottom:-28%}}
.loan-form-field{font-family:"Times New Roman",serif;padding:0;border:0;outline:1px dashed #0b7a5b;line-height:1.2}.loan-form-field.selected{border:0;outline:2px solid #d18b00}

@font-face{font-family:LoanFormAngsana;src:local("Angsana New UBC"),local("Angsana New")}

.loan-form-field{font-family:LoanFormAngsana,"Angsana New",serif!important;font-size:18.9px!important;font-weight:400!important}

.loan-placeholder-palette{background:#edfaf3;border:1px solid #cce9dc;border-radius:12px;padding:14px;margin:14px 0}.loan-placeholder-palette p{font-size:13px;color:#386757;margin:8px 0 12px}.loan-placeholder-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-height:52vh;overflow:auto}.loan-placeholder-chip{background:#fff!important;color:#07644a!important;border:1px solid #70cba6!important;border-radius:7px!important;padding:7px 10px!important;font-family:inherit;font-size:13px!important;font-weight:600!important;cursor:pointer}.loan-placeholder-chip.active{background:#087b58!important;color:#fff!important;border-color:#087b58!important;box-shadow:0 0 0 2px #aedfc8}.loan-form-field{background:#fff2b7!important;outline:1px solid #d5a900!important;border-radius:3px;padding:2px 5px!important;font-family:Tahoma,sans-serif!important;font-size:12px!important;white-space:nowrap;max-width:none}.loan-form-field.selected{background:#ffdf65!important;outline:2px solid #a97700!important}.loan-form-overlay{cursor:crosshair}