/* Benchmark workspace: dominant viewport, integrated telemetry, contextual rail. */
:root{--bench-rail:384px;--bench-appbar:52px;--bench-border:rgba(12,46,38,.13);--bench-deep:#08271f;--bench-surface:#f5f8f6;--bench-muted:#5b6f68;--bench-focus:#70d7b6}
body.studio-app{min-width:320px;overflow:hidden;background:#dfe9e4}
.studio-app .studio-ribbon{min-height:var(--bench-appbar);padding:8px 16px;border-bottom-color:rgba(255,255,255,.1);background:radial-gradient(circle at 15% -80%,rgba(112,215,182,.23),transparent 42%),linear-gradient(100deg,#071f19,#0b3027 72%,#0a251e);box-shadow:0 8px 30px rgba(4,25,19,.18)}
.studio-app .studio-ribbon>a{display:inline-flex;align-items:center;gap:6px}.studio-app .studio-ribbon strong{color:#a9efd7;letter-spacing:.02em}.studio-app .studio-ribbon nav a{min-height:34px;display:inline-flex;align-items:center;border-radius:9px}
.studio-app .app-shell{min-height:0;height:calc(100vh - var(--bench-appbar));display:grid;grid-template-columns:minmax(0,1fr) var(--bench-rail);grid-template-rows:minmax(0,1fr);background:radial-gradient(circle at 18% 0,rgba(69,183,147,.08),transparent 32%),var(--bench-surface)}
.studio-app .workspace>*{flex-shrink:0}
.studio-app .workspace{grid-column:1;grid-row:1;min-width:0;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;padding:12px 14px 24px;scrollbar-color:rgba(19,91,74,.35) transparent}
.studio-app .sidebar{grid-column:2;grid-row:1;position:relative;top:auto;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:10px;border:0;border-left:1px solid var(--bench-border);background:radial-gradient(circle at 50% 0,rgba(77,187,151,.11),transparent 26%),linear-gradient(180deg,#edf4f0,#e5eee9);box-shadow:-16px 0 40px rgba(8,38,30,.07)}
.studio-app .sidebar .brand{display:none}
.studio-rail-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--bench-border);border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(8,38,30,.05)}
.studio-rail-tab{min-width:0;min-height:38px;padding:0 8px;border:0;border-radius:9px;color:var(--bench-muted);background:transparent;font-size:12px;font-weight:850}.studio-rail-tab[aria-selected=true]{color:#fff;background:var(--sector-surface);box-shadow:0 8px 18px rgba(8,38,30,.16)}
.studio-rail-tab:focus-visible,.studio-app button:focus-visible,.studio-app input:focus-visible,.studio-app textarea:focus-visible,.studio-app select:focus-visible,.studio-app summary:focus-visible{outline:3px solid var(--bench-focus);outline-offset:2px}
.studio-app .sidebar>[data-rail-panel]{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-color:rgba(19,91,74,.35) transparent}.studio-app .sidebar>[data-rail-panel][hidden]{display:none!important}
.studio-app .sidebar .panel{margin:0;border-color:var(--bench-border);border-radius:14px;padding:14px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(8,38,30,.07)}.studio-app .sidebar .panel.compact{flex:0 0 auto;padding:10px 12px;box-shadow:none}.studio-app .sidebar .panel.compact h2{margin-bottom:4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.studio-app .sidebar .panel.compact p{display:-webkit-box;margin:0;overflow:hidden;color:var(--bench-muted);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.studio-app .phase12-copilot{display:grid;grid-template-rows:auto minmax(92px,1fr) auto auto auto;align-content:stretch;background:radial-gradient(circle at 100% 0,rgba(112,215,182,.16),transparent 34%),rgba(255,255,255,.96)!important}
.studio-app .phase12-copilot .panel-heading h2:after{content:"Ctrl K";display:inline-flex;margin-left:8px;padding:3px 6px;border:1px solid var(--bench-border);border-radius:5px;color:var(--bench-muted);background:rgba(255,255,255,.7);font-size:9px;font-weight:800;vertical-align:2px}
.studio-app .ops-chat-log{min-height:92px;max-height:none;overflow:auto;padding:2px 3px 2px 0}.studio-app .ops-chat-message{border-radius:11px;padding:10px 11px}
.studio-app .phase12-suggestions{display:grid;grid-template-columns:1fr;gap:6px;overflow:visible;padding:6px 0 8px}.studio-app .phase12-suggestions button{width:100%;max-width:none;min-height:34px;padding:7px 10px;border-radius:9px;white-space:normal}
.studio-app .ops-chat-form{position:sticky;z-index:3;bottom:0;grid-template-columns:minmax(0,1fr) auto;padding-top:8px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%)}.studio-app .ops-chat-form input{width:100%;min-height:44px;border:1px solid var(--bench-border);border-radius:10px;padding:0 11px;background:#fff}
.studio-app .phase12-change-preview{max-height:min(44vh,420px);overflow:auto;border-radius:12px}.studio-app .phase12-preview-actions{position:sticky;bottom:-12px;padding:8px 0 2px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%)}.studio-app .phase12-preview-actions button{flex:1 1 120px}
.studio-app .builder-panel textarea{min-height:128px}.studio-app .builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-app .builder-actions button{min-width:0;margin:0}.studio-app .fine-control-panel .advanced-controls[open]{display:grid;gap:8px}.studio-app .fine-control-panel label{margin-top:7px}
.studio-app .topbar{min-height:54px;margin:0 0 8px;padding:9px 12px;border-radius:12px;box-shadow:none}.studio-app .topbar h1{margin-bottom:2px;font-size:clamp(20px,2vw,27px)}.studio-app .topbar p{font-size:12px}
.studio-app .phase12-stage-nav{gap:5px;margin:0 0 8px;padding:4px;border-radius:12px;box-shadow:none}.studio-app .phase12-stage{min-height:38px;border-radius:9px;font-size:12px}.studio-app .phase12-stage b{width:21px;height:21px;font-size:10px}
.studio-app .workspace-tabs{position:sticky;z-index:42;top:-12px;gap:5px;margin:0 0 8px;padding:5px 0;overflow:visible;background:rgba(245,248,246,.93);backdrop-filter:blur(14px)}.studio-app .workspace-tab{min-height:34px;border-radius:8px;padding:0 11px;background:rgba(255,255,255,.82);font-size:11px}.studio-app .workspace-tabs:after{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-app .main-simulation-card{display:block;margin-bottom:9px;padding:10px;border-radius:16px;box-shadow:0 24px 56px rgba(5,30,23,.2)}.studio-app .main-simulation-card .canvas-header{position:relative;z-index:3;gap:10px;margin:-10px -10px 8px;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.09)}.studio-app .main-simulation-card .canvas-header>div:first-child{min-width:190px}.studio-app .main-simulation-card .canvas-header h2{margin-bottom:2px;font-size:17px}.studio-app .main-simulation-card .canvas-header p{margin:0;font-size:11px}
.studio-app .main-simulation-card .controls{gap:5px;flex-wrap:wrap;align-items:center}.studio-app .main-simulation-card .controls button,.studio-app .main-simulation-card .controls select,.studio-app .phase12-display-settings>summary{min-height:34px;font-size:11px}.studio-app .main-simulation-card .control-group{min-height:34px;border-radius:9px}.studio-app .main-simulation-card .control-group .compact-button{min-width:45px;padding:0 8px}.studio-app .main-simulation-card .camera-bookmark-bar .compact-button{min-width:68px}
.studio-app .main-simulation-card .kpi-grid{display:grid;grid-template-columns:repeat(8,minmax(76px,1fr));gap:6px;margin:0 0 8px}.studio-app .main-simulation-card .kpi-card{min-width:0;padding:7px 8px;border-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;background:rgba(255,255,255,.065);box-shadow:none}.studio-app .main-simulation-card .kpi-card:hover{transform:none;border-top-color:rgba(112,215,182,.54)}
.studio-app .main-simulation-card .kpi-card span,.studio-app .main-simulation-card .kpi-card em{overflow:hidden;color:rgba(255,255,255,.78);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.studio-app .main-simulation-card .kpi-card strong{margin-top:3px;overflow:hidden;color:#fff;font-size:16px;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.studio-app .main-simulation-card .kpi-card[data-tone=good] strong,.studio-app .main-simulation-card .kpi-card[data-tone=good] em{color:#9ce7cc}.studio-app .main-simulation-card .kpi-card[data-tone=watch] strong,.studio-app .main-simulation-card .kpi-card[data-tone=watch] em{color:#ffd58c}.studio-app .main-simulation-card .kpi-card[data-tone=risk] strong,.studio-app .main-simulation-card .kpi-card[data-tone=risk] em{color:#ffb3a9}
.studio-app .main-simulation-card .planning-view-shell,.studio-app .main-simulation-card #simCanvas,.studio-app .main-simulation-card .three-planning-view,.studio-app .main-simulation-card .three-planning-view canvas{min-height:clamp(430px,calc(100vh - 330px),760px);height:clamp(430px,calc(100vh - 330px),760px);max-height:none}.studio-app .main-simulation-card .planning-view-shell{border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.studio-app .production-story-overlay{top:14px;left:14px;width:min(410px,calc(100% - 96px));border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--sector-accent);border-radius:12px;padding:12px 13px;background:rgba(6,31,24,.87);box-shadow:0 14px 34px rgba(3,20,15,.22);backdrop-filter:blur(10px)}.studio-app .production-story-overlay strong{color:#fff;font-size:12px}.studio-app .production-story-overlay span{color:#89dfc1}.studio-app .production-story-overlay small{color:rgba(255,255,255,.62)}
.studio-app .three-planning-legend{bottom:14px;left:14px;border-left-width:4px;border-radius:11px;background:rgba(5,28,22,.86);backdrop-filter:blur(10px)}.studio-app .planning-layer-bar{min-height:38px;padding:5px 7px}
.studio-app .mission-action-panel{position:relative;bottom:auto;grid-template-columns:minmax(220px,1fr) auto;gap:9px;bottom:8px;margin-bottom:8px;border-radius:14px;padding:10px}.studio-app .mission-action-copy strong{font-size:14px}.studio-app .advisor-action-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-app .advisor-action-card{min-height:58px;padding:8px 9px;border-radius:10px}
.studio-app .demo-journey-panel{padding:12px;border-radius:14px}.studio-app .demo-journey-strip{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.studio-app .demo-journey-card{min-height:116px;border-radius:11px}.studio-app .phase12-compare-drawer{width:min(620px,96vw);border-radius:18px 0 0 18px}
@media(max-width:1240px){:root{--bench-rail:344px}.studio-app .main-simulation-card .canvas-header>div:first-child,.studio-app .main-simulation-card .controls{flex:0 0 auto;width:100%}.studio-app .main-simulation-card .canvas-header{align-items:flex-start;flex-direction:column}.studio-app .main-simulation-card .controls{justify-content:flex-start}.studio-app .main-simulation-card .kpi-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}.studio-app .main-simulation-card .planning-view-shell,.studio-app .main-simulation-card #simCanvas,.studio-app .main-simulation-card .three-planning-view,.studio-app .main-simulation-card .three-planning-view canvas{min-height:440px;height:clamp(440px,calc(100vh - 390px),680px)}}
@media(max-width:960px){body.studio-app{overflow:auto}.studio-app .app-shell{height:auto;min-height:calc(100vh - var(--bench-appbar));display:flex;flex-direction:column}.studio-app .workspace{order:1;height:auto;overflow:visible;padding:10px}.studio-app .sidebar{order:2;height:auto;min-height:540px;overflow:visible;border-top:1px solid var(--bench-border);border-left:0;box-shadow:none}.studio-app .sidebar>[data-rail-panel]{min-height:440px;overflow:visible}.studio-app .workspace-tabs{top:0}.studio-app .main-simulation-card .planning-view-shell,.studio-app .main-simulation-card #simCanvas,.studio-app .main-simulation-card .three-planning-view,.studio-app .main-simulation-card .three-planning-view canvas{min-height:500px;height:62vh}}
@media(max-width:700px){:root{--bench-appbar:48px}.studio-app .studio-ribbon{min-height:var(--bench-appbar);padding:7px 10px}.studio-app .studio-ribbon nav a:last-child{min-height:32px;padding:0 8px;font-size:10px}.studio-app .workspace{padding:8px}.studio-app .topbar{align-items:center;flex-direction:row}.studio-app .topbar p,.studio-app .workspace-tabs:after{display:none}.studio-app .phase12-stage-nav{grid-template-columns:repeat(4,minmax(58px,1fr));overflow:visible}.studio-app .phase12-stage{gap:4px;font-size:10px}.studio-app .workspace-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.studio-app .workspace-tab{min-width:0;padding:0 3px;overflow:hidden;font-size:9px;text-overflow:ellipsis}.studio-app .main-simulation-card .canvas-header p{display:none}.studio-app .main-simulation-card .controls{display:grid;grid-template-columns:auto 1fr auto auto;width:100%}.studio-app #threeCameraModeGroup,.studio-app #cameraBookmarkBar{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.studio-app #cameraBookmarkBar{display:none!important}.studio-app #phase12ResetView{display:none}.studio-app .main-simulation-card .control-group .compact-button,.studio-app .main-simulation-card .camera-bookmark-bar .compact-button{min-width:0;padding:0 6px}.studio-app .main-simulation-card .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-app .main-simulation-card .kpi-card:nth-child(n+5){display:none}.studio-app .main-simulation-card .kpi-card em{display:none}.studio-app .main-simulation-card .kpi-card span{font-size:10px}.studio-app .main-simulation-card .kpi-card strong{font-size:14px}.studio-app .main-simulation-card .planning-view-shell,.studio-app .main-simulation-card #simCanvas,.studio-app .main-simulation-card .three-planning-view,.studio-app .main-simulation-card .three-planning-view canvas{min-height:390px;height:56vh}.studio-app .production-story-overlay{width:calc(100% - 76px);padding:9px 10px}.studio-app .mission-action-panel{position:static;grid-template-columns:1fr}.studio-app .mission-action-buttons{display:grid;grid-template-columns:1fr 1fr}.studio-app .advisor-action-grid,.studio-app .demo-journey-strip{grid-template-columns:1fr}.studio-app .sidebar{min-height:500px;padding:8px}.studio-app .sidebar>[data-rail-panel]{min-height:420px}.studio-app .builder-actions{grid-template-columns:1fr}.studio-app .phase12-difference{grid-template-columns:72px 1fr}}
@media(prefers-reduced-motion:reduce){.studio-app *,.studio-app *:before,.studio-app *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:700px){.studio-app .main-simulation-card .visual-quality-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible}.studio-app .main-simulation-card .visual-quality-group .compact-button{width:100%;min-width:0;flex:none}}
@media(max-width:700px){.studio-app .main-simulation-card #phase12DisplaySettings{grid-column:1/-1;width:100%}.studio-app .main-simulation-card #phase12DisplaySettings .visual-quality-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}
@media(max-width:700px){.studio-app .topbar>div:first-child{min-width:0}.studio-app .run-status{min-width:0;max-width:58%;padding:7px 10px;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.15}}

/* 2026-08-03 sector-aware mission and evidence UX */
.studio-app [hidden]{display:none!important}
.studio-rail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.studio-app .sector-eyebrow{display:block;margin-bottom:2px;color:var(--sector-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.studio-app .topbar{border-left:4px solid var(--sector-accent);background:linear-gradient(112deg,var(--sector-accent-soft),rgba(255,255,255,.94) 38%)}
.studio-app .main-simulation-card{background:radial-gradient(circle at 78% -20%,var(--sector-accent-soft),transparent 35%),linear-gradient(145deg,var(--sector-surface),#071d18 78%)}
.studio-app .scene-render-badge{color:#fff;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.studio-app .model-rail-panel{display:flex;flex-direction:column;gap:10px}.studio-app .model-rail-panel[hidden]{display:none!important}.studio-app #phase12ModelRailMount{min-height:0;overflow:auto}.studio-app .phase12-model-rail-tree{border:0;background:transparent;box-shadow:none}.studio-app .phase12-model-rail-tree>.panel-heading{display:none}.studio-app .phase12-model-rail-tree .phase12-tree-search{position:sticky;z-index:2;top:0;padding-top:2px;background:#fff}.studio-app .phase12-model-rail-tree .phase12-tree-list{max-height:none}
.studio-app .replay-timeline{display:grid;gap:5px;margin-top:7px;padding:7px 8px 3px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(0,0,0,.14)}
.studio-app .replay-timeline-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;color:rgba(255,255,255,.75);font-size:10px}.studio-app .replay-timeline-head span:nth-child(2){overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.studio-app .replay-timeline-head strong{color:#fff;font-size:12px}
.studio-app .replay-timeline-chart{--timeline-progress:0%;position:relative;display:grid;grid-template-columns:repeat(36,minmax(2px,1fr));align-items:end;gap:2px;height:28px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.12)}.studio-app .replay-timeline-chart:after{content:"";position:absolute;top:0;bottom:-5px;left:var(--timeline-progress);width:2px;border-radius:2px;background:var(--sector-accent);box-shadow:0 0 10px var(--sector-accent);transform:translateX(-1px)}.studio-app .replay-timeline-chart i{display:block;height:var(--activity);min-height:3px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--sector-accent),rgba(255,255,255,.17));opacity:.82}.studio-app .replay-timeline input{width:100%;margin:0;accent-color:var(--sector-accent)}
.studio-app .demo-journey-strip{display:block;overflow:visible}.studio-app .mission-switcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.studio-app .mission-switch{min-width:0;min-height:62px;padding:8px 9px;border:1px solid var(--bench-border);border-radius:10px;color:var(--bench-deep);background:#fff;text-align:left}.studio-app .mission-switch span{display:block;overflow:hidden;color:var(--bench-muted);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.studio-app .mission-switch strong{display:block;margin-top:4px;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis}.studio-app .mission-switch.is-active{border-color:var(--sector-accent);background:var(--sector-accent-soft);box-shadow:inset 0 0 0 1px var(--sector-accent)}
.studio-app .active-mission-brief{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(360px,1.6fr) auto;gap:16px;align-items:center;margin-top:8px;padding:12px 13px;border:1px solid var(--bench-border);border-left:4px solid var(--sector-accent);border-radius:12px;background:linear-gradient(110deg,#fff,var(--sector-accent-soft))}.studio-app .active-mission-brief>div>span{color:var(--sector-accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.studio-app .active-mission-brief h3{margin:3px 0 4px;font-size:18px}.studio-app .active-mission-brief p{margin:0;color:var(--bench-muted);font-size:11px;line-height:1.45}.studio-app .active-mission-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.studio-app .active-mission-brief dl>div:last-child{grid-column:1/-1}.studio-app .active-mission-brief dt{color:var(--bench-muted);font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.studio-app .active-mission-brief dd{margin:2px 0 0;color:var(--bench-deep);font-size:10px;font-weight:700}.studio-app .mission-launch{min-width:128px;white-space:nowrap}
body[data-template="mining-haulage"] .planning-view-shell{box-shadow:inset 0 0 60px rgba(227,145,79,.12)}
body[data-template="manufacturing-line"] .planning-view-shell{box-shadow:inset 0 0 60px rgba(77,178,199,.12)}
body[data-template="cold-chain-depot"] .planning-view-shell{box-shadow:inset 0 0 60px rgba(88,186,213,.14)}
body[data-template="yard-terminal"] .planning-view-shell{box-shadow:inset 0 0 60px rgba(231,163,76,.12)}
body[data-template="wastewater-treatment"] .planning-view-shell{box-shadow:inset 0 0 60px rgba(86,185,174,.13)}
@media(max-width:1240px){.studio-app .mission-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-app .active-mission-brief{grid-template-columns:1fr 1.5fr}.studio-app .active-mission-brief .mission-launch{grid-column:1/-1;width:100%}}
@media(max-width:700px){.studio-rail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-app .sector-eyebrow{font-size:9px}.studio-app .mission-switcher{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.studio-app .mission-switch{flex:0 0 160px;scroll-snap-align:start}.studio-app .active-mission-brief{grid-template-columns:1fr}.studio-app .active-mission-brief dl{grid-template-columns:1fr}.studio-app .active-mission-brief dl>div:last-child{grid-column:auto}.studio-app .replay-timeline-head{grid-template-columns:auto 1fr}.studio-app .replay-timeline-head span:last-child{display:none}.studio-app .replay-timeline-chart{grid-template-columns:repeat(18,minmax(2px,1fr))}.studio-app .replay-timeline-chart i:nth-child(even){display:none}}

/* Pre-video walkthrough hardening: keep validated-change controls visible and clickable. */
.studio-app .phase12-change-preview {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.studio-app .phase12-change-preview > *,
.studio-app .phase12-preview-heading > div,
.studio-app .phase12-differences,
.studio-app .phase12-difference,
.studio-app .phase12-confirmation,
.studio-app .phase12-preview-actions {
  min-width: 0;
  max-width: 100%;
}
.studio-app .phase12-difference strong,
.studio-app .phase12-difference small,
.studio-app .phase12-confirmation span {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.studio-app .phase12-confirmation input {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
}

/* Ensure validated diffs keep a usable review surface inside the scrollable copilot rail. */
.studio-app .phase12-change-preview {
  flex: 0 0 auto;
  height: min(44vh, 420px);
  min-height: 220px;
}