*,:after,:before{box-sizing:border-box}.erg-container{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden}.erg-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:0 1rem}.erg-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width:960px){.erg-grid{grid-template-columns:1fr 1fr}.erg-preview-col{position:sticky;top:1rem;align-self:start}}.erg-card{background:#fff;border-radius:1rem;box-shadow:0 1px 4px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);padding:1.5rem;border:1px solid #e5e7eb}.erg-card-title{font-size:1rem;color:#374151;margin-bottom:1.25rem}.erg-card-title,.erg-section-label{font-weight:700;display:flex;align-items:center;gap:.5rem}.erg-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:1.25rem 0 .5rem}.erg-section-label:after{content:"";flex:1;height:1px;background:#e5e7eb}.erg-field{margin-bottom:1rem}.erg-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.3rem}.erg-row{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.erg-row>.erg-col{flex:1;min-width:0}.erg-col label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.25rem}.erg-input,.erg-select,.erg-textarea{width:100%;padding:.55rem .7rem;border:1.5px solid #d1d5db;border-radius:.5rem;font-size:.87rem;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;font-family:inherit}.erg-input:focus,.erg-select:focus,.erg-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.erg-textarea{resize:vertical;min-height:60px}.erg-logo-zone{border:2px dashed #d1d5db;border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .15s}.erg-logo-zone:hover{border-color:#2563eb}.erg-logo-img{max-height:48px;max-width:200px;-o-object-fit:contain;object-fit:contain}.erg-logo-preview{position:relative;display:inline-block}.erg-logo-remove{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;border:none;font-size:12px}.erg-btn,.erg-logo-remove{align-items:center;justify-content:center;cursor:pointer}.erg-btn{display:inline-flex;gap:.4rem;padding:.5rem .9rem;border-radius:.5rem;font-size:.82rem;font-weight:600;border:none;transition:all .15s;white-space:nowrap}.erg-btn--add{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.erg-btn--add:hover{background:#dbeafe}.erg-btn--del{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5;padding:.3rem}.erg-btn--del:hover{background:#fee2e2}.erg-btn--ghost{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.erg-btn--ghost:hover{background:#e5e7eb}.erg-btn--primary{background:#2563eb;color:#fff}.erg-btn--primary:hover{background:#1d4ed8}.erg-table-wrap{overflow-x:auto}.erg-table{width:100%;border-collapse:collapse;font-size:.8rem}.erg-table th{text-align:left;padding:.5rem .4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:2px solid #e5e7eb}.erg-table td{padding:.35rem .25rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.erg-table tr:hover td{background:#f9fafb}.erg-table .erg-input,.erg-table .erg-select{padding:.35rem .5rem;font-size:.8rem}.erg-drag-handle{cursor:grab;color:#9ca3af}.erg-drag-handle:active{cursor:grabbing}.erg-total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:2px solid #e5e7eb;margin-top:.5rem}.erg-total-label{font-weight:600;color:#374151}.erg-total-amount{font-size:1.25rem;font-weight:700;color:#2563eb}.erg-collapse-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.25rem 0}.erg-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.erg-template-btn{padding:.5rem;border-radius:.5rem;font-size:.82rem;font-weight:500;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s}.erg-template-btn:hover{border-color:#2563eb}.erg-template-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.erg-color-swatches{display:flex;gap:.75rem}.erg-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s}.erg-swatch:hover{transform:scale(1.1)}.erg-swatch.active{border-color:#111827}.erg-actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.erg-actions{flex-direction:row}}.erg-btn--full{width:100%;padding:.75rem 1rem;font-size:.9rem}.erg-btn--outline{background:#fff;color:#374151;border:1.5px solid #d1d5db}.erg-btn--outline:hover{background:#f3f4f6;border-color:#9ca3af}.erg-preview{background:#fff;border-radius:.5rem;font-family:Georgia,Times New Roman,Times,serif;color:#111827;font-size:13px;line-height:1.5;border:1.5px solid #e5e7eb;overflow:hidden}.erg-preview-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111827;background:#f9fafb}.erg-preview-company{display:flex;align-items:center;gap:.75rem}.erg-preview-logo{max-height:40px;max-width:120px;-o-object-fit:contain;object-fit:contain}.erg-preview-company-name{font-size:1rem;font-weight:700;color:#111827}.erg-preview-addr{font-size:.75rem;color:#6b7280}.erg-preview-title-block{text-align:right}.erg-preview-title{font-size:1.75rem;font-weight:900;letter-spacing:.08em;font-family:Arial Black,sans-serif}.erg-preview-num{font-size:.75rem;color:#6b7280;margin-top:.25rem}.erg-preview-bar{height:4px;margin:0}.erg-preview-meta{padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;font-size:.8rem;border-bottom:1px solid #e5e7eb}.erg-preview-meta-label{color:#6b7280}.erg-preview-meta-val{font-weight:600;color:#111827}.erg-preview-purpose{padding:.75rem 1.5rem;font-size:.8rem;border-bottom:1px solid #e5e7eb}.erg-preview-purpose-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:.25rem}.erg-preview-table{width:100%;border-collapse:collapse;font-size:.8rem}.erg-preview-table thead tr{color:#fff}.erg-preview-table th{padding:.5rem .75rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:Arial,sans-serif}.erg-preview-table td{padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151}.erg-preview-table tbody tr:nth-child(2n){background:#f9fafb}.erg-preview-table .erg-preview-amount{text-align:right;font-weight:600}.erg-preview-grand-total{display:flex;justify-content:flex-end;padding:1rem 1.5rem}.erg-preview-grand-total-box{padding:.5rem 1.25rem;border-radius:.375rem;color:#fff;font-weight:700;font-size:1rem}.erg-preview-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;text-align:center;font-size:.7rem;color:#9ca3af}.erg-curr-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.75rem;color:#374151;background:#fff;cursor:pointer}.erg-curr-select:focus{border-color:#2563eb;outline:none}@media (max-width:640px){.erg-card{padding:1rem}.erg-preview-meta,.erg-template-grid{grid-template-columns:1fr}}