.p5-import-button,.p5-template-button{border:1px solid rgba(103,80,246,.18);border-radius:10px;background:#fff;color:#20183f;font:700 12px/1 Inter,system-ui,sans-serif;padding:10px 12px;cursor:pointer}.p5-import-button{background:#6c52f4;color:#fff;border-color:#6c52f4}.p5-template-button{background:#f7f5ff}.p5-import-button:hover,.p5-template-button:hover{transform:translateY(-1px)}.p5-import-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(20,16,33,.52);display:grid;place-items:center;padding:24px}.p5-import-modal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fbfbfd;border:1px solid rgba(72,62,104,.12);border-radius:22px;box-shadow:0 24px 70px rgba(21,17,37,.28)}.p5-import-modal>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 18px;border-bottom:1px solid #eceaf4;background:#fff;border-radius:22px 22px 0 0}.p5-import-modal>header small,.p5-import-mapping header small,.p5-import-filebar small,.p5-import-result>small{display:block;color:#6c52f4;font-size:10px;font-weight:800;letter-spacing:.08em}.p5-import-modal>header h2{margin:4px 0 6px;font-size:24px}.p5-import-modal>header p{margin:0;color:#777184;font-size:13px}.p5-import-close{width:34px;height:34px;border:0;border-radius:10px;background:#f3f1f8;color:#4e475c;font-size:22px;cursor:pointer}.p5-import-upload,.p5-import-loading,.p5-import-result{padding:26px}.p5-import-drop{min-height:250px;border:1.5px dashed #cfc8f3;border-radius:18px;background:#faf9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.18s ease}.p5-import-drop.dragging{border-color:#6c52f4;background:#f2efff;transform:scale(1.005)}.p5-import-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ece8ff;color:#6c52f4;font-size:28px;margin-bottom:12px}.p5-import-drop strong{font-size:18px}.p5-import-drop em{font-style:normal;color:#6c52f4;font-size:13px;font-weight:700;margin:5px 0}.p5-import-drop small{color:#8a8591}.p5-import-template-callout{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #eceaf4;display:flex;justify-content:space-between;align-items:center;gap:16px}.p5-import-template-callout div{display:flex;flex-direction:column;gap:3px}.p5-import-template-callout span{color:#7d7788;font-size:12px}.p5-import-template-callout button,.p5-import-filebar button,.p5-import-footer button,.p5-import-result button{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.p5-import-template-callout button,.p5-import-filebar button,.p5-import-footer .secondary{background:#f1eff8;color:#3f3850}.p5-import-footer .primary,.p5-import-result .primary{background:#6c52f4;color:#fff}.p5-import-footer .primary:disabled{opacity:.45;cursor:not-allowed}.p5-import-error,.p5-import-warning{margin:12px 0 0;padding:11px 13px;border-radius:10px;background:#fff2f0;color:#a63b31;font-size:12px}.p5-import-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.p5-import-loading>span{width:34px;height:34px;border-radius:50%;border:3px solid #e7e3fa;border-top-color:#6c52f4;animation:p5spin .8s linear infinite}.p5-import-loading small{color:#8a8591}.p5-import-filebar{margin:20px 24px 0;padding:13px 15px;background:#fff;border:1px solid #eceaf4;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.p5-import-filebar div{display:flex;flex-direction:column;gap:2px}.p5-import-filebar strong{font-size:14px}.p5-import-filebar span{font-size:11px;color:#88828e}.p5-import-defaults{padding:14px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.p5-import-defaults label,.p5-import-map-grid label{display:flex;flex-direction:column;gap:6px}.p5-import-defaults label>span,.p5-import-map-grid label>span{font-size:11px;font-weight:800;color:#5d5668}.p5-import-defaults label>span small{font-weight:500;color:#97919c}.p5-import-defaults select,.p5-import-defaults input,.p5-import-map-grid select{width:100%;border:1px solid #ddd9e7;background:#fff;border-radius:10px;padding:10px 11px;font:600 12px Inter,system-ui,sans-serif;color:#332d3e}.p5-import-mapping{padding:0 24px 18px}.p5-import-mapping header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.p5-import-mapping header h3{margin:3px 0 0;font-size:17px}.p5-import-mapping header>span{font-size:11px;color:#85808b}.p5-import-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p5-import-map-grid label.required span{color:#352b69}.p5-import-preview{padding:0 24px 24px}.p5-import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.p5-import-stats>span{padding:11px 12px;border:1px solid #eceaf4;background:#fff;border-radius:12px;display:flex;align-items:baseline;gap:5px;color:#77717e;font-size:11px}.p5-import-stats strong{font-size:20px;color:#24202c}.p5-import-stats .ready strong{color:#27815e}.p5-import-stats .duplicate strong{color:#b57917}.p5-import-stats .error strong{color:#b7473d}.p5-import-duplicates{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 13px;background:#fff9eb;border:1px solid #f2dfac;border-radius:12px;margin-bottom:12px;font-size:12px}.p5-import-duplicates label{display:flex;align-items:center;gap:6px}.p5-import-table-wrap{overflow:auto;border:1px solid #e9e6f0;border-radius:14px;background:#fff}.p5-import-table{width:100%;border-collapse:collapse;font-size:12px}.p5-import-table th{text-align:left;padding:10px 12px;background:#f7f6fa;color:#6f6877;font-size:10px;letter-spacing:.04em}.p5-import-table td{padding:10px 12px;border-top:1px solid #f0edf4;white-space:nowrap}.p5-import-row-status{display:inline-flex;max-width:270px;overflow:hidden;text-overflow:ellipsis;padding:5px 8px;border-radius:999px;background:#f1eff6;color:#68616e;font-size:10px;font-weight:800}.p5-import-row-status.ready{background:#e9f7f0;color:#287256}.p5-import-row-status.duplicate{background:#fff3d8;color:#956414}.p5-import-row-status.skip{background:#f0eff4;color:#746f7b}.p5-import-row-status.error{background:#fff0ee;color:#a94137}.p5-import-more{margin:8px 2px 0;color:#8b8590;font-size:11px}.p5-import-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.p5-import-result{text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.p5-import-result-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e8f7ef;color:#277b58;font-size:28px;font-weight:800;margin-bottom:10px}.p5-import-result h3{font-size:24px;margin:5px 0}.p5-import-result p{color:#77717e;margin:0 0 16px}.p5-import-failures{width:min(620px,100%);display:flex;flex-direction:column;text-align:left;gap:5px;padding:12px 14px;border-radius:12px;background:#fff1ef;color:#963b34;margin-bottom:14px;font-size:11px}.p5-import-result button{min-width:220px}@keyframes p5spin{to{transform:rotate(360deg)}}@media(max-width:820px){.p5-import-backdrop{padding:0;align-items:end}.p5-import-modal{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.p5-import-modal>header{padding:18px;border-radius:20px 20px 0 0}.p5-import-defaults,.p5-import-map-grid{grid-template-columns:1fr}.p5-import-defaults{padding:12px 18px}.p5-import-filebar{margin:16px 18px 0}.p5-import-mapping,.p5-import-preview{padding-left:18px;padding-right:18px}.p5-import-mapping header{align-items:flex-start;flex-direction:column;gap:4px}.p5-import-stats{grid-template-columns:1fr 1fr}.p5-import-template-callout{align-items:flex-start;flex-direction:column}.p5-import-table{min-width:680px}.p5-import-footer{position:sticky;bottom:0;background:#fbfbfd;padding-top:10px}.p5-import-button,.p5-template-button{padding:9px 10px;font-size:11px}}