.ai-mapper-v2{--am-bg:#fafafa;--am-card:#fff;--am-border:#e4e4e7;--am-text:#111827;--am-muted:#6b7280;--am-muted-2:#9ca3af;--am-emerald:#2563eb;--am-amber:#f59e0b;--am-surface-hover:#2563eb14;--am-page-drag:#2563eb0d;--am-shadow:0 4px 24px #0000000f;background:var(--am-bg)}.ai-mapper-v2 *{box-sizing:border-box}.ai-mapper-v2 .progress-bar{background:var(--am-emerald);height:4px;transition:width .32s ease-out}.ai-mapper-v2 .entry-card{background:var(--am-card);border:1px solid var(--am-border);width:min(480px,100vw - 32px);box-shadow:var(--am-shadow);border-radius:4px;transition:transform .3s ease-out,opacity .3s ease-out,border-color .15s}.ai-mapper-v2 .entry-card.collapsing{opacity:0;transform:scale(.98)}.ai-mapper-v2 .entry-dropzone{background:#fff;border:2px dashed #d1d5db;border-radius:4px;transition:border-color .15s,background .15s}.ai-mapper-v2 .entry-dropzone.hover{border-color:var(--am-emerald);background:var(--am-surface-hover)}.ai-mapper-v2.drag-active{background:linear-gradient(var(--am-page-drag),var(--am-page-drag)),var(--am-bg)}.ai-mapper-v2.drag-active .entry-card{border-color:var(--am-emerald);animation:.32s ease-out cardPulseOnce}.ai-mapper-v2.focus-mode{background:radial-gradient(circle at top right,#2563eb1a,transparent 45%),var(--am-bg)}.ai-mapper-v2.focus-mode .done-cascade{box-shadow:0 10px 30px #00000014}.ai-mapper-v2 .spark-icon{color:var(--am-emerald);animation:5.5s linear infinite sparkRotate}.ai-mapper-v2 .check-draw{stroke-dasharray:110;stroke-dashoffset:110px;animation:.6s ease-out forwards drawCheck}.ai-mapper-v2 .skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.15s linear infinite shimmer}.ai-mapper-v2 .amber-accent{border-left:3px solid var(--am-amber)}.ai-mapper-v2 .amber-to-green{transition:border-left-color .3s}.ai-mapper-v2 .amber-to-green.resolved{border-left-color:var(--am-emerald)}.ai-mapper-v2 .ready-card{transition:border-color .2s,background .2s,transform .2s}.ai-mapper-v2 .ready-card.flash{animation:80ms linear confirmFlash}.ai-mapper-v2 .ready-card.done{border-color:var(--am-emerald);background:#10b9810f}.ai-mapper-v2 .list-enter{animation:.2s ease-out both slideInCard}.ai-mapper-v2 .done-cascade{will-change:transform,border-color,background}.ai-mapper-v2 .final-fade-out{animation:.4s ease-out forwards fadeOutCards}.ai-mapper-v2 .sr-only-live{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sparkRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drawCheck{0%{stroke-dashoffset:110px}to{stroke-dashoffset:0}}@keyframes cardPulseOnce{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes slideInCard{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes confirmFlash{0%{box-shadow:inset 0 0 0 999px #fffc}to{box-shadow:inset 0 0 #fff0}}@keyframes fadeOutCards{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ai-mapper-v2 .progress-bar,.ai-mapper-v2 .entry-card,.ai-mapper-v2 .entry-dropzone,.ai-mapper-v2 .amber-to-green,.ai-mapper-v2 .ready-card,.ai-mapper-v2 .spark-icon,.ai-mapper-v2 .skeleton,.ai-mapper-v2 .check-draw,.ai-mapper-v2 .list-enter,.ai-mapper-v2 .final-fade-out{transition-duration:1ms!important;animation:none!important}}
