:root{color:#182235;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f3ef;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:7px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;padding:14px clamp(18px,3vw,48px) 52px}.app-toolbar{background:#ffffffe0;border:1px solid #64748b2e;border-radius:13px;grid-template-columns:minmax(320px,430px) minmax(0,1fr) auto;align-items:center;gap:12px;width:min(1440px,100%);min-height:68px;margin:0 auto;padding:9px 10px 9px 14px;display:grid;box-shadow:0 12px 32px #0f172a0f}.app-toolbar.is-designer{flex-direction:column;align-items:stretch;gap:0;min-height:58px;padding:0;display:flex;overflow:hidden}.app-toolbar.is-new-project{min-height:58px;padding:0;display:block;overflow:hidden}.new-project-toolbar{justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:9px 14px;display:flex}.new-project-toolbar .eyebrow{margin-bottom:2px}.new-project-toolbar strong{color:#172033;font-size:16px;font-weight:750}.new-project-toolbar span{color:#52637a;font-size:14px;font-weight:600}.designer-simple-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;min-height:58px;padding:8px 12px;display:flex}.designer-simple-toolbar .designer-module-selector{flex:0 340px;margin-right:auto}.designer-simple-toolbar .demo-selector label{clip:auto;white-space:nowrap;color:#475569;letter-spacing:.1em;text-transform:uppercase;width:auto;height:auto;font-size:11px;font-weight:900;position:static;overflow:visible}.designer-simple-toolbar .demo-selector select{width:min(340px,36vw);min-height:40px;padding-left:14px;font-size:14px}.designer-project-cluster{align-items:center;gap:10px;min-width:0;display:flex}.designer-edit-status{color:#334155;text-align:center;white-space:nowrap;flex:auto;justify-content:center;align-items:center;gap:10px;min-width:180px;font-size:14px;font-weight:800;display:flex}.designer-simple-toolbar .designer-preview-menu-shell,.designer-simple-toolbar .designer-project-menu-shell,.designer-simple-toolbar .module-publish-button{flex:none}.review-issue-badge{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #d9770647;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px;font-weight:850}.review-issue-badge:hover,.review-issue-badge:focus-visible{outline-offset:2px;background:#fef3c7;outline:2px solid #d977062e}.author-workspace-nav{background:#f8fafc;border:1px solid #dbe3ef;border-radius:9px;flex:0 auto;align-items:center;gap:4px;padding:3px;display:inline-flex}.author-workspace-nav button{color:#52637a;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700}.author-workspace-nav button.active{color:#172033;background:#fff;box-shadow:0 1px 4px #1622331a}.designer-context-row,.designer-action-row{align-items:center;gap:18px;padding:14px 18px;display:grid}.designer-context-row{border-bottom:1px solid #94a3b838;grid-template-columns:auto minmax(280px,430px) minmax(0,1fr) auto}.designer-action-row{grid-template-columns:minmax(0,1fr) auto;padding-top:16px;padding-bottom:16px}.designer-back-button{color:#334155;background:0 0;border-radius:999px;place-items:center;width:36px;height:36px;font-size:24px;font-weight:700;display:inline-grid}.designer-back-button:hover,.designer-back-button:focus-visible{outline-offset:2px;background:#eef4f7;outline:2px solid #216a792e}.designer-module-selector label{color:#64748b}.designer-status-message{color:#667085;align-items:center;gap:10px;min-width:0;font-size:clamp(15px,1.4vw,20px);line-height:1.2;display:flex}.designer-status-message span{color:#2f7d32;font-size:18px;font-weight:900}.designer-status-message strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.designer-avatar{color:#1f4d83;background:#dbeafe;border-radius:999px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:inline-grid}.designer-mode-group{align-items:center;gap:8px;display:inline-flex}.designer-mode-badge{color:#667085;background:#eef4f7;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.designer-publish-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:12px;display:inline-flex}.publish-status-pill{color:#475467;background:#f8fafc;border:1px solid #64748b38;border-radius:8px;flex-direction:column;justify-content:center;max-width:280px;min-height:42px;padding:6px 12px;font-size:12px;line-height:1.25;display:inline-flex}.publish-status-pill strong,.publish-status-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.publish-status-pill.dirty{color:#854d0e;background:#fffbeb;border-color:#a162073d}.publish-status-pill.clean{color:#166534;background:#f0fdf4;border-color:#2f7d3238}.publish-status-pill.failed{color:#991b1b;background:#fef2f2;border-color:#b91c1c3d}.release-version-field{color:#475467;align-items:center;gap:8px;min-height:42px;font-size:12px;font-weight:800;display:inline-flex}.release-version-field input{color:#172033;width:86px;min-height:34px;font:inherit;background:#fff;border:1px solid #64748b4d;border-radius:8px;padding:0 10px}.designer-preview-button{color:#172033;background:#fff;border:1px solid #64748b52;min-height:42px;padding:0 18px;font-size:14px}.designer-preview-button:hover,.designer-preview-button:focus-visible{outline-offset:2px;background:#f8fbfc;border-color:#216a7985;outline:2px solid #216a7924}.designer-more-button{color:#172033;background:#fff;border:1px solid #64748b4d;min-height:42px;padding:0 16px;font-size:14px}.designer-more-button:hover,.designer-more-button:focus-visible{outline-offset:2px;background:#f8fbfc;border-color:#216a7985;outline:2px solid #216a7924}.designer-project-menu-shell{position:relative}.designer-project-menu{z-index:140;background:#fff;border:1px solid #64748b33;border-radius:10px;width:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #0f172a29}.designer-project-menu button{color:#172033;text-align:left;background:0 0;border:0;gap:3px;min-height:54px;padding:8px 10px;display:grid}.designer-project-menu button:hover,.designer-project-menu button:focus-visible{background:#eef4f7;outline:none}.designer-project-menu span{color:#667085;font-size:12px}.project-status-line{color:#667085;align-self:flex-end;max-width:520px;margin-top:8px;font-size:12px;font-weight:750}.project-status-line.success{color:#166534}.project-status-line.error{color:#991b1b}.back-to-edit-button{color:#172033;background:#fff;border:1px solid #64748b3d;border-radius:9px;width:fit-content;min-height:36px;margin-top:14px;padding:0 14px;font-size:13px;font-weight:800}.back-to-edit-button:hover,.back-to-edit-button:focus-visible{outline-offset:2px;background:#eef4f7;outline:2px solid #216a7924}.designer-preview-menu-shell{position:relative}.designer-preview-menu{z-index:240;background:#fff;border:1px solid #64748b2e;border-radius:10px;width:250px;padding:6px;display:grid;position:absolute;box-shadow:0 18px 44px #0f172a29}.designer-preview-menu.align-right{right:0}.designer-preview-menu.align-left{left:0}.designer-preview-menu.open-down{top:calc(100% + 8px)}.designer-preview-menu.open-up{bottom:calc(100% + 8px)}.designer-preview-menu button{color:#172033;text-align:left;background:0 0;border-radius:8px;gap:3px;padding:10px 11px;display:grid}.designer-preview-menu button:hover,.designer-preview-menu button:focus-visible{background:#eef6f8;outline:none}.designer-preview-menu strong{font-size:13px}.designer-preview-menu span{color:#667085;font-size:12px;font-weight:650;line-height:1.25}.workspace-label{color:#287284;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:10px;font-weight:900}.app-mode-selector{background:#eef1f3;border:1px solid #64748b2b;border-radius:7px;flex:none;grid-template-columns:repeat(2,minmax(68px,1fr));gap:3px;padding:3px;display:grid}.app-mode-selector button{color:#526176;background:0 0;min-height:34px;padding:0 12px;font-size:13px}.demo-selector{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.demo-selector:after{content:"";pointer-events:none;border-bottom:1.8px solid #64748b;border-right:1.8px solid #64748b;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-62%)rotate(45deg)}.demo-selector.locked-module:after{display:none}.demo-selector label,.module-label{color:#e2e8f0d1;letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:11px;font-weight:900}.module-static-label{color:#263a52;white-space:nowrap;background:#fffffff5;border:1px solid #e2e8f02e;border-radius:8px;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.demo-selector select{appearance:none;color:#263a52;background:#fffffff5;border:1px solid #e2e8f02e;border-radius:8px;width:min(360px,46vw);min-height:42px;padding:0 34px 0 14px;font-size:14px;font-weight:800;line-height:1}.app-mode-selector button.active{color:#fff;background:#1f3b52;box-shadow:0 3px 9px #0f172a29}.demo-selector select:focus-visible{outline-offset:2px;border-color:#2872846b;outline:2px solid #28728438;box-shadow:0 0 0 3px #28728414}.app-toolbar .instruction-copy{color:#f8fafc;text-shadow:0 1px 1px #0f172a47}.app-toolbar .instruction-emphasis{color:#fff}.app-toolbar .mode-selector{background:#fffffff0;border-color:#e2e8f033;box-shadow:0 6px 16px #0f172a2e}.app-toolbar.is-preview .demo-selector label,.app-toolbar.is-preview .module-label{letter-spacing:.12em;font-size:13px}.app-toolbar.is-preview .demo-selector select{border-radius:12px;width:min(460px,50vw);min-height:54px;padding-left:18px;padding-right:44px;font-size:17px}.app-toolbar.is-preview .module-static-label{border-radius:12px;min-height:54px;padding:0 18px;font-size:17px}.app-toolbar.is-preview .demo-selector:after{width:8px;height:8px;right:18px}.app-toolbar.is-designer .mode-selector button{color:#475467;min-height:40px;font-size:14px}.workspace-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.workspace-status{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;font-weight:800;overflow:hidden}.workspace-status.dirty{color:#a16207}.workspace-actions button{color:#fff;background:#216a79;min-height:34px;padding:0 10px;font-size:12px}.app-command-slot{justify-content:center;min-width:0;display:flex}.app-toolbar-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:inline-flex}.workspace-actions .workspace-export{color:#263a52;background:#e9eff4}.advanced-editor-entry{color:#526176;background:0 0;min-height:34px;padding:0 10px;font-size:12px}.advanced-editor-entry:hover,.advanced-editor-entry:focus-visible{color:#263a52;background:#eef1f3;outline:none}.authoring-toggle-button{color:#f8fafc;background:#216a79;border:1px solid #e2e8f042;min-height:42px;padding:0 16px;font-size:13px;box-shadow:0 6px 16px #0f172a24}.authoring-toggle-button:hover,.authoring-toggle-button:focus-visible{outline-offset:2px;background:#1c5c69;outline:2px solid #e2e8f061}.demo-selector select:focus-visible{outline-offset:2px;outline:3px solid #216a7938}.player-layout{width:min(1440px,100%);margin:0 auto}.player-header{justify-content:space-between;align-items:center;gap:24px;margin:28px 4px 20px;display:flex}.player-header h1{color:#17253a;letter-spacing:0;margin:5px 0 6px;font-size:clamp(27px,3vw,38px);line-height:1.08}.player-header p{color:#66758a;margin:0;font-size:14px}.eyebrow,.panel-kicker,.score-kicker{color:#287284;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.mode-selector{background:#fff;border:1px solid #64748b38;border-radius:10px;grid-template-columns:repeat(3,minmax(86px,1fr));min-width:276px;padding:0;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.mode-button{color:#415064;background:#fff;border:0;border-right:1px solid #64748b29;border-radius:0;min-height:42px;font-size:15px;font-weight:800;transition:color .14s,background .14s,border-color .14s,box-shadow .14s}.mode-button:last-child{border-right:0}.mode-button:hover{color:#1f3b52;background:#edf7f7e6;box-shadow:inset 0 0 0 1px #216a7914}.mode-button.recommended:not(.active){color:#27465a;background:#fff}.mode-button.active{color:#fff;background:#216a79;box-shadow:inset 0 0 0 1px #0f172a14}.mode-button:focus-visible,.step-controls button:focus-visible,.score-panel button:focus-visible{outline-offset:2px;outline:3px solid #16879959}.workspace{grid-template-columns:minmax(0,1fr) 368px;align-items:stretch;gap:24px;display:grid}.authoring-preview-workspace{grid-template-columns:216px minmax(0,1fr) 368px}.preview-step-list{background:#fcfcfb;border:1px solid #64748b2e;border-radius:10px;align-content:start;gap:11px;padding:16px 12px;display:grid;box-shadow:0 20px 60px #1e2a3a14}.preview-step-list .panel-kicker{margin:0 4px}.preview-step-list .editor-step-summary{margin:0 4px 4px}.preview-step-list .editor-step-summary strong{color:#216a79;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.preview-step-list>div{gap:5px;width:100%;display:grid}.preview-step-list button{color:#4b5a6d;text-align:left;background:0 0;border-radius:7px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:42px;padding:7px;display:grid}.preview-step-list button:hover{background:#eef3f8}.preview-step-list button span{color:#64748b;background:#e9eff4;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:23px;height:23px;font-size:11px;font-weight:900;display:flex}.preview-step-list button strong{text-overflow:ellipsis;font-size:12px;line-height:1.25;overflow:hidden}.preview-step-list button.active{color:#fff;background:#216a79;box-shadow:0 5px 12px #216a792e}.stage-column,.instruction-panel,.score-panel{background:#fff;border:1px solid #64748b2e;border-radius:10px;box-shadow:0 18px 48px #0f172a14}.stage-column{padding:14px}.simulation-stage{-webkit-user-select:none;user-select:none;background:#e7ebee;border-radius:7px;width:100%;position:relative;overflow:hidden}.simulation-stage.clickable{cursor:crosshair}.mock-screen{background:linear-gradient(#fffc,#fff0),#e7edf4;position:absolute;inset:0;overflow:hidden}.screenshot-screen{background:#fff;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.screenshot-screen img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.mock-ribbon{color:#334156;background:#fbfcfe;border-bottom:1px solid #cbd6e2;align-items:center;gap:10px;height:9.444%;padding:0 1.719%;display:flex;position:absolute;inset:0 0 auto}.mock-ribbon span{margin-right:18px;font-weight:900}.mock-ribbon button,.wizard button{color:#39465a;background:#e9eef5;min-height:32px;padding:0 14px}.mock-ribbon .preview-button{color:#fff;background:#1b6c7a;margin-left:auto}.mock-left-panel{background:#f8fafc;border-right:1px solid #cbd6e2;width:14.844%;padding:1.406%;position:absolute;top:9.444%;bottom:0;left:0}.panel-title{color:#6c7788;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:900}.slide-thumb{color:#566274;background:#fff;border:1px solid #d3dce8;border-radius:6px;height:72px;margin-bottom:12px;padding:12px}.slide-thumb.active{border-color:#1b6c7a;box-shadow:inset 4px 0 #1b6c7a}.mock-canvas{background-color:#0000;background-image:linear-gradient(90deg,#3c4b600f 1px,#0000 1px),linear-gradient(#3c4b600f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;display:grid;position:absolute;inset:9.444% 19.375% 0 14.844%}.slide-card{background:#fff;border-radius:8px;width:58%;min-width:0;padding:5.226%;position:relative;box-shadow:0 18px 55px #2634462e}.slide-title{color:#283347;margin:0 0 12px;font-size:34px;font-weight:900}.slide-copy{color:#647084;margin:0 0 34px;font-size:17px}.storyline-button{color:#fff;background:#2e7d76;width:26.7%;min-width:0;height:9.5%;min-height:0;position:absolute;top:62.4%;left:16.4%;box-shadow:0 10px 24px #2e7d7638}.storyline-button.selected{outline-offset:5px;outline:4px solid #79c7ff}.storyline-button.inactive{opacity:.58;box-shadow:none}.mock-right-panel{background:#f8fafc;border-left:1px solid #cbd6e2;width:19.375%;padding:1.406%;position:absolute;top:9.444%;bottom:0;right:0}.mock-right-panel.open{box-shadow:inset 5px 0 #1b6c7a}.trigger-row{color:#4d5a6d;background:#fff;border:1px solid #d3dce8;border-radius:6px;min-height:58px;padding:12px;font-size:13px}.trigger-row.active-target,.new-trigger.active-target{outline-offset:5px;outline:4px solid #79c7ff}.new-trigger{color:#fff;background:#1b6c7a;width:2.969%;height:5.278%;font-size:24px;line-height:1;position:absolute;top:22.778%;right:5.625%}.wizard{background:#fff;border:1px solid #b9c6d6;border-radius:8px;width:33.594%;padding:2.031%;position:absolute;top:23.611%;left:33.125%;box-shadow:0 22px 70px #1923303d}.wizard-title{margin-bottom:22px;font-size:22px;font-weight:900}.wizard label{color:#5b6678;margin:12px 0 6px;font-weight:800;display:block}.select-field{background:#f6f9fc;border:1px solid #bdcad9;border-radius:6px;min-height:48px;padding:13px 16px}.select-field.muted{color:#7c8796}.wizard button{float:right;color:#fff;background:#1b6c7a;margin-top:18px}.preview-chip{color:#fff;background:#283347;border-radius:7px;padding:12px 18px;position:absolute;top:20%;right:24.219%;box-shadow:0 12px 30px #2833473d}.annotation-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.focus-ring{z-index:38;box-shadow:none;pointer-events:none;background:0 0;border:2px solid #f59e0beb;border-radius:9px;position:absolute}.focus-ring.authoring-editable,.guided-tooltip.authoring-editable{pointer-events:auto;cursor:grab}.guided-tooltip.is-moving{cursor:grab;outline:0}.guided-tooltip.is-moving:active{cursor:grabbing}.guided-tooltip.is-editing-text{border-radius:10px;min-height:0;padding:6px 8px}.focus-ring.is-moving{cursor:grab;outline:0}.focus-ring.is-moving:active{cursor:grabbing}.authoring-helper-tooltip{z-index:70;color:#1e293be6;width:fit-content;max-width:min(240px,100% - 24px);box-shadow:none;pointer-events:none;white-space:nowrap;background:#fffffff0;border:1px solid #94a3b873;border-radius:4px;padding:3px 6px;font-size:11.5px;font-weight:400;line-height:1.2;position:absolute}.authoring-helper-tooltip.subtitle-helper-tooltip{color:#1e293beb;background:#fffffff5;border-color:#94a3b880;border-radius:6px;max-width:min(360px,100% - 24px);padding:5px 9px;font-size:13px;font-weight:400;line-height:1.3}.simulated-input-overlay{z-index:41;color:#172033;pointer-events:none;background:#fffffff5;border:1px solid #64748b57;border-radius:9px;align-items:center;min-width:min(260px,34%);max-width:min(420px,58%);min-height:38px;padding:8px 12px;font-size:clamp(12px,1.2vw,15px);font-weight:700;line-height:1.25;display:inline-flex;position:absolute;transform:translateY(-4px);box-shadow:0 8px 18px #0f172a24,inset 0 1px #ffffffe6}.simulated-input-placeholder{color:#8793a4;font-weight:650}.simulated-input-value{color:#172033;overflow-wrap:anywhere}.simulated-input-caret{background:#172033;border-radius:99px;width:2px;height:1.2em;margin-left:2px;animation:.8s steps(2,start) infinite simulated-input-caret;display:inline-block}.guided-tooltip{z-index:42;color:#fff;pointer-events:none;white-space:normal;overflow-wrap:break-word;text-wrap:pretty;background:#172033;border:1px solid #ffffff1f;border-radius:14px;min-width:132px;max-width:340px;min-height:44px;padding:12px 18px;font-size:clamp(15px,1.05vw,18px);font-weight:750;line-height:1.25;animation:3s cubic-bezier(.16,1,.3,1) both guided-tooltip-fly-in;position:absolute;box-shadow:0 14px 28px #0f172a52}.guided-tooltip.position-above{--tooltip-final-transform:translate(-50%, calc(-100% - 12px));--tooltip-enter-transform:translate(-50%, calc(-100% - 34px)) scale(.92);transform:var(--tooltip-final-transform)}.guided-tooltip.position-below{--tooltip-final-transform:translate(-50%, 12px);--tooltip-enter-transform:translate(-50%, 34px) scale(.92);transform:var(--tooltip-final-transform)}.guided-tooltip.position-left{--tooltip-final-transform:translate(calc(-100% - 12px), -50%);--tooltip-enter-transform:translate(calc(-100% - 38px), -50%) scale(.92);transform:var(--tooltip-final-transform)}.guided-tooltip.position-right{--tooltip-final-transform:translate(12px, -50%);--tooltip-enter-transform:translate(38px, -50%) scale(.92);transform:var(--tooltip-final-transform)}.guided-tooltip:after{content:"";border:8px solid #0000;width:0;height:0;position:absolute}.guided-tooltip input,.guided-tooltip select{appearance:none;color:#172033;width:min(238px,64vw);min-width:170px;min-height:24px;box-shadow:none;font:inherit;background:#fffffff5;border:1px solid #e2e8f0d1;border-radius:4px;outline:0;padding:0 5px;font-weight:700;line-height:1.25}.target-area-editor{z-index:60;color:#263a52;background:#fff;border:1px solid #64748b3d;border-radius:8px;gap:8px;min-width:216px;padding:10px;display:grid;position:absolute;transform:translate(10px,-10px);box-shadow:0 14px 30px #0f172a33}.target-area-editor>strong{font-size:12px}.target-area-editor>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.target-area-editor label{color:#64748b;text-transform:uppercase;gap:3px;font-size:10px;font-weight:800;display:grid}.target-area-editor input{color:#263a52;min-width:0;font:inherit;border:1px solid #64748b3d;border-radius:5px;padding:6px;font-size:12px}.target-area-editor footer{justify-content:flex-end;gap:6px;display:flex}.target-area-editor button{color:#fff;background:#216a79;min-height:29px;padding:0 8px;font-size:11px}.target-area-editor button[type=button]{color:#526176;background:#e9eff4}.inline-guide-field{gap:5px;margin:10px 0;display:grid}.inline-guide-field input,.inline-guide-field textarea{color:#263a52;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #216a796b;border-radius:7px;outline:2px solid #216a791f;padding:9px 10px;line-height:1.45}.inline-guide-field.title input{color:#182b42;font-size:25px;font-weight:800;line-height:1.16}.inline-guide-field span{color:#64748b;font-size:10px;font-weight:700}.authoring-context-menu{z-index:100;background:#fff;border:1px solid #64748b33;border-radius:9px;min-width:208px;padding:5px;display:grid;position:fixed;box-shadow:0 16px 38px #0f172a33}.authoring-context-menu button{color:#263a52;text-align:left;background:0 0;border-radius:6px;padding:9px 10px;font-size:12px}.authoring-context-menu button:hover,.authoring-context-menu button:focus-visible{color:#172033;background:#eef3f8;outline:none}.delete-step-dialog-backdrop{z-index:220;background:#0f172a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.delete-step-dialog{background:#fff;border:1px solid #64748b38;border-radius:14px;width:min(440px,100%);padding:22px;box-shadow:0 26px 70px #0f172a47}.delete-step-dialog h2{color:#172033;margin:0 0 10px;font-size:18px;font-weight:750;line-height:1.25}.delete-step-dialog p{color:#52637a;margin:0;font-size:14px;font-weight:600;line-height:1.55}.delete-step-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.delete-step-dialog-actions button{border-radius:9px;min-width:88px;padding:10px 14px;font-size:14px;font-weight:750}.delete-step-cancel-button{color:#263a52;background:#f5f7fb;border:1px solid #64748b47}.delete-step-cancel-button:hover,.delete-step-cancel-button:focus-visible{background:#e9eef6;outline:3px solid #2563eb2e}.delete-step-confirm-button{color:#fff;background:#dc2626;box-shadow:0 8px 18px #dc262647}.delete-step-confirm-button:hover,.delete-step-confirm-button:focus-visible{background:#b91c1c;outline:3px solid #dc262638}.replace-step-dialog-backdrop{z-index:220;background:#0f172a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.replace-step-dialog{background:#fff;border:1px solid #64748b38;border-radius:14px;width:min(480px,100%);max-height:min(760px,100vh - 48px);padding:22px;overflow:auto;box-shadow:0 26px 70px #0f172a47}.replace-step-dialog h2{color:#172033;margin:0 0 10px;font-size:18px;font-weight:750;line-height:1.25}.replace-step-dialog p{color:#52637a;margin:0;font-size:14px;font-weight:600;line-height:1.55}.replace-step-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.replace-step-dialog-actions button{border-radius:9px;min-width:88px;padding:10px 14px;font-size:14px;font-weight:750}.replace-step-cancel-button{color:#263a52;background:#f5f7fb;border:1px solid #64748b47}.replace-step-cancel-button:hover,.replace-step-cancel-button:focus-visible{background:#e9eef6;outline:3px solid #2563eb2e}.replace-step-confirm-button{color:#fff;background:#0b0f16;box-shadow:0 8px 18px #0f172a33}.replace-step-confirm-button:hover,.replace-step-confirm-button:focus-visible{background:#172033;outline:3px solid #0f172a29}.replace-step-confirm-button:disabled{cursor:not-allowed;opacity:.45}.step-draft-field{color:#263a52;gap:7px;margin-top:14px;font-size:13px;font-weight:750;display:grid}.step-draft-field input,.step-draft-field textarea,.step-draft-field select{color:#172033;background:#fff;border:1px solid #64748b42;border-radius:9px;width:100%;padding:10px 11px;font-size:14px;font-weight:650}.step-draft-field textarea{resize:vertical;line-height:1.45}.step-draft-preview{background:#f8fafc;border:1px solid #64748b2e;border-radius:10px;gap:8px;margin-top:12px;padding:10px;display:grid}.step-draft-preview img{object-fit:contain;background:#e2e8f0;border-radius:7px;width:100%;max-height:190px}.step-draft-preview span,.voiceover-status{color:#64748b;font-size:12px;font-weight:700}.step-draft-error{color:#b91c1c!important;margin-top:10px!important;font-size:13px!important}.step-subtitle-box{z-index:32;-webkit-line-clamp:2;color:#fffffff5;text-align:center;text-shadow:0 1px 2px #0000006b;width:max-content;max-width:min(78%,760px);box-shadow:none;pointer-events:none;background:#0000009e;border-radius:6px;-webkit-box-orient:vertical;padding:5px 10px 6px;font-size:clamp(16px,1.05vw,20px);font-weight:500;line-height:1.34;display:-webkit-box;position:absolute;bottom:clamp(18px,4.2%,42px);left:50%;overflow:hidden;transform:translate(-50%)}.step-subtitle-box.avoid-bottom-target{bottom:clamp(74px,13%,132px)}.step-subtitle-box.authoring-editable{pointer-events:auto;cursor:default;outline:none}.voiceover-subtitle-dialog{width:min(560px,100%)}.voiceover-checkbox{color:#263a52;align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:750;display:flex}.guided-tooltip.position-above:after{border-top-color:#172033;bottom:-16px;left:50%;transform:translate(-50%)}.guided-tooltip.position-below:after{border-bottom-color:#172033;top:-16px;left:50%;transform:translate(-50%)}.guided-tooltip.position-left:after{border-left-color:#172033;top:50%;right:-16px;transform:translateY(-50%)}.guided-tooltip.position-right:after{border-right-color:#172033;top:50%;left:-16px;transform:translateY(-50%)}@keyframes guided-tooltip-fly-in{0%{opacity:0;transform:var(--tooltip-enter-transform,translate(-50%, 24px) scale(.92))}58%{opacity:1;transform:var(--tooltip-final-transform) scale(1.03)}to{opacity:1;transform:var(--tooltip-final-transform)}}@keyframes focus-pulse{0%,to{opacity:.96;scale:1}50%{opacity:.38;scale:1.08}}.sim-animated-arrow{z-index:40;pointer-events:none;width:36px;height:36px;position:absolute}.sim-animated-arrow.position-above{transform:translate(-50%,calc(-100% - 8px))}.sim-animated-arrow.position-below{transform:translate(-50%,8px)}.sim-animated-arrow.position-left{transform:translate(calc(-100% - 8px),-50%)}.sim-animated-arrow.position-right{transform:translate(8px,-50%)}.sim-animated-arrow-chevron{filter:drop-shadow(0 1px #0f172ae6)drop-shadow(0 3px 5px #0f172aa6);border-bottom:6px solid #fbbf24;border-right:6px solid #fbbf24;width:22px;height:22px;animation:1.45s ease-in-out infinite sim-arrow-bounce;display:block}.sim-animated-arrow.direction-down .sim-animated-arrow-chevron{transform:rotate(45deg)}.sim-animated-arrow.direction-up .sim-animated-arrow-chevron{transform:rotate(225deg)}.sim-animated-arrow.direction-left .sim-animated-arrow-chevron{transform:rotate(135deg)}.sim-animated-arrow.direction-right .sim-animated-arrow-chevron{transform:rotate(-45deg)}@keyframes sim-arrow-bounce{0%,20%,50%,80%,to{translate:0}40%{translate:0 -10px}60%{translate:0 -5px}}@keyframes simulated-input-caret{0%,45%{opacity:1}46%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sim-animated-arrow-chevron,.focus-ring,.guided-tooltip,.simulated-input-caret{animation:none}}.tutor-pointer path{fill:#f59e0b;filter:drop-shadow(0 3px 7px #0f172a6b)}.tutor-pointer circle{fill:#fbbf241f;stroke:#b4530980;stroke-width:1.5px}.tutor-pointer text,.annotation-rect text,.annotation-arrow text,.annotation-label text{fill:#13323a;letter-spacing:0;font-size:17px;font-weight:900}.callout-line{stroke:#3341559e;stroke-linecap:round;stroke-width:1.35px}.callout-label rect{fill:#fffffff7;stroke:#47556947;stroke-width:1px;filter:drop-shadow(0 7px 15px #0f172a29)}.annotation-rect rect{fill:#fbbf241a;stroke:#d97706e6;stroke-dasharray:5 5;stroke-width:3px;filter:drop-shadow(0 1px 2px #0f172a3d)}.annotation-arrow line{stroke:#334155b3;stroke-linecap:round;stroke-width:2.5px;filter:drop-shadow(0 2px 4px #0f172a26)}.arrow-head{fill:#f59e0b;filter:drop-shadow(0 1px 1px #0f172a73)}.annotation-label rect{fill:#ffffffe0;stroke:#23a7b74d}.stage-feedback{z-index:2;color:#fff;text-align:center;border-radius:7px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:900;line-height:1.35;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #19233033}.stage-feedback.correct{background:#207a4b}.stage-feedback.wrong{background:#b04444}.debug-hotspot-panel{z-index:5;color:#10313a;pointer-events:none;background:#fffffff0;border:1px solid #14607459;border-radius:7px;max-width:min(420px,100% - 24px);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;position:absolute;bottom:12px;right:12px;box-shadow:0 12px 30px #19233029}.developer-debug-overlay{z-index:60;pointer-events:none;position:absolute;inset:0}.developer-debug-action-point{background:#ef4444;border:2px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 2px #7f1d1dd1,0 8px 18px #0f172a42}.developer-debug-action-point:before,.developer-debug-action-point:after{content:"";background:#111827;position:absolute}.developer-debug-action-point:before{width:2px;height:34px;top:-10px;left:50%;transform:translate(-50%)}.developer-debug-action-point:after{width:34px;height:2px;top:50%;left:-10px;transform:translateY(-50%)}.developer-debug-tooltip-box{color:#064e3b;text-shadow:0 1px #ffffffe6;background:#dcfce72e;border:2px dashed #22c55e;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute}.developer-debug-target-label{color:#fff;overflow-wrap:anywhere;background:#111827eb;border-radius:5px;max-width:280px;padding:5px 7px;font-size:11px;font-weight:900;line-height:1.2;position:absolute;box-shadow:0 8px 16px #0f172a33}.developer-debug-meta{color:#0f172a;background:#ffffffed;border:1px solid #0f172a42;border-radius:7px;flex-direction:column;gap:3px;max-width:min(520px,100% - 24px);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.35;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 14px 28px #0f172a2e}.developer-debug-meta strong{font-size:12px}.instruction-panel{background:#fcfcfb;flex-direction:column;padding:26px;display:flex}.guide-panel-header{border-bottom:1px solid #64748b29;align-items:center;gap:10px;padding-bottom:17px;display:flex}.guide-panel-header .mode-selector{min-width:0;box-shadow:none;flex:1}.step-counter{color:#276271;white-space:nowrap;background:#edf7f7;border:1px solid #216a792e;border-radius:999px;flex:none;padding:8px 9px;font-size:11px;font-weight:900;line-height:1}.instruction-panel h2{color:#182b42;letter-spacing:0;margin:9px 0 13px;font-size:25px;line-height:1.16}.instruction-panel .panel-kicker{margin:20px 0 0}.instruction-panel p{color:#5d6b7e;line-height:1.6}.instruction-panel .step-description{color:#526176;margin:-3px 0 15px;font-size:15px;line-height:1.55}.instruction-panel .step-instruction{color:#2f3e53;margin-top:0;font-weight:800}.instruction-panel .auto-fill-note{color:#285565;background:#e7f4f5;border-left:3px solid #227a88;margin:14px 0;padding:10px 12px;font-size:14px;line-height:1.45}.feedback{border:1px solid #0000;border-radius:8px;margin:20px 0;padding:13px 14px;font-weight:800}.feedback.correct{color:#165b37;background:#edf8f1;border-color:#165b3724}.feedback.wrong{color:#8c2e2e;background:#fff3f2;border-color:#b0444429 #b0444429 #b0444429 #b04444;border-left-style:solid;border-left-width:3px}.guided-tour .feedback{box-shadow:none;border-left-width:3px;margin:16px 0;padding:10px 12px;font-size:13px;line-height:1.45}.guided-tour .feedback.correct{color:#17634b;background:#edf8f4;border-color:#17634b29 #17634b29 #17634b29 #23846a}.guided-tour .feedback.wrong{color:#8a5709;background:#fff8e8;border-color:#d9770633 #d9770633 #d9770633 #d97706}.test-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.test-stats span{color:#334155;text-align:center;background:#f3f5f6;border:1px solid #64748b24;border-radius:8px;padding:12px;font-weight:800}.step-controls{border-top:1px solid #64748b29;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:grid}.instruction-panel .step-controls{margin-top:auto}.demo-kind-pill{color:#25606d;letter-spacing:.02em;background:#edf7f7;border:1px solid #216a792e;border-radius:999px;margin-top:11px;padding:5px 8px;font-size:11px;font-weight:900;display:inline-flex}.step-controls span{color:#66758a;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.25}.step-controls button,.score-panel button{color:#fff;background:#1f3b52;min-height:40px;padding:0 16px;box-shadow:0 4px 11px #0f172a1f}.step-controls button:first-child{color:#334155;box-shadow:none;background:#fff;border:1px solid #64748b3d}.score-panel{text-align:center;width:min(520px,100%);margin:70px auto;padding:34px}.demo-review{z-index:70;border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#f8fafc94;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-review:before{border-radius:inherit;content:"";background:#0f172a14;position:absolute;inset:0}.demo-review>*{z-index:1;position:relative}.demo-review h2{color:#172235;width:min(520px,100%);margin:8px auto 10px;font-size:clamp(30px,3vw,42px)}.demo-review p{color:#5a6474;width:min(520px,100%);margin-inline:auto;line-height:1.55}.demo-review-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:inline-flex}.demo-review button{color:#fff;background:#1b6c7a;min-height:44px;padding:0 18px}.demo-review button.secondary{color:#1b6c7a;background:#fff;border-color:#1b6c7a38}.review-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.review-layout .score-panel{width:100%;margin:0}.review-steps{justify-content:center;gap:8px;padding:12px 0 2px;display:flex}.review-steps button{color:#4a586b;background:#e9eef5;width:34px;height:34px}.review-steps button.active{color:#fff;background:#1b6c7a}.authoring-layout{grid-template-columns:260px minmax(0,1fr) 360px;align-items:start;gap:16px;width:min(1600px,100%);margin:0 auto;display:grid}.authoring-steps,.authoring-form,.authoring-stage-column{background:#fff;border:1px solid #cbd6e2;border-radius:8px;box-shadow:0 20px 60px #1e2a3a1a}.authoring-steps,.authoring-form{padding:16px}.authoring-stage-column{padding:10px}.authoring-panel-header h2{margin:6px 0 14px;font-size:22px}.step-list{gap:8px;display:grid}.step-list button{color:#3e4d61;text-align:left;background:#eef3f8;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:44px;padding:8px;display:grid}.step-list button span{color:#637287;background:#fff;border-radius:6px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.step-list button.active{color:#fff;background:#1b6c7a}.step-list button.active span{color:#1b6c7a}.step-actions{gap:8px;margin-top:14px;display:grid}.editor-draft-status{color:#64748b;background:#f8fafb;border:1px solid #64748b29;border-radius:7px;padding:9px 10px;font-size:12px;font-weight:800}.editor-draft-status.dirty{color:#8a5709;background:#fff8e8;border-color:#d9770633}.editor-draft-status.applied{color:#17634b;background:#edf8f4;border-color:#17634b29}.editor-action-bar{z-index:2;background:#fff;gap:8px;padding:12px 0 2px;display:grid;position:sticky;bottom:0}.editor-action-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editor-action-buttons .apply-action{background:#216a79}.step-actions button,.coordinate-tools button{color:#fff;background:#263a52;min-height:38px;padding:0 12px}.step-actions .secondary-action{color:#8c2e2e;background:#f8e9e9}.hidden-file-input{display:none}.json-message{border-radius:7px;padding:9px 10px;font-size:13px;font-weight:800;line-height:1.35}.json-message.success{color:#165b37;background:#e3f4eb}.json-message.error{color:#8c2e2e;background:#f8e9e9}.coordinate-readout{color:#fff;pointer-events:none;background:#1f2e40d6;border-radius:7px;padding:8px 10px;font-weight:900;position:absolute;bottom:16px;left:16px}.coordinate-tools{justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.authoring-target-tools{background:#f8fafb;border:1px solid #64748b29;border-radius:8px;margin-top:14px;padding:16px}.authoring-screenshot-assets{background:#f8fafb;border:1px solid #64748b29;border-radius:8px;gap:10px;margin-top:14px;padding:16px;display:grid}.step-screen-card{background:#fff;border:1px solid #64748b24;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.step-screen-card div{gap:3px;min-width:0;display:grid}.step-screen-card strong{color:#263a52;font-size:12px}.step-screen-card p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.step-screen-card span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.step-screen-card button{color:#fff;background:#263a52;min-height:34px;padding:0 10px;font-size:12px}.maintenance-actions{gap:9px;padding-top:4px;display:grid}.maintenance-actions .panel-kicker,.maintenance-actions p:last-child{margin:0}.maintenance-actions p:last-child{color:#64748b;font-size:12px;line-height:1.4}.maintenance-action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.maintenance-action-buttons button{color:#263a52;background:#e9eff4;min-height:34px;padding:7px 8px;font-size:12px;line-height:1.25}.maintenance-action-buttons .delete-step-action{color:#8c2e2e;background:#f8e9e9}.screenshot-review-warning{color:#8a5709;background:#fff8e8;border:1px solid #d977063d;border-radius:7px;padding:10px 11px;font-size:12px;font-weight:800;line-height:1.45}.authoring-target-heading{margin-bottom:8px}.authoring-target-heading .panel-kicker{margin:0 0 4px}.authoring-target-heading p:last-child{color:#5d6b7e;margin:0;font-size:13px;line-height:1.45}.authoring-helper-text{color:#5a6474;flex-wrap:wrap;gap:8px;padding-top:10px;font-size:13px;font-weight:800;display:flex}.authoring-helper-text span{background:#eef3f8;border-radius:7px;padding:7px 9px}.coordinate-tools span,.rectangle-tools span{color:#5a6474;font-weight:800}.rectangle-tools{grid-template-columns:minmax(180px,1fr) repeat(4,auto);align-items:center;gap:8px;padding-top:8px;display:grid}.rectangle-tools button{color:#fff;background:#263a52;min-height:38px;padding:0 12px}.rectangle-tools .secondary-action{color:#8c2e2e;background:#f8e9e9}.draft-rectangle-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.draft-rectangle-layer rect{fill:#1b6c7a1a;stroke:#1b6c7adb;stroke-dasharray:8 7;stroke-width:3px}.authoring-form{max-height:calc(100vh - 150px);overflow:auto}.editor-section{border-bottom:1px solid #dbe3ec;margin-bottom:16px;padding-bottom:16px}.editor-section:last-child{border-bottom:0;margin-bottom:0}.editor-section h3{color:#263a52;margin:0 0 10px;font-size:16px}.editor-section-helper{color:#667386;margin:0 0 12px;font-size:13px;line-height:1.45}.evidence-report-card{background:#f8fbfd;border:1px solid #d4dee9;border-radius:8px;gap:8px;padding:12px;display:grid}.evidence-report-row{border-bottom:1px solid #e4ebf2;grid-template-columns:minmax(110px,.85fr) 1.25fr;align-items:start;gap:10px;padding:8px 0;display:grid}.evidence-report-row:last-child{border-bottom:0}.evidence-report-row span{color:#667386;text-transform:uppercase;font-size:11px;font-weight:900}.evidence-report-row strong{color:#263a52;font-size:13px;font-weight:760;line-height:1.35}.evidence-report-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.evidence-report-actions button{color:#263a52;background:#eef4f8;border:1px solid #c9d5e2;border-radius:7px;padding:9px 11px;font-weight:850}.editor-field{gap:5px;margin-bottom:10px;display:grid}.editor-field span{color:#667386;text-transform:uppercase;font-size:12px;font-weight:900}.editor-field input,.editor-field textarea,.editor-field select{color:#243247;width:100%;font:inherit;background:#fff;border:1px solid #c9d5e2;border-radius:7px;padding:9px 10px}.editor-field textarea{resize:vertical}.editor-field select{min-height:40px}.editor-checkbox{color:#526176;align-items:center;gap:9px;min-height:34px;font-size:13px;font-weight:800;display:flex}.editor-checkbox input{accent-color:#216a79;width:16px;height:16px}.number-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score-panel h2{margin:8px 0;font-size:48px}.score-panel .score-kicker{background:#e5f3f4;border-radius:5px;padding:5px 9px;display:inline-block}.score-panel p{color:#5a6474;line-height:1.5}@media (width<=1040px){.app-toolbar{flex-wrap:wrap;align-items:stretch}.demo-selector{flex-basis:100%;order:2}.app-mode-selector{margin-left:auto}.player-header,.workspace,.review-layout,.authoring-layout{grid-template-columns:1fr}.player-header{align-items:stretch;display:grid}.mode-selector{min-width:0}.authoring-form{max-height:none}}@media (width<=720px){.app-shell{padding:12px 12px 28px}.app-toolbar{border-radius:8px;gap:8px;padding:6px}.app-mode-selector{width:100%;margin-left:0}.demo-selector{order:0;padding-bottom:2px}.demo-selector select{width:100%}.workspace{gap:12px}.coordinate-tools{display:grid}.rectangle-tools{grid-template-columns:1fr}.stage-column,.instruction-panel{border-radius:7px}.stage-column{padding:8px}.instruction-panel{padding:20px}.player-header{margin:20px 2px 16px}.player-header h1{font-size:28px}.slide-card{width:60%;min-width:0;padding:24px}.slide-title{font-size:22px}.slide-copy{font-size:13px}.storyline-button{min-width:150px;min-height:46px}}.app-shell{background:#eef2f6;padding:0 0 18px}.app-toolbar{z-index:80;background:linear-gradient(90deg,#132235 0%,#19344a 54%,#173241 100%);border:0;border-bottom:1px solid #0f172a6b;border-radius:0;grid-template-columns:minmax(360px,520px) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,44px);width:100%;min-height:82px;margin:0;padding:12px clamp(24px,2.6vw,52px);display:grid;position:sticky;top:0;box-shadow:0 8px 22px #0f172a29}.module-publish-button{color:#fff;background:#0b0f16;border:1px solid #28728457;border-radius:10px;min-height:42px;padding:0 20px;font-size:14px;font-weight:850;box-shadow:0 10px 22px #0f172a2e}.module-publish-button:hover,.module-publish-button:focus-visible{outline-offset:2px;background:#172033;outline:2px solid #0f172a2e}.module-publish-button:disabled{cursor:wait;opacity:.68}.module-download-button{color:#123642;background:#e8f4f6;border:1px solid #216a793d;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.module-download-button:hover,.module-download-button:focus-visible{outline-offset:2px;background:#d9eef2;outline:2px solid #216a7929}.module-download-button.disabled{pointer-events:none;color:#94a3b8;background:#f1f5f9}.app-toolbar.is-designer{background:#fffffff5;border-bottom:1px solid #94a3b842;flex-direction:column;grid-template-columns:none;align-items:stretch;gap:0;min-height:58px;padding:0;display:flex;overflow:visible;box-shadow:0 8px 24px #0f172a12}.app-toolbar.is-designer .demo-selector label{color:#64748b}.app-toolbar.is-designer .demo-selector select{color:#172033;background:#fff;border-color:#64748b3d}.app-toolbar.is-designer .mode-selector{box-shadow:none;background:#fff;border-color:#64748b2e}.app-toolbar.is-designer .mode-selector button.active{color:#1f4d83;background:#dbeafe}.app-toolbar.is-designer .mode-selector button{color:#475467}.authoring-menu{margin-left:auto;position:relative}.authoring-menu summary{color:#526176;cursor:pointer;background:#f8fafc;border:1px solid #94a3b847;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;min-height:38px;padding:0 14px;list-style:none;display:inline-flex}.authoring-menu summary::-webkit-details-marker{display:none}.authoring-menu summary strong{color:#26354a;font-size:13px}.authoring-menu-panel{z-index:90;background:#fff;border:1px solid #94a3b838;border-radius:14px;gap:8px;width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 54px #0f172a2e}.authoring-menu-panel button,.advanced-editor-entry{color:#334155;min-height:38px;box-shadow:none;background:#f1f5f9;justify-content:flex-start}.review-edit-workspace{gap:10px;width:min(1720px,100%);margin:0 auto;display:grid}.review-edit-toolbar{background:#ffffffad;border:1px solid #cbd5e19e;border-radius:999px;justify-content:space-between;justify-self:stretch;align-items:center;gap:10px;width:100%;max-width:100%;padding:6px 10px;display:inline-flex;box-shadow:0 8px 22px #0f172a0a}.review-edit-toolbar>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.review-edit-toolbar .panel-kicker{margin:0;font-size:9px}.review-edit-toolbar strong{color:#334155;white-space:nowrap;font-size:12px}.review-status{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.review-status:before{content:"";background:#94a3b8;border-radius:999px;width:6px;height:6px}.review-status.dirty{color:#9a5f08}.review-status.dirty:before{background:#f59e0b}.review-edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.review-edit-actions button{color:#334155;min-height:28px;box-shadow:none;background:#f8fafc;border:1px solid #94a3b83d;border-radius:999px;padding:0 9px;font-size:11px;font-weight:800}.review-edit-actions button.subtle{background:#f8fafcb8}.review-edit-actions button.publish{color:#fff;background:#287284;border-color:#28728457}.review-edit-actions button:hover:not(:disabled),.review-edit-actions button:focus-visible:not(:disabled){color:#172235;background:#eef7f8;border-color:#28728447}.review-edit-actions button.publish:hover,.review-edit-actions button.publish:focus-visible{color:#fff;background:#1f6474}.review-edit-actions button:disabled{opacity:.42}.review-more-menu-wrap{display:inline-flex;position:relative}.review-more-menu{z-index:90;background:#fff;border:1px solid #cbd5e1cc;border-radius:12px;min-width:174px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #0f172a24}.review-more-menu button{text-align:left;background:0 0;border:0;border-radius:9px;justify-content:flex-start;width:100%;min-height:34px}.review-edit-canvas{justify-items:center;gap:10px;display:grid}.review-edit-canvas .player-layout{width:100%}@media (width<=900px){.review-edit-toolbar{justify-content:space-between;justify-self:stretch}}.player-layout{gap:4px;width:100%;margin:6px auto 0;padding:0 clamp(8px,.9vw,18px);display:grid}.player-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:20px 4px 16px;display:grid}.player-header h1{color:#162235;margin:0 0 5px;font-size:clamp(24px,2.4vw,34px);font-weight:850}.player-header p{color:#667386;max-width:760px;font-size:14px;line-height:1.4}.module-status-badge{color:#216a79;white-space:nowrap;background:#edf7f7;border:1px solid #216a7929;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.module-status-badge.status-draft{color:#9a5f08;background:#fff7e6;border-color:#f59e0b38}.module-status-badge.status-approved,.module-status-badge.status-published{color:#17634b;background:#edf8f4;border-color:#23846a2e}.workspace,.learner-preview-workspace{grid-template-columns:318px minmax(600px,1fr) minmax(330px,360px);align-items:stretch;gap:0;display:grid}.learner-preview-workspace{background:#fffffff5;border:1px solid #cbd5e1b3;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #0f172a1a}.preview-step-list{min-height:clamp(520px,100vh - 88px,900px);max-height:calc(100vh - 88px);box-shadow:none;background:#f8fafcd1;border:0;border-right:1px solid #e3e8ef;border-radius:0;grid-area:1/1/span 2;align-self:stretch;padding:20px 14px;overflow:auto}.preview-progress-summary{justify-content:space-between;align-items:center;gap:10px;margin:0 4px 10px;display:flex}.preview-progress-summary .panel-kicker{margin:0}.preview-progress-summary strong{color:#526176;font-size:13px}.preview-progress-bar{background:#e4eaf0;border-radius:999px;height:6px;margin:0 4px 14px;overflow:hidden}.preview-progress-bar span{border-radius:inherit;background:#1673e6;height:100%;display:block}.preview-step-list button{color:#44546a;background:0 0;border-radius:14px;grid-template-columns:32px minmax(0,1fr);align-items:center;min-height:82px;padding:14px 16px}.preview-step-list button span{border-radius:999px;width:38px;height:38px;font-size:15px}.preview-step-list button strong{text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;font-size:18px;line-height:1.3;display:-webkit-box;overflow:hidden}.preview-step-list button.active{color:#172235;background:#eef5fb;border:1px solid #1673e629;box-shadow:0 8px 18px #0f172a0f}.preview-step-list button.active span{color:#fff;background:#1673e6}.stage-column{display:contents}.learner-preview-workspace .simulation-stage{width:calc(100% - clamp(32px,3.6vw,52px));max-width:1280px;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:0;grid-area:1/2;align-self:start;margin-top:18px;padding:0}.simulation-stage{border-radius:14px;width:100%;min-width:0;margin:0 auto;box-shadow:0 16px 40px #0f172a1a}.learner-preview-workspace .instruction-panel{width:100%;max-height:none;box-shadow:none;background:#fffffffa;border:0;border-left:1px solid #e3e8ef;border-radius:0;grid-area:1/3/span 2;align-self:stretch;padding:22px;position:relative;overflow:auto}.learner-preview-workspace .instruction-panel:before{content:none}.guide-panel-header{padding-bottom:10px}.guide-panel-header .mode-selector{border-radius:11px}.guide-panel-header .mode-button{min-height:42px;font-size:14px}.instruction-panel h2{margin-top:6px;font-size:26px}.instruction-panel .panel-kicker{color:#64748b;margin-top:12px}.instruction-panel p{font-size:17px}.step-audio-player{background:#f8fafc;border:1px solid #cbd5e1b8;border-radius:10px;gap:8px;margin-top:10px;padding:9px 10px;display:grid}.narration-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.narration-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.narration-label{color:#334155;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.narration-note{color:#8a5a19;font-size:11px;font-weight:800}.narration-edit-button{color:#334155;min-height:26px;box-shadow:none;background:#fff;border:1px solid #94a3b847;border-radius:999px;padding:0 8px;font-size:11px;font-weight:800}.narration-edit-button:hover,.narration-edit-button:focus-visible{color:#172235;background:#eef7f8;border-color:#2872844d}.step-audio-player audio{width:100%;height:32px}.step-controls{grid-template-columns:1fr auto 1fr;margin-top:28px}.learner-preview-workspace .instruction-panel .step-controls{margin-top:clamp(24px,3vh,38px)}.step-controls button,.score-panel button{background:#1673e6;border-radius:8px;min-height:42px}.step-controls button:first-child{color:#1673e6;background:#fff;border-color:#1673e647}@media (width<=1180px){.workspace,.learner-preview-workspace{grid-template-columns:1fr}.learner-preview-workspace{overflow:visible}.preview-step-list,.learner-preview-workspace .simulation-stage,.learner-preview-workspace .instruction-panel{grid-area:auto/1}.preview-step-list{border-bottom:1px solid #e3e8ef;border-right:0;min-height:0;max-height:none;padding-bottom:24px;padding-right:14px}.preview-step-list>div:last-child{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stage-column{gap:16px;display:grid}.learner-preview-workspace .instruction-panel{border-top:1px solid #e3e8ef;border-left:0;max-height:none;padding:22px;position:static}}@media (width<=820px){.player-header{grid-template-columns:1fr}.stage-column{min-height:0}}.learner-preview-workspace .instruction-panel .guide-panel-header,.learner-preview-workspace .instruction-panel .step-controls,.learner-preview-workspace .instruction-panel .feedback,.learner-preview-workspace .instruction-panel [data-authoring-field],.learner-preview-workspace .instruction-panel button,.learner-preview-workspace .instruction-panel input,.learner-preview-workspace .instruction-panel textarea,.learner-preview-workspace .instruction-panel select,.learner-preview-workspace .instruction-panel .mode-selector,.learner-preview-workspace .instruction-panel .mode-selector *,.learner-preview-workspace .instruction-panel .step-controls,.learner-preview-workspace .instruction-panel .step-controls *,.learner-preview-workspace .instruction-panel .inline-guide-field,.learner-preview-workspace .instruction-panel .inline-guide-field *{pointer-events:auto}.workspace.learner-preview-workspace{grid-template-columns:clamp(320px,18vw,390px) minmax(0,1fr);align-items:stretch;min-height:calc(100vh - 82px)}.learner-preview-workspace .stage-column{background:#fff;grid-area:1/2;grid-template-rows:auto auto;align-content:start;gap:14px;min-width:0;padding:clamp(18px,1.6vw,32px);display:grid}.simulation-command-bar{width:min(100%,920px);min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,42px);padding:0;display:grid}.command-module-name{color:#172235;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:900;line-height:1.2;overflow:hidden}.command-instruction{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.instruction-copy{color:#172235;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(16px,1.22vw,18px);font-weight:600;line-height:1.32;display:-webkit-box;overflow:hidden}.instruction-emphasis{color:inherit;font-size:inherit;font-weight:850;line-height:inherit;text-overflow:clip;-webkit-box-orient:initial;-webkit-line-clamp:initial;display:inline;overflow:visible}.command-instruction .panel-kicker{color:#64748b;margin:0;font-size:10px}.command-instruction strong{color:#172235;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(16px,1.22vw,18px);line-height:1.3;display:-webkit-box;overflow:hidden}.command-instruction .instruction-emphasis{color:inherit;font-size:inherit;line-height:inherit;text-overflow:clip;-webkit-box-orient:initial;-webkit-line-clamp:initial;display:inline;overflow:visible}.command-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.command-actions audio{display:none}.audio-replay-button{color:#216a79;width:42px;height:42px;box-shadow:none;background:#edf7f7;border:1px solid #216a792e;border-radius:10px;place-items:center;display:inline-grid}.audio-replay-button:hover,.audio-replay-button:focus-visible{background:#e2f3f4;border-color:#216a7952;outline:none;box-shadow:0 8px 18px #0f172a14}.command-feedback{color:#17634b;font-size:12px;font-weight:800}.command-feedback.wrong{color:#9f3a3a}.command-feedback.neutral{color:#66758a}.learner-preview-workspace .stage-column>.simulation-stage{width:min(100%, calc((100vh - 238px) * var(--stage-aspect)));background:#fff;border-radius:14px;grid-area:auto;align-self:start;max-width:none;margin:0 auto;box-shadow:0 14px 34px #0f172a14}.learner-preview-workspace .stage-column>.step-controls{border-top:0;width:min(100%,177.778vh - 423.111px);margin:0 auto;padding-top:0}.step-controls-compact{background:#eef3f8f5;border:1px solid #94a3b847;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:82px;margin-top:-1px;padding:12px 18px;display:flex;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0f172a0f}.demo-control-group{align-items:center;gap:12px;min-width:0;display:inline-flex}.demo-control-group-main{flex:1}.demo-control-separator{background:#64748b3d;border-radius:999px;width:1px;height:42px;margin:0 4px}.step-controls-compact button,.step-controls-compact button:first-child{color:#334155;background:#f8fbfe;border:1px solid #64748b40;border-radius:14px;place-items:center;width:54px;min-width:54px;height:54px;min-height:54px;padding:0;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffffdb,0 1px 3px #0f172a12}.step-controls-compact .demo-restart-button,.step-controls-compact .demo-restart-button:first-child{letter-spacing:0;gap:10px;width:auto;min-width:116px;padding:0 18px;font-size:16px;font-weight:800;display:inline-flex}.step-controls-compact .demo-play-button,.step-controls-compact .demo-play-button:first-child{color:#fff;background:linear-gradient(#2b7f8f,#216a79);border-color:#216a7980;border-radius:999px;width:72px;min-width:72px;height:72px;min-height:72px;box-shadow:inset 0 1px #ffffff42,0 10px 22px #216a7942}.step-controls-compact .demo-play-button:hover:not(:disabled),.step-controls-compact .demo-play-button:focus-visible:not(:disabled){color:#fff;background:linear-gradient(#328a9a,#1b5c6a)}.step-controls-compact .demo-play-button:disabled{color:#ffffffe6;opacity:.68;background:linear-gradient(#8fb8c1,#5f94a0)}.step-controls-compact button:hover:not(:disabled),.step-controls-compact button:focus-visible:not(:disabled){color:#172235;background:#fff;border-color:#2b7f8f66;outline:none;box-shadow:inset 0 1px #fffffff2,0 4px 10px #0f172a1a}.step-controls-compact button:disabled{color:#64748b;opacity:.55}.demo-control-svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px;display:block}.demo-step-counter{color:#344156;white-space:nowrap;font-size:17px;font-weight:800}.demo-control-icon{color:currentColor;width:16px;height:16px;display:inline-block;position:relative}.demo-control-icon-replay{border:2px solid;border-left-color:#0000;border-radius:999px}.demo-control-icon-replay:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;position:absolute;top:0;right:-3px;transform:rotate(-28deg)}.demo-control-icon-previous:before,.demo-control-icon-next:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:3px}.demo-control-icon-previous:before{border-right:8px solid;left:3px}.demo-control-icon-next:before{border-left:8px solid;right:3px}.demo-control-icon-previous:after,.demo-control-icon-next:after{content:"";background:currentColor;border-radius:999px;width:2px;height:10px;position:absolute;top:3px}.demo-control-icon-previous:after{left:2px}.demo-control-icon-next:after{right:2px}.demo-progress-track{background:#d7e1ea;border-radius:999px;min-width:0;height:12px;position:relative;box-shadow:inset 0 1px 2px #0f172a2e,inset 0 -1px #ffffff8c}.demo-progress-track:before{content:"";height:100%;width:var(--demo-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#2b7f8f,#216a79);position:absolute;top:0;left:0}.demo-progress-track span{top:50%;left:calc(var(--demo-progress,0%) - var(--demo-thumb-offset,0px));background:#fff;border:4px solid #216a79;border-radius:999px;width:22px;height:22px;position:absolute;transform:translateY(-50%);box-shadow:0 4px 12px #0f172a38}.speaker-icon{width:20px;height:18px;display:inline-block;position:relative}.speaker-icon:before{content:"";background:currentColor;border-radius:2px;width:7px;height:8px;position:absolute;top:5px;left:1px}.speaker-icon span{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid;width:0;height:0;position:absolute;top:2px;left:7px}@media (width<=1180px){.workspace.learner-preview-workspace{grid-template-columns:minmax(0,1fr)}.preview-step-list,.learner-preview-workspace .stage-column{grid-area:auto/1}.preview-step-list{border-bottom:1px solid #e3e8ef;border-right:0;min-height:0;max-height:none}.preview-step-list>div:last-child{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}}.speaker-icon:after{content:"";border:2px solid;border-left:0;border-radius:0 999px 999px 0;width:8px;height:12px;position:absolute;top:3px;right:0}.learner-preview-workspace .instruction-panel{display:none}.legacy-editor-shell{gap:14px;min-width:0;display:grid}.legacy-editor-banner{color:#334155;background:#f8fafc;border:1px solid #94a3b857;border-radius:8px;align-items:center;gap:12px;margin:14px clamp(18px,2vw,32px) 0;padding:10px 14px;font-size:12px;display:flex}.legacy-editor-banner strong{color:#172235;font-size:13px}.workspace.learner-preview-workspace.is-authoring{grid-template-columns:clamp(260px,16vw,320px) minmax(0,1fr) clamp(292px,22vw,360px)}.learner-preview-workspace.is-authoring .preview-step-list button{min-height:48px;font-size:12px}.learner-preview-workspace.is-canvas-editor .preview-step-list{border-bottom:0;border-right:1px solid #e3e8ef;grid-area:1/1;min-height:calc(100vh - 82px);max-height:calc(100vh - 82px)}.learner-preview-workspace.is-canvas-editor .preview-step-list>div:last-child{grid-template-columns:1fr;display:grid}.learner-preview-workspace.is-canvas-editor .preview-step-list button{min-height:48px;font-size:12px}.learner-preview-workspace.is-authoring .stage-column{grid-column:2}.learner-preview-workspace.is-canvas-editor .stage-column{grid-area:1/2}.modern-step-panel{background:#fff;border-left:1px solid #e3e8ef;grid-area:1/3;align-content:start;gap:14px;min-width:0;max-height:calc(100vh - 82px);padding:18px;display:grid;overflow:auto}.modern-step-panel-header{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:6px;display:flex}.modern-step-panel-header h2{color:#172235;margin:2px 0 0;font-size:16px;line-height:1.2}.modern-step-menu-button{color:#334155;width:34px;min-width:34px;height:34px;min-height:34px;box-shadow:none;background:#f8fafc;border:1px solid #94a3b857;border-radius:8px;place-items:center;padding:0;font-size:18px;line-height:1;display:inline-grid}.modern-step-menu-button:hover,.modern-step-menu-button:focus-visible{background:#fff;border-color:#2b7f8f6b;outline:none}.modern-field{color:#334155;gap:6px;min-width:0;font-size:12px;font-weight:800;display:grid}.modern-field span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modern-field input,.modern-field textarea,.modern-field select{color:#172235;width:100%;min-width:0;font:inherit;box-shadow:none;background:#fff;border:1px solid #d8e0ea;border-radius:8px;font-size:13px;font-weight:600;line-height:1.35}.modern-field input,.modern-field select{min-height:36px;padding:0 10px}.modern-field textarea{resize:vertical;min-height:64px;padding:9px 10px}.modern-field input:focus,.modern-field textarea:focus,.modern-field select:focus{border-color:#2b7f8f80;outline:none;box-shadow:0 0 0 3px #2b7f8f1a}.modern-field-grid{grid-template-columns:1fr;gap:12px;display:grid}.modern-panel-group{background:#fbfdff;border:1px solid #edf2f7;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.modern-panel-row{color:#334155;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.modern-panel-row strong{color:#8a5a19;font-size:11px;font-weight:900}.modern-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.modern-field.compact input{min-height:34px}.modern-panel-actions{gap:8px;padding-top:4px;display:grid}.modern-panel-actions button{color:#334155;text-align:left;min-height:36px;box-shadow:none;background:#f8fafc;border:1px solid #94a3b857;border-radius:8px;padding:0 10px;font-size:12px;font-weight:850}.modern-panel-actions button:hover,.modern-panel-actions button:focus-visible{background:#fff;border-color:#2b7f8f6b;outline:none}@media (width<=1180px){.workspace.learner-preview-workspace{grid-template-columns:1fr}.learner-preview-workspace .stage-column{grid-area:auto/1;padding:16px}.workspace.learner-preview-workspace.is-authoring{grid-template-columns:1fr}.workspace.learner-preview-workspace.is-canvas-editor{grid-template-columns:clamp(190px,30vw,260px) minmax(0,1fr)}.learner-preview-workspace.is-canvas-editor .preview-step-list{border-bottom:0;border-right:1px solid #e3e8ef;grid-area:1/1;min-height:calc(100vh - 82px);max-height:calc(100vh - 82px);padding-bottom:0;padding-right:14px}.learner-preview-workspace.is-canvas-editor .preview-step-list>div:last-child{grid-template-columns:1fr;display:grid}.learner-preview-workspace.is-canvas-editor .stage-column{grid-area:1/2}.modern-step-panel{border-top:1px solid #e3e8ef;border-left:0;grid-area:auto/1;max-height:none}.simulation-command-bar{grid-template-columns:1fr;align-items:stretch}.command-actions{flex-wrap:wrap;justify-content:flex-start}}.app-toolbar.is-preview{grid-template-columns:minmax(220px,340px) minmax(0,1fr) auto;gap:clamp(16px,2vw,32px);min-height:70px;padding:8px clamp(18px,2vw,34px)}.app-toolbar.is-preview .demo-selector label{letter-spacing:.1em;font-size:12px}.app-toolbar.is-preview .demo-selector select{border-radius:10px;width:min(320px,42vw);min-height:46px;padding:0 38px 0 14px;font-size:15px;line-height:1.1}.app-toolbar.is-preview .mode-selector{border-radius:11px;min-height:46px}.app-toolbar.is-preview .mode-selector button{min-width:92px;min-height:46px;padding:0 18px;font-size:15px}.workspace.learner-preview-workspace{grid-template-columns:clamp(220px,16vw,260px) minmax(0,1fr);min-height:calc(100vh - 70px)}.preview-step-list{min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);padding:14px 10px}.preview-step-list>div:last-child{gap:7px}.preview-step-list button{border-radius:10px;grid-template-columns:32px minmax(0,1fr);min-height:58px;padding:10px 11px}.preview-step-list button span{width:30px;height:30px;font-size:13px}.preview-step-list button strong{-webkit-line-clamp:2;font-size:14px;line-height:1.25}.learner-preview-workspace .stage-column{gap:6px;padding:clamp(6px,.7vw,12px)}.learner-preview-workspace .stage-column>.simulation-stage,.learner-preview-workspace .stage-column>.step-controls{width:min(100%, calc((100vh - 220px) * var(--stage-aspect)))}.guided-tooltip{min-width:120px;padding:9px 14px;font-size:15px;line-height:1.25}.focus-ring{border-width:2px}.step-controls-compact{border-radius:10px;gap:12px;min-height:60px;padding:8px 12px}.demo-control-group{gap:8px}.demo-control-separator{height:32px;margin:0 2px}.step-controls-compact button,.step-controls-compact button:first-child{border-radius:11px;width:42px;min-width:42px;height:42px;min-height:42px}.step-controls-compact .demo-restart-button,.step-controls-compact .demo-restart-button:first-child{gap:7px;min-width:88px;padding:0 12px;font-size:14px}.step-controls-compact .demo-play-button,.step-controls-compact .demo-play-button:first-child{width:52px;min-width:52px;height:52px;min-height:52px}.demo-control-svg{width:22px;height:22px}.demo-step-counter{font-size:14px}.demo-volume-control{place-items:center;display:inline-grid;position:relative}.demo-volume-control.is-open>button{color:#0000}.demo-volume-control.is-open>button .demo-control-svg{opacity:0}.demo-volume-popover{z-index:20;opacity:0;pointer-events:none;background:#fffffffa;border:1px solid #64748b3d;border-radius:14px;justify-items:center;min-width:46px;min-height:118px;padding:11px 9px;transition:opacity .14s,transform .14s;display:grid;position:absolute;bottom:calc(100% + 4px);right:50%;transform:translate(50%)translateY(6px);box-shadow:0 16px 36px #0f172a2e}.demo-volume-popover:before{content:"";height:10px;position:absolute;bottom:-10px;left:0;right:0}.demo-volume-control:hover .demo-volume-popover,.demo-volume-control.is-open .demo-volume-popover,.demo-volume-control:focus-within .demo-volume-popover{opacity:1;pointer-events:auto;transform:translate(50%)translateY(0)}.demo-volume-slider{cursor:ns-resize;background:0 0;border-radius:999px;outline:none;width:24px;height:96px;position:relative}.demo-volume-slider:before{content:"";background:#c5d2dd;border-radius:999px;width:8px;position:absolute;top:5px;bottom:5px;left:50%;transform:translate(-50%)}.demo-volume-slider-thumb{background:#216a79;border:2px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 6px 14px #0f172a33}.demo-volume-slider:focus-visible{box-shadow:0 0 0 3px #216a7933}@media (width<=1180px){.app-toolbar.is-preview{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;min-height:0;padding:10px 12px}.app-toolbar.is-preview .demo-selector{width:100%}.app-toolbar.is-preview .demo-selector select{width:min(100%,360px)}.app-command-slot{justify-content:flex-start}.app-toolbar-actions{justify-content:flex-start;overflow-x:auto}.app-toolbar.is-preview .mode-selector{width:auto;min-width:max-content}.workspace.learner-preview-workspace{grid-template-columns:minmax(0,1fr)}.preview-step-list{min-height:0;max-height:150px;padding:12px;overflow:auto hidden}.preview-step-list>div:last-child{gap:8px;display:flex}.preview-step-list button{width:auto;min-width:184px;min-height:56px}.learner-preview-workspace .stage-column{padding:6px 10px 10px}.learner-preview-workspace .stage-column>.simulation-stage,.learner-preview-workspace .stage-column>.step-controls{width:min(100%, calc((100vh - 320px) * var(--stage-aspect)))}}.app-toolbar.is-designer .designer-simple-toolbar .demo-selector select{font-size:16px;font-weight:650}.app-toolbar.is-designer .designer-edit-status{color:#475569;font-size:14px;font-weight:500}.app-toolbar.is-designer .designer-preview-button,.app-toolbar.is-designer .module-publish-button{font-size:15px}.workspace.learner-preview-workspace.is-canvas-editor{grid-template-columns:clamp(240px,19vw,250px) minmax(0,1fr)}.learner-preview-workspace.is-canvas-editor .preview-step-list{min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);padding:16px 12px}.learner-preview-workspace.is-canvas-editor .editor-step-summary strong{font-size:12px}.learner-preview-workspace.is-canvas-editor .preview-step-list>div:last-child{grid-template-columns:1fr;gap:8px;display:grid}.learner-preview-workspace.is-canvas-editor .preview-step-list button{grid-template-columns:34px minmax(0,1fr);width:100%;min-width:0;min-height:66px;padding:12px}.learner-preview-workspace.is-canvas-editor .preview-step-list button strong{font-size:15px;line-height:1.28}.learner-preview-workspace.is-canvas-editor .preview-step-list button.active strong{font-size:16px;font-weight:650}.guided-tooltip{padding:13px 18px;font-size:16px;line-height:1.32}.step-controls-compact .demo-restart-button,.step-controls-compact .demo-restart-button:first-child,.demo-step-counter{font-size:15px}@media (width<=1180px){.workspace.learner-preview-workspace.is-canvas-editor{grid-template-columns:clamp(240px,33vw,250px) minmax(0,1fr)}.learner-preview-workspace.is-canvas-editor .preview-step-list{border-bottom:0;border-right:1px solid #e3e8ef;grid-area:1/1;min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);padding:16px 12px;overflow:hidden auto}.learner-preview-workspace.is-canvas-editor .preview-step-list>div:last-child{grid-template-columns:1fr;display:grid}.learner-preview-workspace.is-canvas-editor .preview-step-list button{width:100%;min-width:0;min-height:66px}.learner-preview-workspace.is-canvas-editor .stage-column{grid-area:1/2}}.step-controls-compact .demo-step-counter{font-size:15px}.project-start-workspace,.recording-review-workspace,.export-publish-workspace{background:#f6f8fb;min-height:calc(100vh - 64px);padding:28px}.export-publish-workspace{padding:22px 28px}.project-start-header,.recording-review-header,.export-publish-header{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1180px;margin:0 auto 22px;display:flex}.export-publish-header{align-items:center;margin-bottom:16px}.project-start-header h1,.recording-review-header h1,.export-publish-header h1{margin:0 0 8px;font-size:28px}.export-publish-header h1{margin-bottom:6px;font-size:26px;line-height:1.15}.eyebrow{color:#52637a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:750}.project-option-grid{grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.project-option-card,.recording-step-card{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:18px;box-shadow:0 12px 30px #1622330f}.project-option-card.is-active,.project-option-primary{border-color:#2457d6}.project-option-primary{background:linear-gradient(#fff,#f4f7ff);box-shadow:0 18px 45px #2457d624}.project-option-secondary{background:#fbfdff}.project-option-kicker{color:#2457d6;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.option-badge{color:#52637a;background:#f8fafc;border:1px solid #c9d4e4;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.project-option-card h2{margin:0 0 8px;font-size:18px}.project-option-card p,.recording-review-header p,.export-publish-header p{color:#52637a;line-height:1.45}.export-publish-header p{max-width:720px;margin:0}.export-publish-header .back-to-edit-button{margin-top:12px}.guide-import-status-list{gap:8px;margin-top:14px;display:grid}.guide-import-status-list span{color:#334155;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;justify-content:space-between;gap:10px;padding:9px 10px;font-size:13px;display:flex}.guide-import-status-list strong{color:#52637a;white-space:nowrap}.project-option-card label,.recording-field{color:#334155;gap:6px;margin-top:12px;font-size:13px;font-weight:650;display:grid}.project-option-card input,.recording-field textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #c9d4e4;border-radius:8px;padding:10px 12px}.recording-field textarea{resize:vertical;min-height:72px}.selected-file,.status-copy{margin:10px 0 0;font-size:13px}.status-copy.error{color:#b42318}.status-copy.success{color:#247a45}.status-copy.working{color:#2457d6}.muted-copy{font-size:13px}.recording-review-actions,.recording-step-actions{flex-wrap:wrap;gap:8px;display:flex}.recording-diagnostics{flex-wrap:wrap;gap:8px;max-width:1180px;margin:0 auto 16px;display:flex}.recording-diagnostics span{color:#52637a;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:7px 10px;font-size:12px}.service-health-warning,.recording-cleanup-summary,.recording-cleanup-suggestions,.tester-checklist{max-width:1180px;margin:0 auto 16px}.export-publish-status{color:#52637a;background:#fff;border:1px solid #dbe3ef;border-radius:10px;gap:6px;min-width:210px;padding:14px;font-size:13px;display:grid}.export-publish-status strong{color:#172033;font-size:15px}.export-publish-grid{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.publish-card{background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:22px;box-shadow:0 16px 40px #1622330f}.publish-card-hero{background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);border-color:#2457d647;grid-column:1/-1;box-shadow:0 22px 58px #2457d624}.publish-card-project{background:#fbfdff}.publish-secondary-section{gap:12px;display:grid}.publish-secondary-section>h2{color:#334155;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:15px;font-weight:850}.publish-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.publish-card-content{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.publish-secondary-grid .publish-card{display:flex}.publish-secondary-grid .publish-card-content{align-content:space-between;width:100%;min-height:260px;display:grid}.publish-card h2,.publish-card h3{color:#172033;margin:0 0 8px;font-size:22px;line-height:1.15}.publish-card-hero h2{font-size:30px}.publish-secondary-grid .publish-card h3{font-size:21px}.publish-card p,.publish-card small{color:#52637a;max-width:640px;margin:0 0 7px;line-height:1.45;display:block}.publish-use-case{font-weight:700;color:#334155!important}.publish-constraint-badge,.publish-instant-badge{color:#475569;background:#f8fafc;border:1px solid #64748b3d;border-radius:999px;width:fit-content;margin:2px 0 8px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.publish-constraint-badge{color:#2457d6;background:#eff4ff;border-color:#2457d63d}.publish-card-kicker{color:#2457d6;letter-spacing:.04em;text-transform:uppercase;background:#e8efff;border-radius:999px;width:fit-content;margin-bottom:10px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.publish-card-actions{gap:10px;min-width:190px;display:grid}.publish-card-actions button,.documentation-format-selector button{color:#172033;background:#fff;border:1px solid #64748b47;border-radius:9px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800}.publish-card-actions button.primary{color:#fff;background:#102033;border-color:#102033}.publish-card-actions button:hover:not(:disabled),.publish-card-actions button:focus-visible:not(:disabled),.documentation-format-selector button:hover:not(:disabled),.documentation-format-selector button:focus-visible:not(:disabled){outline-offset:2px;background:#f8fbfc;border-color:#216a7985;outline:2px solid #216a7924}.publish-card-actions button.primary:hover:not(:disabled),.publish-card-actions button.primary:focus-visible:not(:disabled){background:#172033;border-color:#102033}.publish-card-actions button.secondary{color:#172033;background:#fff;border-color:#64748b47}.publish-card-actions button:disabled,.documentation-format-selector button:disabled{cursor:not-allowed;opacity:.46}.documentation-format-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.documentation-format-selector button{min-width:0;min-height:36px;padding:0 10px;font-size:13px}.documentation-format-selector button.active{color:#2457d6;background:#eff4ff;border-color:#2457d67a}.publish-advanced{color:#52637a;background:#ffffffb8;border:1px solid #dbe3ef;border-radius:12px;max-width:1180px;margin:18px auto 0;padding:12px 14px}.publish-advanced summary{cursor:pointer;color:#334155;font-size:14px;font-weight:750}.publish-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.publish-advanced-grid div{background:#fff;border:1px solid #e3e9f2;border-radius:10px;padding:12px}.publish-advanced-grid strong{color:#172033}.publish-advanced-grid p{margin:5px 0 0;line-height:1.4}.output-group{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:16px;box-shadow:0 12px 30px #1622330d}.output-group h2{color:#172033;margin:0 0 12px;font-size:18px}.output-list{gap:10px;display:grid}.output-row{background:#fbfdff;border:1px solid #e3e9f2;border-radius:8px;justify-content:space-between;gap:16px;padding:14px;display:flex}.output-row.is-enabled{background:#f8fbff;border-color:#b8cdfd}.output-row h3{margin:0 0 4px;font-size:15px}.output-row p,.output-row small{color:#52637a;margin:0 0 4px;line-height:1.4;display:block}.output-actions{align-content:start;gap:8px;min-width:180px;display:grid}.guide-export-options{background:#fbfdff;border:1px solid #dbe3ef;border-radius:8px;gap:8px;padding:14px;display:grid}.guide-export-options.compact{padding:10px}.guide-export-options strong{font-size:14px}.guide-export-options label{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.guide-export-options input{width:16px;height:16px}.release-version-field{color:#52637a;gap:4px;font-size:12px;font-weight:700;display:grid}.release-version-field input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #c9d4e4;border-radius:8px;padding:8px 10px}.video-progress{background:#dbe5f4;border-radius:999px;width:min(360px,100%);height:8px;margin-top:8px;overflow:hidden}.video-progress span{border-radius:inherit;background:#2563eb;min-width:4px;height:100%;transition:width .18s;display:block}.output-status{color:#52637a;white-space:nowrap;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-self:flex-start;padding:5px 8px;font-size:12px;font-weight:750}.output-status.enabled{color:#247a45;background:#ecfdf3;border-color:#abefc6}.error-copy{color:#b42318!important}.service-health-warning{color:#92400e;background:#fffbeb;border:1px solid #fedf89;border-radius:10px;padding:12px 14px}.recording-cleanup-summary{flex-wrap:wrap;gap:8px;display:flex}.recording-cleanup-summary span,.video-pipeline-list span{color:#52637a;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:7px 10px;font-size:12px}.recording-cleanup-suggestions{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:12px 14px}.recording-cleanup-suggestions p{color:#334155;flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.recording-cleanup-suggestions span{color:#52637a;background:#eef3fb;border-radius:999px;padding:3px 7px;font-size:12px;font-style:normal}.recording-cleanup-suggestions em{color:#52637a;font-style:normal}.video-pipeline-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.video-pipeline-list span.complete{color:#247a45;background:#ecfdf3;border-color:#abefc6}.video-pipeline-list span.working{color:#2457d6;background:#eff4ff;border-color:#b8cdfd}.video-pipeline-list span.failed{color:#b42318;background:#fff1f3;border-color:#fda29b}.tester-checklist{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:18px}.tester-checklist h2{margin:0 0 8px;font-size:18px}.tester-checklist ol{color:#52637a;margin:0;padding-left:20px;line-height:1.55}.recording-warning-list{background:#fffbeb;border:1px solid #fedf89;border-radius:10px;max-width:1180px;margin:0 auto 16px;padding:12px 14px}.recording-warning-list p{color:#92400e;margin:4px 0}.recording-step-list{gap:16px;max-width:1180px;margin:0 auto;display:grid}.recording-step-meta,.recording-detail-grid{color:#52637a;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.recording-step-meta span{background:#eef3fb;border-radius:999px;padding:4px 8px}.recording-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.recording-screens figure{margin:0}.recording-screens img{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;width:100%}.recording-screens figcaption{color:#52637a;margin-top:4px;font-size:12px}button.danger{color:#b42318;border-color:#fda29b}.trial-environment-label{color:#2457d6;letter-spacing:.02em;white-space:nowrap;background:#eff4ff;border:1px solid #c7d7fe;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.trial-reset-button{color:#52637a;background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700}.trial-reset-button:hover,.trial-reset-button:focus-visible{color:#2457d6;border-color:#b8cdfd}.trial-publish-note{color:#52637a;max-width:680px}.trial-project-card{grid-column:span 2}@media (width<=980px){.project-option-grid,.recording-screens,.export-publish-grid{grid-template-columns:1fr}.project-start-header,.recording-review-header,.export-publish-header,.output-row,.publish-card-content{display:grid}.publish-secondary-grid{grid-template-columns:1fr}.publish-card-actions{justify-content:stretch;min-width:0}.publish-advanced-grid{grid-template-columns:1fr}}