/* Shared studio treatment for the hosted and browser-local workbench. */
:root{--canvas:#f7f9fa;--surface:#fff;--ink:#192730;--muted:#596a75;--primary:#2458c6;--border:#dce4e8;--blue-soft:#edf3fc;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
.sidebar{background:#f1f5f7;width:224px;padding:29px 18px 20px}.workspace{margin-left:224px}.brand{font-weight:740;letter-spacing:-.8px}.mark{border-radius:10px}.nav-label{font-size:12px;color:#71818c;margin-top:34px}.sidebar nav{gap:5px}.nav{border-radius:8px;color:#5e707c;font-size:13px;padding:11px 12px;min-height:44px}.nav.active{color:#263e50;background:#fff;box-shadow:0 1px 3px #30465908;font-weight:650;outline:1px solid #e0e7ec}.nav.active span{color:var(--primary)}.nav span{font-size:18px}.aside-bottom{padding-left:9px;padding-right:9px}.aside-bottom>a{color:#5a7080;font-size:12px;line-height:1.5}.topbar{min-height:68px;padding:18px 36px;background:#ffffffb3}.topbar b{font-weight:550}.save-status{border:1px solid #dce5ea;border-radius:6px;padding:4px 8px;background:white;color:#526975;font-size:11px}.save-status::before{background:#82969f}main{max-width:1400px;padding:30px 36px 36px}.heading{margin-bottom:28px}.heading h1{font-size:clamp(27px,2.6vw,36px);font-weight:650;letter-spacing:-1.1px;line-height:1.15}.lead{font-size:15px;line-height:1.65;max-width:62ch}h2{font-size:18px;letter-spacing:-.35px}button{font-size:13px;border-radius:8px;min-height:43px}button.primary{background:#1f3442;border-color:#1f3442;color:#fff}button.primary:hover{background:#344f60;border-color:#344f60}.text-button,.quiet{color:var(--primary)}.surface{border-radius:12px;border-color:#dce4ea;padding:25px;box-shadow:0 2px 6px #304b6303}.record{border-radius:9px;border-color:#dce5eb;padding:19px}.record-title{font-weight:600}.record p{font-size:13px;line-height:1.7}.role-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.evidence-map{padding-top:2px}.evidence-map>.muted{font-size:13px;max-width:57ch}.pill{background:#eaf0f4;border-radius:5px;font-weight:500;font-size:11px}.pill.linked,.pill.current{background:#edf4fc}.empty{background:#f3f7fa;border-color:#c5d5df;line-height:1.7;padding:23px}.empty b{font-weight:600}label{font-size:13px;color:#334c5e}input,textarea,select{font-size:14px;border-color:#bac9d3;border-radius:7px;background:#fefefe;padding:11px 12px}input::placeholder,textarea::placeholder{color:#7b8c97;font-size:13px}input:hover,textarea:hover,select:hover{border-color:#8ca4b4}input:focus,textarea:focus,select:focus{border-color:#497cb9}input[type=checkbox]{accent-color:#2458c6}.fine{font-size:12px;color:#657986}.panel-head{margin-bottom:17px}.note{background:#edf3f7;color:#566f80;border-radius:8px;padding:17px 19px}.note b{color:#2d4b5e}.exercise-list{border-radius:12px}.exercise-row{padding:22px 25px}.exercise-icon{background:#edf3fc;border:1px solid #e2eaf6;border-radius:9px}.exercise-row h3{font-size:16px}.exercise-row p{font-size:13px}.exercise-row small{font-size:11px}.connection{border-left-color:#96b5d0;background:#f1f6fa;border-radius:0 6px 6px}pre{background:#f4f7f9;border-color:#e1e8ed;border-radius:8px;font-size:12px;color:#3b5568}.review-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.preview-panel .fine{margin-top:-1px}.spaced{margin-top:29px}.toast{background:#213d50}.workspace-tools{border-top-color:#dae4eb}.sync-banner{border-radius:10px}.records-layout{gap:26px}.section-heading{margin-top:31px}.section-heading span{font-size:12px}footer{color:#71828d;font-size:11px}.heading>.pill{padding:5px 9px}

/* The sequence remains navigation, not an implied score or credential. */
#journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--border);border-radius:11px;margin:0 0 30px;overflow:hidden}
#journey .journey-step{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;border:0;border-right:1px solid #e4ebef;border-radius:0;padding:15px 17px;min-height:75px;color:#5c7282;background:white;font-size:12px;line-height:1.45;font-weight:500}
#journey .journey-step:last-child{border-right:0}#journey .journey-step:hover{background:#f2f6f9}#journey .journey-step.active,#journey .journey-step[aria-current="step"],#journey .journey-step[aria-current="page"]{background:#edf3fa;color:#244862;box-shadow:inset 0 -3px 0 #2458c6}#journey .journey-step>span:first-child,#journey .journey-step>strong,#journey .journey-step>b{color:#304d63;font-size:13px;font-weight:650}#journey .journey-step small{font-size:11px;font-weight:400;color:#6c818f}#journey .journey-step:focus-visible{z-index:1;outline-offset:-4px}

/* The handoff area prioritizes file selection and an explicit export review. */
#handoff-panel{position:relative;min-width:0;border:1px solid #cedde7;border-radius:12px;background:white;padding:25px;margin-bottom:25px;box-shadow:0 2px 6px #304b6304}#handoff-panel>h2{font-size:21px;letter-spacing:-.6px;margin-bottom:9px}#handoff-panel>p{font-size:13px;max-width:77ch}#handoff-panel .handoff-layout,#handoff-panel .handoff-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}#handoff-panel input[type=file]{min-height:48px;padding:8px;background:#f4f8fa;border-color:#c8d8e3;font-size:12px;line-height:1.6}#handoff-panel input[type=file]::file-selector-button{font:inherit;font-weight:600;background:white;color:#375468;border:1px solid #c6d5df;border-radius:5px;padding:6px 10px;margin:0 12px 0 0;cursor:pointer}#handoff-panel .check{font-size:12px;align-items:flex-start;line-height:1.6;max-width:84ch;color:#475f70}#handoff-panel .check input{margin-top:2px}#handoff-panel .handoff-files,#handoff-files,#attachment-list,#pack-files{margin:17px 0;list-style:none;padding:0;min-width:0}#handoff-panel .handoff-file,#handoff-panel .file-row,#handoff-panel li{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid #e0e8ed;border-radius:7px;padding:10px 12px;background:#f8fafb;font-size:12px;margin-bottom:7px;overflow-wrap:anywhere}#handoff-panel li>span,#handoff-panel .file-name{min-width:0;overflow-wrap:anywhere}#handoff-panel li button,#handoff-panel .file-row button{min-height:34px;font-size:11px;padding:5px 9px}#handoff-panel .readiness,#handoff-readiness,#export-readiness,#pack-readiness{padding:16px 18px;background:#f0f5f8;border:1px solid #dfE8ed;border-radius:8px;margin:18px 0;font-size:13px;color:#3a586c;line-height:1.7}#handoff-panel .readiness ul,#handoff-readiness ul,#export-readiness ul,#pack-readiness ul{padding:0;list-style:none;margin:8px 0 0}#handoff-panel .readiness li,#handoff-readiness li,#export-readiness li,#pack-readiness li{display:block;border:0;background:none;padding:3px 0;margin:0;border-radius:0;font-size:12px;line-height:1.65}#handoff-panel .actions{align-items:center;gap:10px}#handoff-panel .actions p{font-size:12px;color:#687e8c;margin:0}#handoff-panel .primary{min-height:45px}#handoff-panel [role=alert]{font-size:13px;color:#9a343d;white-space:pre-wrap}#handoff-panel [role=status]{font-size:12px;line-height:1.65}#handoff-panel .warning{background:#fff7e8;border:1px solid #eadcc0;border-radius:7px;padding:13px;color:#735822;font-size:12px}.on-device-note,.journey-note{font-size:12px;color:#637b8b;line-height:1.7;background:#edf3f7;border:1px solid #dfe9ef;border-radius:8px;padding:13px 16px;margin:0 0 20px}

#journey .journey-step{flex-direction:row;gap:10px;align-items:flex-start}#journey .journey-step .step-number{display:grid;place-items:center;flex-shrink:0;min-width:22px;height:22px;border:1px solid #ccd9e2;border-radius:50%;font-size:10px;color:#69818f;margin-top:1px;background:#f6f9fa;font-weight:600}#journey .journey-step>span:last-child{display:block;font-weight:600;line-height:1.55;min-width:0}#journey .journey-step small{display:block;margin-top:3px}#journey .journey-step.current{background:#edf3fa;color:#244862;box-shadow:inset 0 -3px 0 #2458c6}#journey .journey-step.current .step-number{background:#2458c6;border-color:#2458c6;color:#fff}#journey .journey-step.complete .step-number{border-color:#abc2d3;background:#e6eff6;color:#335976}#journey .journey-step.complete.current .step-number{background:#2458c6;border-color:#2458c6;color:#fff}#handoff-panel .handoff-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}#handoff-panel .handoff-grid h3{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:19px 0 9px}#handoff-panel .handoff-grid>div:first-child h3:first-child{margin-top:0}#handoff-panel .handoff-readiness{padding:18px 20px;background:#f0f5f8;border:1px solid #dfe8ed;border-radius:8px;margin:0 0 18px;font-size:13px;color:#3a586c;line-height:1.7}#handoff-panel .handoff-readiness h3:first-child{margin-top:0}#handoff-panel .handoff-readiness li{display:block;border:0;background:none;padding:3px 0;margin:0;border-radius:0;font-size:12px;line-height:1.65}#handoff-panel .handoff-readiness ul{padding:0;list-style:none;margin:8px 0 0}#handoff-panel .attachment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid #e0e8ed;border-radius:7px;padding:10px 12px;background:#f8fafb;font-size:12px;margin-bottom:7px;overflow-wrap:anywhere}#handoff-panel .attachment-row button{min-height:34px;font-size:11px;padding:5px 9px}#handoff-panel .attachment-row>span{min-width:0;overflow-wrap:anywhere}#handoff-panel .handoff-actions .primary{width:100%}#handoff-panel .handoff-selection .check{margin-top:9px}#handoff-panel .handoff-actions .check{margin-top:13px}#handoff-panel .handoff-actions>p{font-size:12px;color:#6a808e}
@media(max-width:1100px){.sidebar{width:194px;padding:25px 12px}.workspace{margin-left:194px}.topbar{padding:17px 25px}main{padding:25px}.surface,#handoff-panel{padding:21px}.role-layout,.records-layout{gap:22px}.review-layout{gap:22px}.heading h1{font-size:30px}#journey .journey-step{padding:13px;font-size:11px;min-height:74px}#journey .journey-step>span:first-child,#journey .journey-step>strong,#journey .journey-step>b{font-size:12px}.toast{left:calc(50% + 97px)}#handoff-panel .handoff-grid{gap:21px}}
@media(max-width:900px){.role-layout,.review-layout{grid-template-columns:1fr}#handoff-panel .handoff-layout,#handoff-panel .handoff-columns,#handoff-panel .handoff-grid{grid-template-columns:1fr;gap:16px}#journey{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}#journey .journey-step{min-height:68px;border-bottom:1px solid #e4ebef}#journey .journey-step:nth-child(even){border-right:0}#journey .journey-step:nth-child(n+3){border-bottom:0}.heading h1{font-size:30px}}
@media(max-width:640px){.sidebar{position:static;width:auto;padding:17px 18px 0}.workspace{margin-left:0}.sidebar nav{gap:5px;padding-top:15px;margin-right:-18px}.nav{padding:9px 11px;min-height:42px}.aside-bottom{padding:0 0 13px;gap:10px 15px}.aside-bottom>a{font-size:11px}.topbar{padding:12px 18px;min-height:56px;align-items:flex-start;gap:10px}.save-status{font-size:10px;max-width:175px;padding:3px 6px;text-align:right}.topbar>span:first-child{padding-top:4px}.separator{margin:0 5px}main{padding:23px 18px 27px}.heading{margin-bottom:23px}.heading h1{font-size:29px;letter-spacing:-.9px}.lead{font-size:14px}.surface,#handoff-panel{padding:19px}.surface{border-radius:10px}.record{padding:17px}.role-layout{gap:20px}.heading>.pill{display:none}#journey{border-radius:9px;margin-bottom:25px}#journey .journey-step{padding:11px 12px;min-height:66px}#journey .journey-step small{font-size:10px}#handoff-panel{margin-bottom:20px}#handoff-panel>h2{font-size:20px}#handoff-panel li{gap:8px}#handoff-panel .actions>.primary{width:100%}.exercise-row{padding:21px 19px}.toast{left:18px;right:18px;transform:none}.field-pair{gap:0}.preview-panel pre{max-height:500px}.on-device-note,.journey-note{font-size:11px}footer{padding:17px 18px 26px}.aside-bottom p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.attachment-row>span{min-width:0;overflow-wrap:anywhere}.attachment-row small{display:block;margin-top:5px}.workspace-detail{margin-top:24px}.workspace-detail>summary{padding:16px 0}.workspace-detail[open]>.review-layout{margin-top:20px}

.rollout-lab{margin-bottom:28px}.lab-eyebrow{font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em;color:#637b8b}.rollout-lab h2{font-size:26px;margin:9px 0 0}.rollout-lab h3{font-size:16px;line-height:1.5;margin:23px 0 12px}.rollout-lab .panel-head{align-items:flex-start}.lab-workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:28px}.lab-inputs{padding-right:25px;border-right:1px solid var(--border)}.lab-inputs h3:first-child,.lab-results h3:first-child{margin-top:0}.lab-fields,.lab-result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lab-fields>div,.lab-result-columns>section{min-width:0}.lab-check{border-top:1px solid var(--border);padding:13px 0}.lab-check b{font-size:12px}.lab-check p{line-height:1.55}.lab-check pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:12px;max-height:none}.lab-result{font-size:12px;line-height:1.6;border-radius:6px;padding:9px 11px}.lab-pass{background:#eaf5ee;color:#226644}.lab-fail{background:#fff3e4;color:#855718}.lab-save-area{margin-top:24px;padding-top:2px;border-top:1px solid var(--border)}.lab-save-area>textarea{max-width:800px}.lab-save-area>select{max-width:800px}.rollout-lab .actions{flex-wrap:wrap;margin-top:18px}.rollout-lab button[disabled]{opacity:.5;cursor:not-allowed}.rollout-lab code{overflow-wrap:anywhere}#lab-status{font-size:13px;line-height:1.7;max-width:85ch;min-height:1.7em}
@media(max-width:1150px){.lab-workspace{grid-template-columns:1fr}.lab-inputs{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--border)}.lab-inputs>input,.lab-inputs>select,.lab-fields{max-width:700px}}
@media(max-width:640px){.rollout-lab h2{font-size:23px}.rollout-lab .panel-head>.pill{display:none}.lab-result-columns{grid-template-columns:1fr}.lab-fields{gap:12px}.lab-save-area .actions>button{width:100%}.lab-check pre{font-size:12px}}