@font-face{font-family:Bakbak One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/BakbakOne-Regular.ttf) format("truetype")}:root{font-family:Arial,sans-serif;color:#101010;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue:#32b0ff;--line:#e9e9e9}*{box-sizing:border-box}body{margin:0;min-width:640px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{transition:background-color .15s,border-color .15s}h1{margin:0;font:400 32px/1.2 Bakbak One,sans-serif}#app{min-height:100vh}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:18px;user-select:none}.wordmark{font:400 29px/1 Bakbak One,sans-serif;letter-spacing:-.6px}.brand-divider{width:1px;height:25px;background:#dedede}.product{font-size:17px;letter-spacing:-.3px}.logout{min-height:40px;padding:0 20px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#222;font-size:14px;font-weight:600}.logout:hover{background:#eff9ff;border-color:var(--blue)}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{padding:30px 16px;border-right:1px solid var(--line);background:#fcfcfc}.sidebar [role=tablist]{display:flex;flex-direction:column;gap:8px}.sidebar button{position:relative;display:flex;align-items:center;min-height:50px;width:100%;padding:0 20px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:#555;font-size:15px;font-weight:600}.sidebar button:hover{background:#f0f0f0}.sidebar button[aria-selected=true]{background:#eff9ff;color:#101010;border-color:#bfe6ff}.sidebar button[aria-selected=true]:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}.sidebar button:last-child{margin-top:20px}.content{padding:44px 48px;min-width:0}.content:focus{outline:none}.login-main{display:grid;place-items:center;min-height:calc(100vh - 88px);padding:56px 24px 100px}.login-form{width:360px;display:grid;gap:24px}.login-form h1{margin-bottom:12px}.login-form label{display:grid;gap:10px;font-size:14px;font-weight:600}.login-form input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #d5d5d5;border-radius:9px;background:#fff;color:#101010;font-size:16px;font-weight:400}.login-form input::placeholder{color:#929292}.primary{min-height:48px;padding:12px 23px;border:0;border-radius:9px;background:var(--blue);color:#071b28;font-size:15px;font-weight:600}.primary:hover{background:#159de9}.error{margin:0;color:#a82c26;font-size:14px;line-height:1.5}.error:empty{display:none}.loading{color:#666;font-size:15px}.setup{margin-top:32px;max-width:480px}.setup-result:empty{display:none}.setup-result{margin-top:32px}.setup-result dl{margin:0}.setup-result dl>div{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 0;border-bottom:1px solid var(--line)}dt{font-size:15px}dd{margin:0;font-size:14px;font-weight:600}.pass{color:#217148}.fail{color:#a82c26}.setup-note{margin:18px 0 0;color:#666;font-size:13px;line-height:1.6}@media(max-width:800px){.header{padding:0 25px}.workspace{grid-template-columns:190px minmax(0,1fr)}.content{padding:36px 30px}.sidebar{padding:24px 12px}.brand{gap:14px}}@media(prefers-reduced-motion:reduce){button{transition:none}}[hidden]{display:none!important}.workspace{grid-template-columns:252px minmax(0,1fr)}.sidebar button{padding:12px 18px;line-height:1.4}.content{--content-top:36px;padding:36px 34px}.content>h1{font-size:30px}.secondary,.preview-toggle button{min-height:42px;padding:10px 17px;border:1px solid #dcdcdc;border-radius:8px;background:#fff;color:#181818;font-size:14px;font-weight:600}.secondary:hover{border-color:var(--blue);background:#eff9ff}.text-button{border:0;background:none;padding:10px 0;color:#333;font-size:14px;min-height:40px}.text-button:hover{color:#0079c1}.muted,.empty{font-size:13px;line-height:1.5;color:#737373}.empty{margin:36px 0}.work-list{display:grid;gap:15px;margin-top:28px}.work-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}.work-card h2{margin:0;font-size:17px;font-weight:600;line-height:1.5}.work-card h2 span{margin-left:8px;font-size:13px;font-weight:400;color:#737373}.work-card p{margin:7px 0 0}.card-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap}.card-actions button{white-space:nowrap;font-size:13px}.job-queue{border-left:3px solid var(--blue);padding:5px 16px;margin-bottom:8px}.job-queue>div{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:7px 0}.job-queue>div>span:last-child{color:#737373}.job-stage{font-size:13px;color:#0079c1}.published-card{display:block}.published-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.build-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;border-top:1px solid var(--line);padding-top:22px;margin:22px 0 0}.build-metrics dt{font-size:12px;color:#737373;margin-bottom:6px}.build-metrics dd{font-size:15px;font-weight:400}.workflow-error{margin:20px 0}.build-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.build-toolbar h1{font:600 20px/1.4 Arial,sans-serif;flex:1;margin:0;min-width:140px}.build-toolbar>.primary{min-height:42px;font-size:14px}.preview-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px}.preview-toggle button{border:0;border-radius:6px;background:transparent;min-height:34px;padding:7px 12px;font-size:12px}.preview-toggle [aria-pressed=true]{background:#eff9ff;color:#0079c1}.node-strip{display:flex;justify-content:center;gap:18px;margin:34px 0;min-height:58px}.node-strip button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:46px;border:0;background:none;color:#888;padding:4px 8px}.node-strip span{display:grid;place-items:center;height:29px;font-size:21px}.node-strip small{font-size:12px;color:#444}.node-strip [aria-current=step] span{color:var(--blue);font-size:31px}.node-strip [aria-current=step] small{color:#0079c1;font-weight:700}.training-editor{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,310px);gap:40px;align-items:start;max-width:940px;margin:auto}.simulator-area{display:flex;flex-direction:column;align-items:center;gap:13px;padding:8px 0 25px}.device-preview{width:224px;height:272px;display:flex;flex-direction:column;padding:5px 8px 8px;gap:5px;border:8px solid #161616;background:#242424;border-radius:25px;overflow:hidden}.device-preview[data-device=ios]{width:244px;height:430px;border-radius:34px;border-width:9px}.preview-screen{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:3px 0;color:#fff;font-family:Arial,sans-serif;overflow:hidden;text-align:center}.watch-step{font-size:23px;line-height:1.2;font-weight:700}.watch-heading{font-size:25px;line-height:1.25}.category-icon{font-size:61px;line-height:1.3;margin-top:4px}.complete-icon{display:block;width:77px;height:77px;margin:7px auto}.watch-complete{font-size:18px}.watch-caption{font-size:13px;font-weight:600;line-height:1.2}.watch-instruction{min-height:0;background:#e9e9e9;color:#080808;border-radius:2px;font-size:20px;line-height:1.3;padding:12px;display:flex;align-items:center;justify-content:center;flex:1;width:100%;white-space:pre-line;overflow:auto}.watch-media{min-height:0;display:flex;justify-content:center;align-items:center;font-size:12px;color:#bbb;width:100%;flex:1;overflow:hidden}.watch-media img,.watch-media canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.watch-locations{display:flex;gap:9px;width:100%;justify-content:center}.watch-locations>div{display:grid;gap:3px;font-size:12px;min-width:55px}.watch-locations strong{padding:4px 7px;background:#e9e9e9;border-radius:2px;color:#111;font-size:14px}.watch-quantity{font-size:13px;font-weight:600}.preview-label{margin:0;font-size:12px;font-weight:600}.preview-back,.preview-next{flex-shrink:0;border:0;font-weight:600}.preview-back{align-self:flex-start;min-height:25px;padding:2px 6px;background:transparent;color:#b9c0c5;font-size:12px}.preview-next{width:100%;min-height:36px;padding:8px 12px;border-radius:10px;background:var(--blue);color:#071b28;font-size:14px}.preview-back:hover{color:#fff}.preview-next:hover{background:#159de9}.preview-back:disabled,.preview-next:disabled{cursor:default;opacity:.3}.device-preview[data-device=ios]{padding:15px 12px 17px;gap:10px}.device-preview[data-device=ios] .preview-back{min-height:32px;font-size:14px}.device-preview[data-device=ios] .preview-next{min-height:46px;font-size:16px}.node-form{display:grid;gap:18px}.node-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.node-form input,.node-form select,.node-form textarea{width:100%;padding:10px 11px;border:1px solid #d6d6d6;border-radius:7px;background:#fff;color:#111;font:14px/1.4 Arial,sans-serif;min-height:40px}.node-form textarea{resize:vertical}.node-form input:focus,.node-form select:focus,.node-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.part-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.part-fields label:last-child{grid-column:1/-1}.edit-actions{display:flex;align-items:center;gap:17px}.edit-actions .delete-node{color:#a82c26;margin-left:auto}@media(max-width:1060px){.training-editor{gap:24px;grid-template-columns:1fr 250px}.build-toolbar{gap:12px}.build-toolbar h1{min-width:100px}.content{--content-top:30px;padding:30px 25px}.work-card{flex-wrap:wrap;gap:16px}.card-actions{justify-content:flex-start}.workspace{grid-template-columns:228px minmax(0,1fr)}}@media(max-width:880px){.training-editor{grid-template-columns:1fr}.screen-editor{width:100%;max-width:360px;margin:auto}.workspace{grid-template-columns:200px minmax(0,1fr)}.sidebar button{font-size:13px;padding:11px 14px}.published-heading{flex-wrap:wrap}.build-metrics{grid-template-columns:1fr}.preview-toggle{order:3}.node-strip{gap:9px}.content>h1{font-size:27px}}#app{height:100vh;display:grid;grid-template-rows:88px minmax(0,1fr);overflow:hidden}.workspace{height:100%;min-height:0}.content,.sidebar{overflow-y:auto}.login-main{min-height:0;overflow:auto}.bundle-range{display:block;margin-top:3px;font:400 12px/1.4 Arial,sans-serif;color:#737373}.training-actions{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:112px}.training-actions .text-button{padding:6px;min-height:32px}.training-actions button:disabled{cursor:default}.claimed-training{position:sticky;top:calc(-1 * var(--content-top,36px));z-index:2;padding:14px;border:1px solid #bfe6ff;border-radius:12px;background:#eff9ff;box-shadow:0 5px 12px #ffffffd9}.claimed-training>h2{margin:0 0 10px;font-size:13px;font-weight:600;color:#0079c1}.claimed-training .work-card{border:0}.watch-step,.watch-heading,.watch-caption,.watch-locations,.watch-quantity,.complete-icon,.watch-complete{flex-shrink:0}.preview-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.preview-stop{min-height:25px;padding:2px 6px;border:0;background:transparent;color:#ff9288;font-size:12px;font-weight:600}.device-preview[data-device=ios] .preview-stop{min-height:32px;font-size:14px}.preview-layout{display:flex;align-items:center;gap:22px}.preview-device{display:flex;flex-direction:column;align-items:center;gap:13px}.step-slider{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:48px}.step-slider label{font-size:12px;white-space:nowrap}.step-slider span{font-size:11px;color:#737373}.step-slider input{writing-mode:vertical-lr;direction:ltr;width:22px;height:210px;accent-color:var(--blue);cursor:pointer}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading h1{flex:1}.direct-form{display:grid;gap:20px;min-width:340px}.direct-form h2{margin:0}.direct-form label{display:grid;gap:8px;font-size:14px}.direct-form input,.direct-form select{padding:12px;border:1px solid #bbb;border-radius:7px;font:inherit}.direct-form>div{display:flex;justify-content:flex-end;gap:12px}dialog{border:1px solid #ddd;border-radius:16px;padding:28px}dialog::backdrop{background:#0005}.empty-training{padding:70px 0;text-align:center}.media-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.media-tools>label:first-child{flex:1;min-width:130px}.media-tools small,.upload-status{width:100%;font-size:12px;color:#555}.upload-status{margin:0}.node-form .upload-label{display:block;padding:11px 13px;border:1px solid #bbb;border-radius:7px;cursor:pointer}.node-form .upload-label input{display:block;max-width:230px;padding:5px 0;border:0;min-height:0;font-size:12px}.watch-media video{display:block;width:100%;height:100%;object-fit:contain}.watch-caption{max-height:82px;overflow-y:auto}.node-form .location-toggle{grid-column:1/-1;display:flex;align-items:center;gap:10px}.node-form .location-toggle input{width:18px;height:18px;min-height:0;padding:0}.location-field[hidden],.watch-locations[hidden]{display:none!important}body{min-width:320px}.login-form{width:min(360px,100%)}.sidebar button:last-child{margin-top:0}.edit-actions{flex-wrap:wrap}.node-strip{overflow-x:auto;justify-content:safe center}.direct-form{min-width:0;width:min(340px,75vw)}@media(max-width:680px){#app{grid-template-rows:72px minmax(0,1fr)}.header{height:72px;padding:0 18px}.brand{gap:10px}.wordmark{font-size:25px}.product{font-size:15px}.logout{padding:0 13px}.workspace{display:flex;flex-direction:column}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0;overflow:visible}.sidebar [role=tablist]{flex-direction:row}.sidebar button{justify-content:center;min-height:48px;font-size:12px;text-align:center}.content{--content-top:22px;padding:22px 16px;flex:1}.section-heading{gap:12px;flex-wrap:wrap}.section-heading h1{font-size:25px}.work-card{padding:17px}.training-editor{grid-template-columns:1fr}.preview-layout{gap:12px}.build-toolbar h1{order:0;flex-basis:70%}.preview-toggle{order:0}.node-strip{gap:5px;margin:22px 0}.screen-editor{max-width:100%}.build-metrics{gap:16px}.login-main{padding:35px 22px}.login-form{gap:20px}}