:root{--ep-ink:#182230;--ep-muted:#667085;--ep-line:#d8dee8;--ep-bg:#f7f9fc;--ep-blue:#315efb;--ep-green:#14804a;--ep-amber:#b35c00;--ep-red:#b42318;--ep-shadow:0 12px 30px rgba(16,24,40,.08)}
.ep-shell{max-width:1480px;margin:14px auto 18px;padding:0 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ep-ink);position:relative;z-index:7}
.ep-card{background:#fff;border:1px solid var(--ep-line);border-radius:16px;box-shadow:var(--ep-shadow);overflow:hidden}
.ep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;background:linear-gradient(135deg,#f9fbff,#eef3ff)}
.ep-kicker{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#315efb}.ep-head h2{font-size:18px;margin:4px 0 4px;letter-spacing:-.02em}.ep-head p{margin:0;color:var(--ep-muted);font-size:12px;line-height:1.55;max-width:760px}
.ep-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ep-btn,.ep-mode button{border:1px solid #cfd6e2;background:#fff;color:#344054;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.ep-btn:hover,.ep-mode button:hover{background:#f4f6fa}.ep-btn.primary{background:#172033;color:#fff;border-color:#172033}.ep-mode{display:flex;border:1px solid #cfd6e2;background:#fff;border-radius:10px;padding:3px}.ep-mode button{border:0;background:transparent;padding:6px 9px}.ep-mode button.active{background:#172033;color:#fff}
.ep-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:0;border-top:1px solid #e7ebf1}.ep-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px 16px}.ep-step{border:1px solid #e2e7ef;border-radius:11px;padding:9px 10px;background:#fff;display:flex;gap:8px;align-items:center;min-width:0}.ep-step i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:#667085;font-size:10px;font-weight:900;flex:0 0 auto}.ep-step b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-step small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}.ep-step.done{background:#f2fbf6;border-color:#b8dfc8}.ep-step.done i{background:var(--ep-green);color:#fff}.ep-step.current{border-color:#8da5ff;box-shadow:0 0 0 2px rgba(49,94,251,.1)}.ep-step.current i{background:var(--ep-blue);color:#fff}
.ep-next{border-left:1px solid #e7ebf1;padding:13px 16px;background:#fbfcfe}.ep-next small{display:block;color:#7b8495;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.ep-next b{display:block;font-size:12px;margin-top:5px}.ep-next p{margin:4px 0 0;color:#667085;font-size:10px;line-height:1.45}
.ep-pro{display:none;border-top:1px solid #e7ebf1;padding:13px 16px;background:#fff}.ep-shell[data-mode="pro"] .ep-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ep-pro section{border:1px solid #e4e8ef;border-radius:11px;padding:10px 12px}.ep-pro h3{margin:0 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#475467}.ep-pro ul{margin:0;padding-left:17px;color:#667085;font-size:10px;line-height:1.55}.ep-pro kbd{font-family:inherit;border:1px solid #d0d5dd;border-bottom-width:2px;border-radius:4px;padding:1px 4px;background:#fff;font-size:9px}
.ep-help{position:fixed;inset:0;z-index:99998;display:none}.ep-help.open{display:block}.ep-help-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.45)}.ep-help-panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;padding:22px;overflow:auto;box-shadow:-18px 0 48px rgba(16,24,40,.2)}.ep-help-panel h2{margin:0 0 4px}.ep-help-panel p{color:#667085;font-size:12px;line-height:1.55}.ep-help-panel ol,.ep-help-panel ul{color:#475467;font-size:12px;line-height:1.65}.ep-help-close{float:right;border:0;background:#f2f4f7;border-radius:8px;padding:7px 9px;cursor:pointer}
.ep-file-ready{outline:3px solid rgba(20,128,74,.12)!important;outline-offset:2px}.ep-drop-active{outline:3px solid rgba(49,94,251,.22)!important;background:#f4f7ff!important}.ep-inline-status{margin-top:8px;font-size:10px;color:#667085}.ep-inline-status strong{color:#344054}
@media(max-width:900px){.ep-body{grid-template-columns:1fr}.ep-next{border-left:0;border-top:1px solid #e7ebf1}.ep-head{flex-direction:column}.ep-controls{justify-content:flex-start}.ep-shell[data-mode="pro"] .ep-pro{grid-template-columns:1fr}.ep-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ep-shell{padding:0 10px}.ep-steps{grid-template-columns:1fr}.ep-controls{width:100%}.ep-btn{flex:1}.ep-mode{width:100%}.ep-mode button{flex:1}}