.pag-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}@media (max-width: 820px){.pag-grid{grid-template-columns:1fr}}.pag-hint{font-size:13px;color:var(--ex-text2);line-height:1.6;margin:0 0 16px}.pag-foot-note{font-size:11px;color:var(--ex-text3);line-height:1.5;margin:12px 0 0}.pag-upload-box{border:1.5px dashed var(--ex-border);border-radius:12px;padding:18px;background:var(--ex-surface);transition:border-color .18s,background .18s}.pag-upload-box.dragover{border-color:var(--ex-blue);background:#1d4ed80a}.pag-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.pag-field label{font-size:11px;font-weight:700;color:var(--ex-text3);text-transform:uppercase;letter-spacing:.1em}.pag-field select{padding:8px 11px;border-radius:8px;border:1px solid var(--ex-border);background:var(--ex-white);color:var(--ex-text);font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:border-color .14s;max-width:200px}.pag-field select:focus{border-color:var(--ex-blue)}.pag-layout-preview{margin:14px 0 16px;padding:14px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#0f172ac7,#0f172a9e);box-shadow:inset 0 1px #ffffff08}.pag-layout-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pag-layout-preview-head span{display:block;font-size:11px;font-weight:700;color:var(--ex-text3);text-transform:uppercase;letter-spacing:.1em}.pag-layout-preview-head strong{display:block;margin-top:4px;font-size:14px;color:var(--ex-white)}.pag-layout-preview-head small{font-size:11px;color:var(--ex-text3);text-align:right;line-height:1.4}.pag-layout-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pag-layout-preview-item{display:flex;gap:10px;align-items:stretch;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#ffffffb8}.pag-layout-preview-item.is-ready{border-color:#10b98140;background:#10b9810d}.pag-layout-preview-item.is-missing{border-color:#f59e0b33;background:#f59e0b0d}.pag-layout-preview-field{min-width:110px;font-size:11px;font-weight:800;color:var(--ex-text3);text-transform:uppercase;letter-spacing:.08em;line-height:1.35}.pag-layout-preview-value{display:grid;gap:2px}.pag-layout-preview-value strong{font-size:13px;color:var(--ex-text);line-height:1.3}.pag-layout-preview-value span{font-size:11px;color:var(--ex-text3)}@media (max-width: 640px){.pag-layout-preview-grid{grid-template-columns:1fr}.pag-layout-preview-head{flex-direction:column}.pag-layout-preview-head small{text-align:left}}.pag-field input[type=number]{padding:8px 11px;border-radius:8px;border:1px solid var(--ex-border);background:var(--ex-white);color:var(--ex-text);font-size:13px;font-weight:600;outline:none;transition:border-color .14s,box-shadow .14s;max-width:200px}.pag-field input[type=number]:focus{border-color:var(--ex-blue);box-shadow:0 0 0 3px #1d4ed814}.pag-config-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-bottom:14px}@media (max-width: 720px){.pag-config-grid{grid-template-columns:1fr}}.pag-check-card{align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--ex-border);border-radius:12px;background:#1d4ed80a}.pag-check-card span{display:grid;gap:3px}.pag-check-card strong{font-size:13px;font-weight:800;color:var(--ex-text);text-transform:none;letter-spacing:0}.pag-check-card small{font-size:11px;line-height:1.4;color:var(--ex-text3)}.pag-number-field,.pag-number-field label{margin-bottom:0}.pag-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pag-file-input{display:none}.pag-file-label{font-size:12px;color:var(--ex-text3);font-style:italic}.pag-check-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ex-text2);cursor:pointer;margin-bottom:4px}.pag-check-label input{accent-color:var(--ex-blue)}.pag-progress{display:none;margin-top:16px}.pag-progress.show{display:block}.pag-progress-bar{height:6px;border-radius:99px;background:var(--ex-border);overflow:hidden;margin-bottom:7px}.pag-progress-fill{height:100%;border-radius:99px;background:var(--ex-blue);transition:width .3s ease;width:0%}.pag-progress-text{font-size:12px;color:var(--ex-text3)}.pag-modal[hidden]{display:none!important}.pag-modal{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:24px}.pag-modal-backdrop{position:absolute;inset:0;background:#0f172a9e;backdrop-filter:blur(6px)}.pag-modal-card{position:relative;width:min(520px,100%);border-radius:20px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 24px 80px #0f172a47;padding:22px 22px 20px;animation:pagModalIn .18s ease-out}.pag-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.pag-modal-kicker{display:block;font-size:11px;font-weight:800;color:var(--ex-text3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.pag-modal-card h3{margin:0;font-size:18px;line-height:1.2;color:var(--ex-text)}.pag-modal-percent{min-width:72px;text-align:right;font-size:20px;font-weight:900;color:var(--ex-blue)}.pag-modal-bar{height:10px;border-radius:999px;background:#94a3b840;overflow:hidden;margin-bottom:14px}.pag-modal-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#1d4ed8);transition:width .18s ease}.pag-modal-text{margin:0;font-size:13px;line-height:1.5;color:var(--ex-text2)}@keyframes pagModalIn{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pag-result{display:none;margin-top:16px}.pag-result.show{display:block}.pag-result h3{font-size:13px;font-weight:700;color:var(--ex-text);margin:0 0 6px}.pag-result p{font-size:12px;color:var(--ex-text2);margin:0 0 10px}.pag-download-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#059669;font-size:12px;font-weight:700;text-decoration:none;transition:background .14s}.pag-download-link:hover{background:#10b9812e}.pag-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.pag-summary-card{background:var(--ex-surface);border:1px solid var(--ex-border);border-radius:10px;padding:12px 10px;text-align:center}.pag-summary-value{font-size:20px;font-weight:800;color:var(--ex-blue);letter-spacing:-.02em;line-height:1}.pag-summary-label{font-size:10px;color:var(--ex-text3);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}@media (max-width: 480px){.pag-summary-grid{grid-template-columns:repeat(2,1fr)}}.pag-warnings{display:none;margin-bottom:16px}.pag-warnings.show{display:block}.pag-warnings h3{font-size:12px;font-weight:700;color:#b45309;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}.warning-item{font-size:12px;color:var(--ex-text);padding:6px 10px;border-left:3px solid #f59e0b;background:#f59e0b12;border-radius:0 6px 6px 0;margin-bottom:5px;line-height:1.5}.pag-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}