:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f7fc}*{box-sizing:border-box}[hidden],.is-hidden{display:none!important}body{margin:0}button,input,textarea{font:inherit}button,a{border:1px solid #d5dfed;border-radius:10px;background:#fff;color:#172033;padding:10px 14px;text-decoration:none;cursor:pointer}button:hover,a:hover{border-color:#2862e8}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#2862e8;color:#fff;border-color:#2862e8}.danger{color:#b42318}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fff;border-bottom:1px solid #dbe3f0}.top>div{display:flex;flex-direction:column}.top strong{font-size:18px}.top small,.steps small,.route-head small,#status{color:#748198}.top nav{display:flex;gap:8px}.login{max-width:440px;margin:9vh auto;padding:30px;border:1px solid #dbe3f0;border-radius:20px;background:#fff;box-shadow:0 18px 60px #18325e18}.login h1{margin-top:0}.login form,.login label{display:grid;gap:8px}.login label{margin-top:14px;font-weight:650}.login input,.course-bar input,.screen-editor input,.screen-editor textarea,dialog input{width:100%;padding:12px;border:1px solid #c9d4e5;border-radius:10px;background:#fff}.login .primary{margin-top:18px}.error{color:#b42318}.steps{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 24px;background:#fff;border-bottom:1px solid #e2e8f2}.steps>div{display:flex;align-items:center;gap:10px}.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8eefb;color:#2862e8}.steps .active b{background:#2862e8;color:#fff}.steps span{display:flex;flex-direction:column}.steps i{width:70px;height:1px;background:#cdd7e7}.catalog-bar{display:flex;align-items:end;gap:10px;max-width:1500px;margin:16px auto 0;padding:0 24px}.catalog-bar label{display:grid;gap:6px;min-width:340px;font-weight:700}.catalog-bar span{font-size:13px;color:#59677d}.catalog-bar select{padding:11px;border:1px solid #c9d4e5;border-radius:10px;background:#fff}.course-bar{display:flex;align-items:end;gap:20px;padding:18px 24px 6px;max-width:1500px;margin:auto}.course-bar label{flex:1;display:grid;gap:7px;font-weight:700}.course-bar label span{font-size:13px;color:#59677d}.course-bar input{font-size:22px;font-weight:750}.course-bar>div{display:flex;gap:8px}#status{max-width:1500px;margin:0 auto;padding:0 24px 12px}.saving{color:#2862e8!important}.saved{color:#168451!important}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;max-width:1500px;margin:auto;padding:0 24px 28px;min-height:650px}.route,.screen-editor{background:#fff;border:1px solid #dbe3f0;border-radius:16px;overflow:hidden}.route{align-self:start;max-height:calc(100vh - 240px);overflow:auto}.route-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e3e9f2}.route-head>div{display:flex;flex-direction:column;gap:3px}.route-head button{color:#2862e8}.route-help{padding:12px 16px;background:#f4f8ff;color:#60708a;font-size:13px}.flow-start,.flow-end{width:max-content;margin:16px auto;padding:7px 14px;border-radius:20px;background:#e9f0ff;color:#2862e8;font-weight:700;font-size:13px}.flow-end{background:#eaf8ef;color:#148149}.stage{position:relative;padding:0 14px 20px}.stage:not(:last-of-type):after{content:'↓';display:block;text-align:center;color:#9aa9bf;margin-top:10px;font-size:20px}.stage-head{display:flex;align-items:center;gap:10px;width:100%;border:0;text-align:left;padding:10px;background:transparent}.stage-head b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#2862e8;color:#fff}.stage-head span{flex:1;font-weight:750}.stage-head small{color:#7c8798}.stage-screens{border-left:2px solid #dce6f7;margin-left:25px;padding-left:18px}.screen-card{display:block;width:100%;margin:8px 0;padding:12px;text-align:left;border-color:#d7e0ed}.screen-card small{display:block;color:#2862e8;margin-bottom:4px}.screen-card span{display:block;font-weight:650;line-height:1.35}.screen-card.active{border-color:#2862e8;background:#f0f5ff;box-shadow:0 0 0 2px #2862e820}.stage-add{width:100%;border-style:dashed;color:#2862e8;background:transparent}.wide{position:sticky;bottom:0;width:calc(100% - 28px);margin:0 14px 14px;background:#2862e8;color:#fff;border-color:#2862e8}.screen-editor{min-height:650px}.empty{height:100%;display:grid;place-content:center;text-align:center;padding:30px;color:#748198}.empty b{color:#172033;font-size:20px;margin-bottom:6px}.screen-editor form{height:100%;display:flex;flex-direction:column}.form-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e4eaf3}.form-head h1{margin:3px 0 0;font-size:22px}.form-head small{color:#2862e8}.editing{padding:7px 11px;border-radius:18px;background:#eaf8ef;color:#148149;font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.8fr);gap:24px;padding:22px}.screen-editor label{display:grid;gap:7px;margin-bottom:15px;font-size:13px;font-weight:700}.screen-editor textarea{min-height:180px;resize:vertical;line-height:1.5}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-preview{height:330px;border:1px dashed #cbd6e5;border-radius:12px;background:#f8fafc;display:grid;place-items:center;overflow:hidden;color:#8a95a7}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview img[src]+span{display:none}.media>button{width:100%;margin-top:10px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding:16px 22px;border-top:1px solid #e4eaf3}.form-actions>div{display:flex;gap:8px}dialog{border:0;border-radius:20px;padding:28px;width:520px;max-width:calc(100% - 28px);box-shadow:0 24px 80px #101d3c40}dialog::backdrop{background:#0c193a70}dialog h2{margin:5px 0;font-size:26px}.dialog-step{color:#2862e8;font-weight:750}dialog p{color:#6e7b91;line-height:1.5}dialog label{display:grid;gap:7px;margin:15px 0;font-weight:650}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:950px){.workspace{grid-template-columns:300px 1fr;padding:0 12px 20px}.form-grid{grid-template-columns:1fr}.image-preview{height:240px}.steps{overflow:auto;justify-content:flex-start}}@media(max-width:700px){.top,.course-bar{align-items:stretch;flex-direction:column}.top nav,.course-bar>div{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.route{max-height:none}.form-grid{padding:16px}.form-actions{flex-direction:column}.form-actions>div{display:grid;grid-template-columns:1fr 1fr}}