/* WalkRound Next Preview export centre */
.exportCentreDialog{width:min(1040px,100%);max-height:94vh;overflow:auto;padding:22px}
.exportCentreHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.exportCentreHead h2{margin:2px 0 5px;font-size:28px}.exportEyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:950;color:#087f84}.exportClose{min-width:92px}
.exportContext{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:#f8fafc;border:1px solid #d7e0e6;border-radius:16px;padding:12px}.exportScope{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.exportScope label,.packOptions label{display:flex;align-items:center;gap:7px;border:1px solid #d7e0e6;background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px}.exportScope input,.packOptions input{width:auto;margin:0}
.exportSummary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.exportSummary>div{background:#e6fbf9;border:1px solid #b6eeea;border-radius:13px;padding:10px;text-align:center}.exportSummary>div.alert{background:#ffe4e6;border-color:#fecdd3}.exportSummary b{display:block;font-size:20px;color:#087f84}.exportSummary .alert b{color:#b91c1c}.exportSummary span{display:block;color:#647482;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.exportCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exportCard{position:relative;display:grid;grid-template-columns:62px 1fr;gap:12px;border:1px solid #d7e0e6;border-radius:18px;background:#fff;padding:15px;box-shadow:0 10px 28px rgba(27,45,58,.06)}.exportCard.recommended{border:2px solid #12c9c3;background:linear-gradient(145deg,#fff,#f0fffd)}.exportCard h3{margin:0 0 5px;font-size:18px}.exportCard p{margin:0 0 11px;color:#647482;line-height:1.45}.exportCard button{width:100%}.exportIcon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#111c2b;color:#69f3ea;font-size:12px;font-weight:950;letter-spacing:.06em}.recommendedTag,.futureTag{display:inline-flex;border-radius:999px;padding:5px 8px;margin:0 0 7px;background:#d7f8f5;color:#086c70;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.futureTag{background:#eef2f7;color:#647482}.secondaryCard{background:#fafafa}.futureCard{opacity:.78;background:#f8fafc}.packOptions{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 10px}.packOptions label{padding:6px 8px;font-size:10px}
.exportStatus{margin-top:13px}.exportStatusText{font-weight:850;color:#334155;margin-bottom:6px}.exportProgress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.exportProgress span{display:block;height:100%;background:linear-gradient(90deg,#12c9c3,#087f84);transition:width .2s ease}.exportSafety{margin-top:13px}.exportPreviewPanel{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;background:linear-gradient(135deg,#ffffff,#eafffd)}.exportPreviewPanel h2{margin:2px 0 4px}.exportPreviewPanel button{min-width:180px}
@media(max-width:800px){.exportCards{grid-template-columns:1fr}.exportSummary{grid-template-columns:repeat(3,1fr)}.exportContext{grid-template-columns:1fr}.exportPreviewPanel{display:block}.exportPreviewPanel button{width:100%;margin-top:10px}}
@media(max-width:520px){.exportCentreDialog{padding:15px}.exportCentreHead{display:block}.exportClose{width:100%;margin-top:10px}.exportCard{grid-template-columns:1fr}.exportIcon{width:50px;height:50px}.exportSummary{grid-template-columns:repeat(2,1fr)}}
.exportCoverChoice{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #dbe3ea;border-radius:12px;background:#fff;font-weight:800}
.exportCoverChoice input{width:auto;margin:0}
.exportContextScope{grid-column:1/-1}.exportScopeNote{margin:8px 0 0;color:#647482;font-size:12px;line-height:1.45}.exportCardScope{display:inline-flex;max-width:100%;margin:0 0 7px;padding:5px 8px;border-radius:999px;background:#e6fbf9;color:#087f84;font-size:9px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.exportStatusMeta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#647482;font-size:11px;font-weight:800}.exportJobOverlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(8,17,29,.72);backdrop-filter:blur(5px)}.exportJobOverlay[hidden]{display:none}.exportJobPanel{width:min(480px,100%);border:1px solid rgba(255,255,255,.3);border-radius:24px;background:#fff;padding:24px;box-shadow:0 28px 80px rgba(3,12,24,.38)}.exportJobEyebrow{color:#087f84;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.exportJobPanel h2{margin:5px 0 8px;font-size:26px}.exportJobPanel>p{margin:0 0 16px;color:#526579;line-height:1.5}.exportJobProgress{height:14px;overflow:hidden;border-radius:999px;background:#e2e8f0}.exportJobProgress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#12c9c3,#087f84);transition:width .2s ease}.exportJobMeta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#526579;font-size:12px;font-weight:850}.exportJobPanel .exportJobHint{margin:18px 0 14px;padding:11px 12px;border-radius:12px;background:#e6fbf9;color:#275b60;font-size:12px}.exportJobPanel button{width:100%}.walkroundExportBusy button[aria-busy="true"]{cursor:wait}
@media(max-width:520px){.exportJobPanel{padding:20px;border-radius:20px}.exportJobPanel h2{font-size:22px}.exportJobMeta,.exportStatusMeta{display:grid;gap:3px}.exportCardScope{white-space:normal}}