/* Landing bridge only. Every application-shell rule comes from real apps/studio CSS. */
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #080a0c; }
body.landing-studio-preview { color-scheme: dark; }
.landing-studio-preview #studio-root { width: 100%; height: 100%; min-width: 960px; }
.landing-studio-preview .studio-stale-banner,
.landing-studio-preview .start-screen,
.landing-studio-preview #screen-chip,
.landing-studio-preview #btn-shortcuts,
.landing-studio-preview #tools-chip,
.landing-studio-preview .studio-window-controls { display: none !important; }
.landing-studio-preview .stage { display: flex !important; }
.landing-studio-preview .studio-dock-left { width:var(--preview-left-width,232px) !important; flex-basis:var(--preview-left-width,232px) !important; }
.landing-studio-preview .studio-dock-right { width:var(--preview-right-width,300px) !important; flex-basis:var(--preview-right-width,300px) !important; }
.landing-studio-preview .studio-dock-bottom { height:var(--preview-bottom-height,210px) !important; flex-basis:var(--preview-bottom-height,210px) !important; }
.landing-studio-preview .stage-viewport {
  background: #070b0c;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
/* The canvas is the REAL device size (1920×1080 …) and the bridge writes the
   pan/zoom transform exactly like applyStageView() does; no size override. */
.landing-studio-preview .stage-canvas {
  box-shadow: 0 18px 64px rgba(0,0,0,.54), 0 0 0 1px rgba(185,202,196,.24);
}
.landing-studio-preview #stage-frame { pointer-events: auto; background: #080a0c; cursor: crosshair; }
.landing-studio-preview .running #stage-frame { cursor: default; }
.landing-studio-preview .stage-overlay { pointer-events: none; }
.landing-studio-preview .adorner-handle { touch-action: none; }
.landing-studio-preview .adorner-toolbar .adorner-tool { touch-action: none; }
.landing-studio-preview .adorner-tag,
.landing-studio-preview .adorner-hover-tag { font-family: 'Chivo Mono', ui-monospace, monospace; letter-spacing: .02em; }
.landing-studio-preview .doc-tabs-add.disabled { opacity: .42; cursor: not-allowed !important; }
.landing-studio-preview .source-tab .source-dirty-dot[hidden] { display: none; }
.preview-inspector { padding: 8px 10px 20px; font-size: 11px; }
.preview-inspector .pi-crumb { color: var(--text-1, #f4f2ec); font: 600 11px/1.4 'Chivo Mono', monospace; margin-bottom: 8px; }
.preview-inspector .pi-group { border: 1px solid rgba(131,148,143,.18); border-radius: 5px; margin-bottom: 8px; overflow: hidden; }
.preview-inspector .pi-head { display:flex; align-items:center; gap:6px; padding:7px 8px; color:#f4f2ec; background:rgba(244,242,236,.035); font-weight:650; }
.preview-inspector .pi-row { display:grid; grid-template-columns: 84px 1fr; gap:7px; align-items:center; padding:5px 8px; border-top:1px solid rgba(131,148,143,.12); color:#83948f; }
.preview-inspector .pi-value { min-width:0; padding:4px 6px; background:#080a0c; border:1px solid rgba(131,148,143,.19); border-radius:3px; color:#b9cac4; font:500 10px/1.2 'Chivo Mono',monospace; }
.preview-inspector .pi-token { color:#49c978; }
.pi-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:7px 10px; }
.pi-grid2 .pi-row { border-top:0; grid-template-columns:52px 1fr; padding:0; }
.pi-grid2 .pi-value:disabled { opacity:.45; }
.pi-anchor-row { display:flex; gap:10px; align-items:flex-start; padding:8px; }
.pi-anchor-grid { display:grid; grid-template-columns:repeat(3, 22px); grid-auto-rows:22px; gap:3px; flex:0 0 auto; }
.pi-anchor-grid button { appearance:none; border:1px solid rgba(131,148,143,.24); background:#080a0c; border-radius:3px; padding:0; cursor:pointer; position:relative; }
.pi-anchor-grid button i { position:absolute; width:4px; height:4px; border-radius:50%; background:rgba(185,202,196,.5); transform:translate(-50%,-50%); }
.pi-anchor-grid button[data-active="true"] { border-color:#49c978; box-shadow:inset 0 0 0 1px rgba(73,201,120,.4); }
.pi-anchor-grid button[data-active="true"] i { background:#49c978; box-shadow:0 0 6px rgba(73,201,120,.8); }
.pi-anchor-grid button:hover:not(:disabled):not([data-active="true"]) { border-color:rgba(244,242,236,.4); }
.pi-anchor-grid button:disabled { opacity:.35; cursor:default; }
.pi-anchor-note { margin:0; font:500 10px/1.55 'Chivo Mono', monospace; color:#83948f; max-width:150px; }
.preview-console { padding: 10px 12px; font: 500 11px/1.55 'Chivo Mono', monospace; color:#b9cac4; }
.preview-console b { color:#49c978; font-weight:600; }
.pi-state-chips { display:flex; flex-wrap:wrap; gap:5px; padding:8px; }
.pi-state-chips button,.pi-actions button {
  min-height:24px; padding:3px 7px; border:1px solid rgba(131,148,143,.24); border-radius:3px;
  background:#0b1011; color:#b9cac4; font:600 9px/1 'Chivo Mono',monospace; cursor:pointer;
}
.pi-state-chips button:hover,.pi-actions button:hover { border-color:rgba(244,242,236,.42); color:#f4f2ec; }
.pi-state-chips button[data-active="true"] { border-color:#49c978; color:#49c978; background:rgba(73,201,120,.08); }
.pi-actions { display:flex; flex-wrap:wrap; gap:5px; padding:8px; border-top:1px solid rgba(131,148,143,.12); }
.pi-actions button:first-child { border-color:rgba(73,201,120,.46); color:#49c978; }
.pi-empty-note { margin:0; padding:8px; color:#71817c; font:500 9px/1.5 'Chivo Mono',monospace; }
.pi-live { margin-left:auto; color:#49c978; font:700 8px/1 'Chivo Mono',monospace; letter-spacing:.08em; }
.preview-inspector .pi-range-row { grid-template-columns:64px 1fr 28px; }
.preview-inspector .pi-range-row input { min-width:0; accent-color:#49c978; }
.preview-inspector .pi-range-row output { color:#f4f2ec; font:600 10px/1 'Chivo Mono',monospace; text-align:right; }
/* Changes: the shell's .scm-* master/detail owns the layout; the landing
   bridge only sizes the host and its header inputs. */
.preview-scm { height:100%; font-size:10px; }
.preview-scm .scm-header strong { color:var(--text-0,#f4f2ec); font:650 10px/1.2 Manrope,sans-serif; }
.preview-scm .scm-header .source-find { flex:0 1 150px; }
.preview-scm .scm-refresh:disabled { opacity:.4; cursor:default !important; }
.preview-scm .scm-detail-head .scm-restore { margin-left:auto; }
.preview-scm .scm-inline-diff { font:10px/16px 'Chivo Mono',monospace; }
.preview-scm .scm-detail-note { margin:0; font:500 10px/1.5 'Chivo Mono',monospace; }
.preview-scm .scm-checkpoint-meta { font:500 9px/1.5 'Chivo Mono',monospace; }
.preview-scm .scm-checkpoint-files { font:500 9px/1.6 'Chivo Mono',monospace; }
.preview-bottom-panel[data-preview-bottom="scm"] { overflow:hidden; }
#source-panel { flex-direction: column; min-height: 0; padding: 0 !important; overflow: hidden !important; }
#source-panel .source-dock-header, #source-panel .source-status { flex: 0 0 auto; }
#source-panel .source-status-badge { letter-spacing: .08em; }
.preview-code-shell {
  --preview-editor-gutter:42px; --preview-editor-status:24px; --preview-editor-pad-y:10px;
  position:relative; min-height:0; flex:1 1 auto; overflow:hidden; background:#090d0e;
}
.preview-code-shell:focus-within { box-shadow:inset 0 0 0 1px rgba(73,201,120,.42); }
.preview-code-editor,
.preview-code-highlight {
  position:absolute; z-index:2; inset:0 0 var(--preview-editor-status) var(--preview-editor-gutter);
  width:auto; height:auto; margin:0; padding:var(--preview-editor-pad-y) 12px;
  overflow:auto; border:0; font:400 11px/1.55 'Chivo Mono',monospace;
  font-variant-ligatures:none; tab-size:2; white-space:pre; scrollbar-width:thin; scrollbar-color:#2c3335 transparent;
}
.preview-code-highlight { z-index:1; pointer-events:none; color:#c5d2cd; overflow:hidden; }
.preview-code-editor { resize:none; outline:0; background:transparent; color:transparent; -webkit-text-fill-color:transparent; caret-color:#49c978; }
.preview-code-editor::selection { background:rgba(73,201,120,.26); -webkit-text-fill-color:#f4f2ec; }
.preview-code-gutter {
  position:absolute; z-index:3; inset:0 auto var(--preview-editor-status) 0; width:var(--preview-editor-gutter);
  padding:var(--preview-editor-pad-y) 8px 0 0; overflow:hidden; border-right:1px solid rgba(131,148,143,.12);
  background:#080b0c; color:#52615d; text-align:right; user-select:none;
  font:400 11px/1.55 'Chivo Mono',monospace; font-variant-numeric:tabular-nums;
}
.preview-code-gutter span { display:block; }
.preview-code-gutter span.is-active { color:#b9cac4; }
.preview-code-active-line {
  position:absolute; z-index:0; left:var(--preview-editor-gutter); right:0; top:var(--preview-editor-pad-y);
  height:17.05px; background:rgba(131,148,143,.065); border-block:1px solid rgba(131,148,143,.035); pointer-events:none;
}
.preview-code-status {
  position:absolute; z-index:4; inset:auto 0 0 0; height:var(--preview-editor-status);
  display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:0 9px;
  border-top:1px solid rgba(131,148,143,.13); background:#0c1112;
  color:#71817c; font:500 8px/1 'Chivo Mono',monospace;
}
.preview-code-status [data-studio-code-position],.preview-code-status [data-studio-code-language] { color:#b9cac4; }
/* Token colours come from the shell (.source-highlight .tok-*, studio.css);
   only the geometry of the layered pre is landing-owned. */
.preview-code-highlight.source-highlight { min-height:0; width:auto; max-width:none; overflow:hidden; }
.preview-code-highlight mark.source-find-hit { padding:0; margin:0; border-radius:2px; color:inherit; background:rgba(244,242,236,.16); box-shadow:0 0 0 1px rgba(244,242,236,.18); }
.preview-code-highlight mark.source-find-hit > span { color:inherit; }
.preview-code-highlight mark.source-find-hit.current { background:rgba(73,201,120,.36); box-shadow:0 0 0 1px #49c978; }
#source-panel .source-find { font:500 10px/1 'Chivo Mono',monospace; }
#source-panel .source-find::-webkit-search-cancel-button { -webkit-appearance:none; }
#source-panel .source-find-count[data-match-count] { min-width:32px; }
#source-panel .source-dock-header .icon-btn:disabled { opacity:.4; }

.preview-palette { display:grid; gap:6px; padding:8px; }
.preview-palette button {
  min-height:46px; display:grid; grid-template-columns:28px 1fr; grid-template-rows:auto auto;
  align-items:center; column-gap:8px; padding:7px 9px; text-align:left;
  border:1px solid rgba(131,148,143,.16); border-radius:5px; background:#111719; color:#f4f2ec;
}
.preview-palette button:hover, .preview-asset-item:hover { border-color:rgba(73,201,120,.55); background:#151e20; }
.preview-palette .ms-icon { grid-row:1 / 3; color:#49c978; }
.preview-palette b, .preview-assets b { font:600 11px/1.2 Manrope,sans-serif; }
.preview-palette small, .preview-assets small { color:#83948f; font:500 9px/1.3 'Chivo Mono',monospace; }
.preview-assets { display:grid; gap:6px; padding:8px; }
.preview-asset-import { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:8px; min-height:46px; padding:7px 9px; border:1px solid rgba(73,201,120,.38); border-radius:5px; background:linear-gradient(135deg,rgba(73,201,120,.1),rgba(18,59,64,.18)); color:#f4f2ec; cursor:pointer; }
.preview-asset-import:hover { border-color:rgba(73,201,120,.72); background:linear-gradient(135deg,rgba(73,201,120,.16),rgba(18,59,64,.28)); }
.preview-asset-import input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.preview-asset-import .ms-icon { color:#49c978; font-size:20px; }
.preview-asset-import > span:last-child { display:grid; gap:3px; }
.preview-asset-dropzone { display:flex; align-items:center; justify-content:center; gap:6px; min-height:32px; border:1px dashed rgba(131,148,143,.32); border-radius:5px; color:#83948f; font:500 9px/1.3 'Chivo Mono',monospace; transition:border-color .15s,background .15s,color .15s; }
.preview-asset-dropzone .ms-icon { font-size:15px; }
.preview-asset-dropzone.is-active { border-color:#49c978; background:rgba(73,201,120,.1); color:#d2e6d9; }
.preview-asset-section { display:flex; align-items:center; justify-content:space-between; margin:5px 1px 0; color:#6f827c; font:650 8px/1 'Chivo Mono',monospace; letter-spacing:.09em; }
.preview-asset-section small { padding:2px 5px; border-radius:8px; background:#172023; color:#9fb8ae; }
.preview-asset-row { min-width:0; }
.preview-asset-item { position:relative; width:100%; display:flex; align-items:center; gap:9px; padding:7px; text-align:left; border:1px solid rgba(131,148,143,.16); border-radius:5px; background:#111719; color:#f4f2ec; }
.preview-asset-item > span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.preview-asset-item b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.preview-asset-item em { margin-left:auto; align-self:flex-start; padding:2px 4px; border:1px solid rgba(73,201,120,.28); border-radius:3px; color:#72d99a; font:650 7px/1 'Chivo Mono',monospace; font-style:normal; letter-spacing:.08em; }
.preview-asset-thumb { width:48px; height:34px; flex:0 0 auto; overflow:hidden; border-radius:3px; background:linear-gradient(135deg,#123b40,#0c0e10); }
.preview-asset-thumb img { display:block; width:100%; height:100%; object-fit:contain; }
.preview-assets-empty { margin:0; padding:7px 8px; border-left:2px solid rgba(73,201,120,.34); color:#83948f; font:500 8px/1.45 'Chivo Mono',monospace; }
.preview-palette button[draggable="true"],.preview-asset-item[draggable="true"] { cursor:grab; }
.preview-palette button[draggable="true"]:active,.preview-asset-item[draggable="true"]:active { cursor:grabbing; }
.preview-drag-help { grid-column:1 / -1; display:flex; align-items:center; gap:6px; margin:0 0 2px; color:#83948f; font:500 9px/1.35 'Chivo Mono',monospace; }
.preview-drag-help .ms-icon { color:#83948f; font-size:14px; }
.preview-drop-hint { position:absolute; inset:18px; z-index:15; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed rgba(73,201,120,.72); border-radius:6px; background:rgba(8,10,12,.7); color:#f4f2ec; pointer-events:none; }
.preview-drop-hint .ms-icon { color:#49c978; font-size:26px; }
.preview-drop-hint strong { font:650 12px/1.2 Manrope,sans-serif; }
.preview-drop-hint small { color:#9fb8ae; font:500 9px/1.3 'Chivo Mono',monospace; }
.preview-drop-hint[hidden] { display:none; }

#theme-mode { flex:1 1 auto; min-height:0; overflow:hidden; }
/* Theme mode uses the real theme-mode.css classes; only the bridge-specific
   bits below are added: a colour picker cell and readable table density. */
#theme-mode .theme-mode-main { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; }
#theme-mode .theme-token-color { width:30px; height:24px; padding:2px; border:1px solid rgba(65,71,85,.5); border-radius:4px; background:#111719; cursor:pointer; }
#theme-mode .theme-token-cell { display:flex; align-items:center; gap:8px; }
#theme-mode .theme-token-usage { max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#theme-mode .theme-impact { margin:0 10px 0 0; }
#theme-mode .theme-source-chip { margin-left:10px; color:var(--text-2); font:500 11px/1 'Chivo Mono',monospace; }
#theme-mode .studio-empty-state { margin:auto; max-width:520px; }

.agent-browser-preview { flex:1 1 0; min-height:0; }
.agent-browser-preview .agent-gov-ring { border-color:var(--danger); }
.agent-browser-preview .agent-connection-banner { display:flex; }
.agent-browser-preview .agent-messages { overflow:auto; }
.agent-browser-preview .agent-message.assistant > .agent-message-meta { display:flex; }
.agent-browser-preview .agent-message-text strong { color:var(--agent-paper, #f4f2ec); }
.agent-browser-preview button:disabled,
.agent-browser-preview textarea:disabled { cursor:not-allowed; opacity:.46; }
.agent-browser-preview .agent-composer { opacity:.82; }
.agent-browser-preview .agent-input:disabled { resize:none; }
[hidden] { display:none !important; }

/* Floating menus reuse the shell's .studio-menu; only the stacking context
   needs to clear the landing bridge's docks. */
.landing-studio-preview .studio-menu { z-index: 10000; }

#timeline-panel.preview-timeline { display:flex; flex-direction:column; min-height:0; padding:0; overflow:hidden; background:#080a0c; }
.preview-timeline .timeline-toolbar { display:flex; align-items:center; gap:5px; min-height:38px; padding:4px 8px; border-bottom:1px solid rgba(131,148,143,.18); }
.preview-timeline .timeline-divider { width:1px; height:18px; margin:0 3px; background:rgba(131,148,143,.2); }
.preview-timeline .timeline-value-editor { display:flex; align-items:center; gap:5px; margin-left:4px; color:#83948f; font:500 8px/1 'Chivo Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.preview-timeline .timeline-value-editor input { width:58px; height:24px; padding:3px 6px; border:1px solid rgba(131,148,143,.25); border-radius:3px; background:#111719; color:#f4f2ec; font:500 9px/1 'Chivo Mono',monospace; }
.preview-timeline .timeline-timecode { margin-left:auto; color:#b9cac4; font:600 9px/1 'Chivo Mono',monospace; font-variant-numeric:tabular-nums; }
.preview-timeline .timeline-grid { position:relative; display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden; }
.preview-timeline .timeline-ruler-row,.preview-timeline .timeline-lane { display:grid; grid-template-columns:var(--timeline-property-col) minmax(0,1fr); min-width:0; }
.preview-timeline .timeline-ruler-row { flex:0 0 31px; border-bottom:1px solid rgba(131,148,143,.2); }
.preview-timeline .timeline-property-col { min-width:0; padding:0 10px; border:0; border-right:1px solid rgba(131,148,143,.2); background:#0d1214; color:#83948f; text-align:left; }
.preview-timeline .timeline-ruler-row > .timeline-property-col { display:flex; align-items:center; justify-content:space-between; font:650 8px/1 'Chivo Mono',monospace; letter-spacing:.1em; }
.preview-timeline .timeline-ruler-row > .timeline-property-col small { color:#596863; font-size:7px; letter-spacing:.06em; }
.preview-timeline .timeline-ruler { position:relative; min-width:0; cursor:ew-resize; background:linear-gradient(90deg,rgba(131,148,143,.08) 1px,transparent 1px) 0 0/25% 100%; }
.preview-timeline .timeline-tick { position:absolute; top:8px; color:#687873; font:500 8px/1 'Chivo Mono',monospace; transform:translateX(-50%); }
.preview-timeline .timeline-tick-first { transform:none; }
.preview-timeline .timeline-tick-last { transform:translateX(-100%); }
.preview-timeline .timeline-lanes { min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#2c3335 transparent; }
.preview-timeline .timeline-lane { height:36px; border-bottom:1px solid rgba(131,148,143,.12); }
.preview-timeline .timeline-lane.selected { background:rgba(73,201,120,.045); }
.preview-timeline .timeline-lane .timeline-property-col { display:grid; align-content:center; gap:2px; cursor:pointer; }
.preview-timeline .timeline-lane.selected .timeline-property-col { box-shadow:inset 2px 0 #49c978; color:#f4f2ec; }
.preview-timeline .timeline-lane-name { overflow:hidden; color:inherit; font:600 9px/1.2 Manrope,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.preview-timeline .timeline-property-col small { overflow:hidden; color:#596863; font:500 7px/1.1 'Chivo Mono',monospace; text-overflow:ellipsis; white-space:nowrap; }
.preview-timeline .timeline-track { position:relative; min-width:0; cursor:ew-resize; background:linear-gradient(90deg,rgba(131,148,143,.055) 1px,transparent 1px) 0 0/25% 100%; }
.preview-timeline .timeline-bar { position:absolute; top:50%; right:0; left:0; height:1px; background:rgba(131,148,143,.24); }
.preview-timeline .timeline-keyframe { position:absolute; z-index:4; top:50%; width:10px; height:10px; padding:0; border:1px solid #9fb8ae; border-radius:1px; background:#111719; transform:translate(-50%,-50%) rotate(45deg); cursor:grab; }
.preview-timeline .timeline-keyframe:hover,.preview-timeline .timeline-keyframe.selected { border-color:#49c978; background:#49c978; }
.preview-timeline .timeline-keyframe:active { cursor:grabbing; }
.preview-timeline .timeline-playhead { position:absolute; z-index:5; top:0; width:1px; height:100%; background:#49c978; pointer-events:none; }
.preview-timeline .timeline-ruler .timeline-playhead { left:0; }
.preview-timeline .timeline-playhead-full { top:31px; bottom:0; left:212px; height:auto; box-shadow:0 0 7px rgba(73,201,120,.4); }
.preview-timeline .chip,.preview-timeline .icon-btn { min-height:24px; }
/* Timeline glue for the real CSS-animation panel: the ruler and every track
   share one inset axis so a 0% / 100% diamond is never clipped, and the
   toolbar carries the clip summary + duration/easing/iteration editors. */
.preview-timeline .timeline-ruler,.preview-timeline .timeline-track { margin:0 12px; }
.preview-timeline .timeline-property-head small { max-width:120px; }
.preview-timeline .timeline-clip-name { color:#f4f2ec; font:600 9px/1 'Chivo Mono',monospace; letter-spacing:.04em; white-space:nowrap; }
.preview-timeline .timeline-clip-state { padding:2px 5px; border:1px solid rgba(131,148,143,.3); border-radius:2px; color:#b9cac4; font:600 7px/1 'Chivo Mono',monospace; text-transform:uppercase; letter-spacing:.1em; }
.preview-timeline .timeline-empty-note { color:#83948f; font:500 9px/1.4 Manrope,sans-serif; }
.preview-timeline .timeline-empty-note code { color:#b9cac4; font-family:'Chivo Mono',monospace; }
.preview-timeline .timeline-empty { padding:14px 12px; color:#83948f; font:500 10px/1.5 Manrope,sans-serif; }
.preview-timeline .timeline-empty code { color:#b9cac4; font-family:'Chivo Mono',monospace; }
.preview-timeline .timeline-toolbar select { height:24px; max-width:150px; padding:2px 4px; border:1px solid rgba(131,148,143,.25); border-radius:3px; background:#111719; color:#f4f2ec; font:500 9px/1 'Chivo Mono',monospace; }
.preview-timeline .timeline-stop-value input { width:170px; text-transform:none; }
.preview-timeline .timeline-stop-value > span { text-transform:none; letter-spacing:.02em; }
.preview-timeline .timeline-lane-value { color:#7f918c; }
.preview-timeline .timeline-keyframe.dragging { border-color:#49c978; background:#49c978; cursor:grabbing; }
.preview-timeline .timeline-keyframe-implicit { border-style:dashed; border-color:#6b7c77; background:transparent; cursor:default; }
.preview-timeline .timeline-keyframe-implicit.selected { border-style:dashed; border-color:#49c978; background:rgba(73,201,120,.28); }
.preview-timeline .timeline-value-editor input[disabled] { opacity:.6; }
.preview-timeline .timeline-stop-editor { display:flex; flex:0 0 auto; align-items:center; gap:10px; padding:5px 10px; border-top:1px solid rgba(131,148,143,.18); background:#0b0f11; }
.preview-timeline .timeline-stop-editor[hidden] { display:none; }
.preview-timeline .timeline-stop-head { color:#83948f; font:500 8px/1.3 'Chivo Mono',monospace; letter-spacing:.04em; }
.preview-timeline .timeline-stop-editor .timeline-value-editor { margin-left:auto; }
.preview-timeline .timeline-stop-editor .timeline-value-editor input { width:230px; }
.studio-splitter:hover,.studio-splitter:focus-visible,.studio-splitter.dragging { background:rgba(73,201,120,.42); }
.studio-splitter:focus-visible { outline:1px solid #49c978; outline-offset:-3px; }
.preview-bottom-panel { min-height:0; overflow:auto; }
.landing-studio-preview button { cursor: pointer !important; }
.landing-studio-preview .stage-zoom-overlay button { touch-action: manipulation; }
.landing-studio-preview .stage-zoom-overlay .szo-btn,
.landing-studio-preview .stage-zoom-overlay .szo-label { height: 26px; min-width: 26px; }
.landing-studio-preview .stage-zoom-overlay .szo-btn:active,
.landing-studio-preview .stage-zoom-overlay .szo-label:active { background: rgba(244,242,236,.16); color: var(--text-1, #f4f2ec); }
.landing-studio-preview .stage-zoom-overlay .szo-btn:disabled { opacity: .32; cursor: default; }
.landing-studio-preview .stage-zoom-overlay .szo-btn:disabled:hover { background: transparent; color: var(--text-2); }
.landing-studio-preview input, .landing-studio-preview select { cursor: text !important; }

/* Reuse the landing brand fonts inside the Studio bridge (same bytes, one fetch). */
@font-face { font-family: "Manrope"; src: url("/assets/fonts/Manrope-VF.ttf"); }
@font-face { font-family: "Chivo Mono"; src: url("/assets/fonts/ChivoMono-VF.ttf"); }

/* Audit / Runtime groups: the shell's .bottom-group owns the sub-tab strip
   and absolute-fills each member panel; members only need to be columns. */
.preview-group-panel { flex-direction:column; min-height:0; overflow:auto; font-size:11px; }
.preview-group-panel .studio-empty-state { max-width:520px; }

/* Runtime group: console / interactions lists, Debug key-values, SM chips. */
.preview-runtime-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; flex:0 0 auto; padding:6px 10px; border-bottom:1px solid rgba(65,71,85,.32); }
.preview-runtime-count { color:var(--text-2); font-size:10px; }
.preview-runtime-list { flex:1 1 auto; min-height:0; padding:4px 0; overflow:auto; font-family:"Chivo Mono",ui-monospace,monospace; }
.preview-runtime-row { display:flex; gap:8px; padding:2px 10px; align-items:baseline; line-height:1.5; }
.preview-runtime-row:hover { background:rgba(255,255,255,.025); }
.preview-runtime-time { flex:0 0 auto; color:var(--text-2); opacity:.8; }
.preview-runtime-level { flex:0 0 74px; text-transform:uppercase; font-size:9px; letter-spacing:.06em; color:var(--text-2); }
.preview-runtime-text { min-width:0; flex:1 1 auto; color:var(--text-1); white-space:pre-wrap; word-break:break-word; }
.preview-runtime-log .preview-runtime-level { color:var(--text-2); }
.preview-runtime-info .preview-runtime-level, .preview-runtime-info .preview-runtime-text { color:var(--tertiary,#7bd0ff); }
.preview-runtime-warn .preview-runtime-level, .preview-runtime-warn .preview-runtime-text { color:var(--warning,#ffb454); }
.preview-runtime-error .preview-runtime-level, .preview-runtime-error .preview-runtime-text { color:var(--danger,#ff5c6c); }
.preview-runtime-kv { display:flex; flex-direction:column; min-height:0; padding:6px 0; overflow:auto; }
.preview-runtime-kv-row { display:flex; gap:12px; padding:4px 10px; border-bottom:1px solid rgba(65,71,85,.18); }
.preview-runtime-kv-key { flex:0 0 190px; color:var(--text-2); }
.preview-runtime-kv-value { min-width:0; flex:1 1 auto; color:var(--text-0,#f4f2ec); font-family:"Chivo Mono",ui-monospace,monospace; }
.preview-runtime-chips { display:flex; flex-wrap:wrap; gap:8px; padding:10px; }
.preview-runtime-chip { padding:3px 10px; border:1px solid rgba(65,71,85,.5); border-radius:999px; color:var(--text-1); font-size:10px; }
.preview-runtime-chip.is-active { border-color:var(--success,#49c978); background:rgba(73,201,120,.14); color:var(--success,#49c978); font-weight:700; }