/* The supplied preview's contextual panels, warm canvas, and notebook paper.
   Scientific records, editors, and permissions retain their existing behavior. */
body.preview-ui .scientific-workspace {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: calc(100dvh - var(--ui-header-height));
  color: var(--pv-ink);
  background: var(--pv-bg);
  font: 14px/1.45 var(--sans);
}
body.preview-ui .ws-sidebar {
  position: sticky;
  top: var(--ui-header-height);
  align-self: start;
  height: calc(100dvh - var(--ui-header-height));
  overflow-y: auto;
  background: var(--pv-surface);
  border-color: var(--pv-line);
  padding: 0 20px 24px;
  gap: 24px;
}
body.preview-ui .ws-project-context { padding: 16px 0 0; }
body.preview-ui .ws-project-context small { color: var(--pv-muted); font-size: 11px; letter-spacing: 0; margin-bottom: 4px; }
body.preview-ui .ws-project-context strong { color: var(--pv-ink); font-size: 13px; line-height: 1.4; margin: 0; }
body.preview-ui .ws-sidebar .ws-area-nav { display: none; }
body.preview-ui .pv-workspace-context { min-width: 0; }
body.preview-ui .pv-workspace-context>header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
body.preview-ui .pv-workspace-context h3,
body.preview-ui .pv-workspace-tree-heading { font: 600 12px/1.4 var(--sans); color: var(--pv-muted); margin: 0 0 8px; letter-spacing: 0; }
body.preview-ui .pv-workspace-context>header h3 { margin: 0; }
body.preview-ui .pv-workspace-context>header>span { color: var(--pv-muted); font-size: 12px; }
body.preview-ui .pv-workspace-context p { font-size: 13px; color: var(--pv-muted); line-height: 1.55; margin: 0; }
body.preview-ui .ws-sidebar .pv-workspace-records { display: flex; flex-direction: column; gap: 4px; }
body.preview-ui .ws-sidebar .pv-workspace-records button {
  display: flex; flex-direction: column; align-items: start; gap: 3px;
  padding: 10px 12px; border: 0; border-radius: 8px; width: 100%;
  color: var(--pv-ink); background: transparent; white-space: normal;
}
body.preview-ui .ws-sidebar .pv-workspace-records button:hover { background: var(--pv-surface-2); }
body.preview-ui .ws-sidebar .pv-workspace-records button[aria-current] { background: var(--pv-accent-tint); }
body.preview-ui .pv-workspace-records strong { color: var(--pv-ink); font-weight: 600; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
body.preview-ui .ws-sidebar .pv-workspace-records button>small { color: var(--pv-muted); margin: 0; font-size: 12px; font-weight: 400; }
body.preview-ui .ws-sidebar .pv-workspace-records button>.pv-workspace-record-id { font: 11px/1.4 var(--mono); color: var(--pv-accent-ink); width: auto; }
body.preview-ui .pv-workspace-list-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 8px; }
body.preview-ui .pv-workspace-list-actions button { min-height: 32px; text-align: left; font-size: 12px; color: var(--pv-accent-ink); padding: 5px 12px; }
body.preview-ui .pv-workspace-list-actions .pv-workspace-add { border: 1px dashed var(--pv-line); border-radius: 8px; color: var(--pv-muted); text-align: center; font-size: 13px; }
body.preview-ui .pv-workspace-list-actions button:hover { background: var(--pv-surface-2); border-radius: 8px; }
body.preview-ui .pv-workspace-locations { margin: 0; }
body.preview-ui .pv-workspace-locations>div { display: flex; align-items: start; justify-content: space-between; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--pv-line-2); font-size: 12px; color: var(--pv-ink-2); }
body.preview-ui .pv-workspace-locations dt { overflow-wrap: anywhere; }
body.preview-ui .pv-workspace-locations dd { color: var(--pv-muted); margin: 0; }
body.preview-ui .ws-sidebar .ws-project-tree { margin: 0; padding: 20px 0 0; border-top: 1px solid var(--pv-line); gap: 4px; }
body.preview-ui .ws-project-tree details { border: 0; margin: 0; }
body.preview-ui .ws-project-tree summary { font-size: 13px; padding: 9px 10px; color: var(--pv-ink-2); }
body.preview-ui .ws-tree-project { border-color: var(--pv-line); }
body.preview-ui .ws-tree-project>strong { display: none; }
body.preview-ui .ws-sidebar .ws-project-tree button { border-radius: 8px; padding: 9px 10px; font-size: 13px; color: var(--pv-ink-2); }
body.preview-ui .ws-sidebar .ws-project-tree button:hover { background: var(--pv-surface-2); }
body.preview-ui .ws-sidebar .ws-project-tree button[aria-current] { color: var(--pv-accent-ink); background: var(--pv-accent-tint); }
body.preview-ui .ws-sidebar .ws-project-tree button small { color: var(--pv-muted); font-size: 12px; margin-left: auto; }
body.preview-ui .ws-sidebar-bottom { border-top: 1px solid var(--pv-line); padding: 18px 0 0; gap: 12px; }
body.preview-ui .ws-sidebar-bottom button { font-size: 12px; color: var(--pv-accent-ink); }
body.preview-ui .ws-sidebar-bottom>span { font-size: 12px; color: var(--pv-muted); }
body.preview-ui .pv-workspace-outline:empty,
body.preview-ui .pv-workspace-properties:empty { display: none; }

body.preview-ui .ws-main { min-width: 0; background: var(--pv-bg); }
body.preview-ui .ws-topbar { padding: 0 40px; height: 54px; border-color: var(--pv-line-2); background: var(--pv-bg); }
body.preview-ui .ws-breadcrumb { gap: 8px; color: var(--pv-muted); font-size: 12px; }
body.preview-ui .ws-breadcrumb strong,
body.preview-ui .ws-breadcrumb button { color: var(--pv-ink-2); font-size: 12px; }
body.preview-ui .ws-project-search { width: 220px; }
body.preview-ui .ws-project-search>input { border-color: var(--pv-line); border-radius: 8px; background: var(--pv-surface); color: var(--pv-ink); font-size: 12px; min-height: 34px; }
body.preview-ui .ws-project-search>div { background: var(--pv-surface); border-color: var(--pv-line); border-radius: 12px; }
body.preview-ui .ws-project-search button { color: var(--pv-ink); border-color: var(--pv-line-2); }
body.preview-ui .ws-project-search button:hover { background: var(--pv-surface-2); }
body.preview-ui .ws-project-search small,
body.preview-ui .ws-project-search p { color: var(--pv-muted); }
body.preview-ui .ws-savebar { color: var(--pv-muted); font-size: 12px; padding: 12px 40px 0; }
body.preview-ui .ws-savebar #ws-presence { color: var(--pv-ok); }
body.preview-ui .ws-savebar [data-state=saving],
body.preview-ui .ws-savebar [data-state=dirty] { color: var(--pv-warn); }
body.preview-ui .ws-content { padding: 24px 40px 48px; }
body.preview-ui .ws-list-heading { margin-bottom: 24px; gap: 24px; }
body.preview-ui .ws-list-heading h1,
body.preview-ui .ws-record-header h1 { font: 600 30px/1.15 var(--sans-brand); letter-spacing: -.02em; color: var(--pv-ink); margin: 0 0 10px; }
body.preview-ui .ws-list-heading p { color: var(--pv-muted); font-size: 13px; }
body.preview-ui .ws-record-id { color: var(--pv-muted); font: 600 12px/1.4 var(--sans); letter-spacing: 0; margin-bottom: 8px; }
body.preview-ui .ws-heading-actions .button,
body.preview-ui .ws-record-actions .button { font-size: 13px; min-height: 34px; padding: 7px 12px; border-radius: 8px; }
/* Landing pages lead with their title; record pages retain save and location context. */
body.preview-ui .ws-main-landing>.ws-savebar:not(:has(#ws-save-state:not(:empty), #ws-presence:not(:empty))) { display: none; }
body.preview-ui .ws-main-landing .ws-list-heading { align-items: flex-start; }
body.preview-ui .ws-main-landing .ws-list-heading>div:first-child { min-width: 0; }
body.preview-ui .ws-heading-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; margin-left: auto; flex: 0 0 auto; max-width: 100%; }
body.preview-ui .ws-heading-tools .ws-heading-actions { margin: 0; }
body.preview-ui .ws-heading-tools .ws-project-search { width: 280px; max-width: 100%; margin: 0; }
@media (max-width: 1100px) {
  body.preview-ui .ws-main-landing .ws-list-heading>div:first-child { flex: 1 1 300px; }
  body.preview-ui .ws-heading-tools { flex: 1 1 300px; align-items: flex-start; margin-left: 0; }
  body.preview-ui .ws-heading-tools .ws-project-search { width: 100%; }
}
body.preview-ui .ws-table-toolbar { gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
body.preview-ui .ws-search { width: 280px; min-height: 36px; height: auto; border-color: var(--pv-line); border-radius: 8px; background: var(--pv-surface); }
body.preview-ui .ws-search input { font-size: 13px; color: var(--pv-ink); }
body.preview-ui .ws-search span { color: var(--pv-muted); }
body.preview-ui .ws-table-toolbar>select,
body.preview-ui .ws-columns summary { border: 1px solid var(--pv-line); background: var(--pv-surface); color: var(--pv-ink-2); border-radius: 8px; padding: 8px 10px; font-size: 12px; }
body.preview-ui .ws-columns { color: var(--pv-ink-2); }
body.preview-ui .ws-columns>div { background: var(--pv-surface); border-color: var(--pv-line); border-radius: 10px; }
body.preview-ui .ws-table-count { font-size: 12px; color: var(--pv-muted); }
body.preview-ui .ws-table-scroll { border: 1px solid var(--pv-line); border-radius: 10px; background: var(--pv-surface); }
body.preview-ui .ws-table { color: var(--pv-ink-2); font-size: 13px; }
body.preview-ui .ws-table th { padding: 12px 14px; background: var(--pv-surface-2); color: var(--pv-muted); border-color: var(--pv-line); font-size: 12px; font-weight: 600; }
body.preview-ui .ws-table th button { color: inherit; font-size: 12px; }
body.preview-ui .ws-table td { padding: 14px; color: var(--pv-ink-2); border-color: var(--pv-line-2); font-size: 13px; }
body.preview-ui .ws-table tr:hover { background: var(--pv-surface-2); }
body.preview-ui .ws-table tr.selected { background: var(--pv-accent-tint); }
body.preview-ui .ws-table-name { font-size: 13px; color: var(--pv-ink); font-weight: 500; }
body.preview-ui .ws-table td>small { font-size: 11px; color: var(--pv-muted); margin-top: 3px; }
body.preview-ui .ws-table input[type=checkbox] { width: 15px; height: 15px; accent-color: var(--pv-accent); }
body.preview-ui .ws-row-edit { color: var(--pv-accent-ink); font-size: 12px; }
body.preview-ui .ws-inline-name { color: var(--pv-ink); background: var(--pv-surface); border-color: var(--pv-accent); border-radius: 6px; }
body.preview-ui .ws-tags span { color: var(--pv-ink-2); background: var(--pv-bg); border-radius: 5px; font-size: 11px; padding: 3px 7px; }
body.preview-ui .ws-bulk { color: var(--pv-accent-ink); border-color: var(--pv-line); background: var(--pv-accent-tint); border-radius: 8px; }
body.preview-ui .ws-bulk button { color: var(--pv-accent-ink); font-size: 12px; }
body.preview-ui .ws-status,
body.preview-ui .ws-exp-status { color: var(--pv-ink-2); background: var(--pv-bg); padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
body.preview-ui :is(.ws-status,.ws-exp-status):is([data-status=Running],[data-status="In use"],[data-status=Analysis]) { color: var(--pv-accent-ink); background: var(--pv-accent-tint); }
body.preview-ui :is(.ws-status,.ws-exp-status):is([data-status=Completed],[data-status=Available],[data-status=Active]) { color: var(--pv-ok); background: var(--pv-ok-tint); }
body.preview-ui :is(.ws-status,.ws-exp-status):is([data-status=Planned],[data-status=Reserved],[data-status=Blocked]) { color: var(--pv-warn); background: var(--pv-warn-tint); }
body.preview-ui .ws-empty { background: var(--pv-surface); border: 1px dashed var(--pv-line); border-radius: 12px; padding: 48px 24px; }
body.preview-ui .ws-empty-icon { display: none; }
body.preview-ui .ws-empty h2 { color: var(--pv-ink); font-size: 16px; }
body.preview-ui .ws-empty p { color: var(--pv-muted); font-size: 13px; }
body.preview-ui .ws-section { border: 1px solid var(--pv-line); border-radius: 12px; background: var(--pv-surface); padding: 20px 24px; }
body.preview-ui .ws-section h2 { color: var(--pv-ink); font-size: 16px; font-weight: 600; }
body.preview-ui .ws-section h3 { color: var(--pv-ink-2); font-size: 13px; }
body.preview-ui .ws-section>p,
body.preview-ui .ws-muted,
body.preview-ui .ws-section summary,
body.preview-ui .ws-meta dt { color: var(--pv-muted); font-size: 13px; }
body.preview-ui .ws-meta dd { color: var(--pv-ink-2); font-size: 13px; }
body.preview-ui .ws-object-link { border-color: var(--pv-line); background: var(--pv-surface-2); color: var(--pv-ink); border-radius: 8px; font-size: 13px; padding: 9px 10px; }
body.preview-ui .ws-object-link:hover { border-color: var(--pv-accent); background: var(--pv-accent-tint); }
body.preview-ui .ws-object-link small { color: var(--pv-muted); font-size: 11px; }
body.preview-ui .ws-object-icon { color: var(--pv-ink-2); }
body.preview-ui .ws-link-button { color: var(--pv-accent-ink); font-size: 13px; font-weight: 500; }
body.preview-ui .ws-file-list { border-color: var(--pv-line); background: var(--pv-surface); border-radius: 12px; }
body.preview-ui .ws-file { border-color: var(--pv-line-2); }
body.preview-ui .ws-file>span:first-child { color: var(--pv-accent-ink); font-size: 13px; }
body.preview-ui .ws-file small { color: var(--pv-muted); font-size: 11px; }
body.preview-ui .ws-upload-zone { border-color: var(--pv-line); color: var(--pv-muted); background: var(--pv-surface-2); border-radius: 10px; font-size: 13px; }
body.preview-ui .ws-upload-zone>span { color: var(--pv-accent-ink); }
body.preview-ui .ws-data-tabs,
body.preview-ui .ws-record-tabs { border-color: var(--pv-line); }
body.preview-ui .ws-data-tabs button,
body.preview-ui .ws-record-tabs button { color: var(--pv-muted); font-size: 13px; }
body.preview-ui .ws-data-tabs button[aria-current],
body.preview-ui .ws-record-tabs button[aria-pressed=true] { color: var(--pv-accent-ink); border-color: var(--pv-accent); }

/* One readable notebook document; the same live properties occupy the left panel. */
body.preview-ui .ws-experiment { --exp-line: var(--pv-line-2); --exp-muted: var(--pv-muted); max-width: 960px; background: var(--pv-surface); color: var(--pv-ink); border: 1px solid var(--pv-line); border-radius: 12px; padding: 30px 40px; }
body.preview-ui .ws-exp-header { padding: 0 0 22px; border-color: var(--pv-line-2); gap: 18px; }
body.preview-ui .ws-exp-title { font: 600 30px/1.25 var(--sans); color: var(--pv-ink); letter-spacing: -.01em; background: transparent; border-radius: 6px; }
body.preview-ui .ws-exp-title:focus { background: var(--pv-surface-2); border-color: var(--pv-accent); outline-color: var(--pv-accent-tint); }
body.preview-ui .ws-exp-id { font: 12px/1.45 var(--mono); color: var(--pv-muted); }
body.preview-ui .ws-exp-header-actions { gap: 8px; }
body.preview-ui .ws-exp-header-actions button { border-radius: 8px; font-size: 12px; font-weight: 500; color: var(--pv-ink-2); border-color: var(--pv-line); background: var(--pv-surface); }
body.preview-ui .ws-exp-layout { display: block; }
body.preview-ui .ws-exp-notebook { padding: 0; }
body.preview-ui .ws-exp-section { padding: 24px 0; border-color: var(--pv-line-2); scroll-margin-top: calc(var(--ui-header-height) + 20px); }
body.preview-ui .ws-exp-section-head h2 { font: 600 12px/1.5 var(--sans); color: var(--pv-muted); letter-spacing: 0; }
body.preview-ui .ws-exp-section-head p { font-size: 12px; color: var(--pv-muted); }
body.preview-ui .ws-exp-question-grid { gap: 16px; }
body.preview-ui .ws-exp-field>span { font-size: 12px; color: var(--pv-muted); }
body.preview-ui .ws-exp-empty,
body.preview-ui .ws-exp-muted { font-size: 13px; color: var(--pv-muted); }
body.preview-ui .ws-exp-object-link,
body.preview-ui .ws-exp-link { color: var(--pv-accent-ink); font-size: 13px; }
body.preview-ui .ws-exp-related-row,
body.preview-ui .ws-exp-protocol { background: var(--pv-surface-2); border-color: var(--pv-line); border-radius: 10px; padding: 14px; }
body.preview-ui .ws-exp-related-row small { font-size: 12px; color: var(--pv-muted); }
body.preview-ui .ws-exp-protocol-description,
body.preview-ui .ws-exp-protocol-steps { color: var(--pv-ink-2); font-size: 13px; }
body.preview-ui .ws-exp-version { color: var(--pv-accent-ink); background: var(--pv-accent-tint); border-radius: 5px; font-size: 11px; }
body.preview-ui .ws-exp-properties { border: 0; padding: 0; background: var(--pv-surface); }
body.preview-ui .ws-exp-properties>h2 { color: var(--pv-muted); font: 600 12px/1.4 var(--sans); margin: 0 0 16px; }
body.preview-ui .ws-exp-properties .ws-exp-field { margin-bottom: 14px; }
body.preview-ui .ws-exp-properties .ws-exp-field input,
body.preview-ui .ws-exp-properties .ws-exp-field select { font-size: 12px; min-height: 34px; }
body.preview-ui .ws-exp-collaborators legend,
body.preview-ui .ws-exp-collaborators label { color: var(--pv-muted); font-size: 12px; }
body.preview-ui .ws-exp-collaborators input,
body.preview-ui .rw-protocol-step input { accent-color: var(--pv-accent); }
body.preview-ui .ws-exp-jump { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 0; }
body.preview-ui .ws-exp-jump h3 { font: 600 12px/1.4 var(--sans); color: var(--pv-muted); margin: 0 0 8px; }
body.preview-ui .ws-exp-jump a { padding: 7px 12px; font-size: 13px; border-left: 1px solid var(--pv-line); color: var(--pv-ink-2); }
body.preview-ui .ws-exp-jump a:hover,
body.preview-ui .ws-exp-jump a:focus-visible { background: var(--pv-surface-2); color: var(--pv-accent-ink); border-left-color: var(--pv-accent); }
body.preview-ui .ws-exp-design-origin { border-color: var(--pv-line); }
body.preview-ui .ws-exp-design-origin h3,
body.preview-ui .ws-exp-design-origin p { color: var(--pv-muted); font-size: 12px; }
body.preview-ui .ws-exp-condition-labels { color: var(--pv-muted); font-size: 11px; }
body.preview-ui .ws-exp-table-scroll { border-color: var(--pv-line); border-radius: 10px; }
body.preview-ui .ws-exp-result-table th { background: var(--pv-surface-2); border-color: var(--pv-line); color: var(--pv-muted); font-size: 12px; }
body.preview-ui .ws-exp-result-table td { border-color: var(--pv-line-2); color: var(--pv-ink-2); font-size: 13px; }
body.preview-ui .ws-exp-result-table tbody tr:hover { background: var(--pv-surface-2); }
body.preview-ui .ws-exp-result-value { color: var(--pv-ink)!important; }
body.preview-ui .ws-exp-file-row { border-color: var(--pv-line-2); }
body.preview-ui .ws-exp-file-row small { color: var(--pv-muted); font-size: 12px; }
body.preview-ui .ws-exp-file-type { background: var(--pv-surface-2); border-color: var(--pv-line); color: var(--pv-muted); border-radius: 6px; }
body.preview-ui .ws-exp-dropzone { background: transparent; border-color: var(--pv-line); color: var(--pv-muted); font-size: 13px; border-radius: 10px; }
body.preview-ui .ws-exp-dropzone:hover,
body.preview-ui .ws-exp-dropzone.is-dragging { background: var(--pv-accent-tint); border-color: var(--pv-accent); color: var(--pv-accent-ink); }
body.preview-ui .ws-notebook { border-color: var(--pv-line); border-radius: 10px; background: var(--pv-surface); }
body.preview-ui .ws-notebook-toolbar { background: var(--pv-surface-2); border-color: var(--pv-line); padding: 8px; }
body.preview-ui .ws-notebook-toolbar button,
body.preview-ui .ws-notebook-toolbar select { color: var(--pv-ink-2); font-size: 12px; }
body.preview-ui .ws-notebook-toolbar button:hover,
body.preview-ui .ws-notebook-toolbar button[aria-pressed=true] { color: var(--pv-accent-ink); background: var(--pv-accent-tint); }
body.preview-ui .ws-notebook-block { color: var(--pv-ink); font-size: 14px; }
body.preview-ui .ws-notebook-block:empty:before { color: var(--pv-muted); }
body.preview-ui .ws-notebook-block[contenteditable=true]:focus { background: var(--pv-surface-2); outline-color: var(--pv-accent); }
body.preview-ui .ws-notebook-help { background: var(--pv-surface-2); border-color: var(--pv-line); color: var(--pv-muted); font-size: 11px; }
body.preview-ui .ws-notebook-table-scroll,
body.preview-ui .ws-notebook-table th,
body.preview-ui .ws-notebook-table td { border-color: var(--pv-line); }
body.preview-ui .ws-notebook-table th { background: var(--pv-surface-2); }
body.preview-ui .ws-notebook-table input,
body.preview-ui .ws-notebook-table textarea { color: var(--pv-ink); }
body.preview-ui .ws-notebook-table-controls button { border-color: var(--pv-line); color: var(--pv-accent-ink); border-radius: 6px; font-size: 12px; }
body.preview-ui .rw-experiment-context { background: transparent; color: var(--pv-muted); border-color: var(--pv-line-2); font-size: 12px; padding-inline: 0; }
body.preview-ui .rw-experiment-context button { color: var(--pv-accent-ink); }
body.preview-ui .rw-home-grid { gap: 20px; }
body.preview-ui .rw-overview-metrics>button { background: var(--pv-surface); border-color: var(--pv-line); border-radius: 12px; color: var(--pv-ink); }

@media (max-width: 1100px) {
  body.preview-ui .ws-topbar { padding-inline: 28px; }
  body.preview-ui .ws-content { padding: 24px 28px 40px; }
  body.preview-ui .ws-savebar { padding-inline: 28px; }
  body.preview-ui .ws-list-heading { flex-wrap: wrap; gap: 16px; }
  body.preview-ui .ws-heading-actions { flex-wrap: wrap; }
  body.preview-ui .ws-experiment { padding: 26px; }
  body.preview-ui .ws-exp-header { flex-wrap: wrap; }
  body.preview-ui .ws-exp-title-group { min-width: 100%; }
  body.preview-ui .ws-exp-header-actions { padding: 0; }
  body.preview-ui .ws-exp-inline-actions { max-width: 100%; }
}
@media (max-width: 800px) {
  body.preview-ui .scientific-workspace { display: block; }
  body.preview-ui .ws-sidebar { height: auto; max-height: calc(100dvh - var(--ui-header-height)); }
  body.preview-ui .ws-content { padding: 24px 20px 40px; }
  body.preview-ui .ws-topbar { padding-inline: 20px; flex-wrap: wrap; height: auto; min-height: 52px; gap: 8px; padding-block: 10px; }
  body.preview-ui .ws-breadcrumb { flex-wrap: wrap; white-space: normal; }
  body.preview-ui .ws-project-search { width: 100%; max-width: 100%; }
  body.preview-ui .ws-savebar { padding-inline: 20px; }
  body.preview-ui .ws-experiment { padding: 24px; }
  body.preview-ui .ws-exp-properties { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--pv-line); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
  body.preview-ui .ws-exp-properties>h2,
  body.preview-ui .ws-exp-properties>.ws-exp-jump,
  body.preview-ui .ws-exp-properties>.ws-exp-design-origin { grid-column: 1/-1; }
  body.preview-ui .ws-exp-properties>.ws-exp-jump { display: none; }
  body.preview-ui .ws-record-grid { grid-template-columns: minmax(0,1fr); }
  body.preview-ui .ws-exp-title { font-size: 26px; }
}
@media (max-width: 500px) {
  body.preview-ui .ws-content { padding: 20px 16px 32px; }
  body.preview-ui .ws-topbar,
  body.preview-ui .ws-savebar { padding-inline: 16px; }
  body.preview-ui .ws-list-heading h1,
  body.preview-ui .ws-record-header h1 { font-size: 27px; }
  body.preview-ui .ws-experiment { padding: 20px 16px; }
  body.preview-ui .ws-exp-title { font-size: 24px; }
  body.preview-ui .ws-exp-question-grid,
  body.preview-ui .ws-exp-related-list { grid-template-columns: 1fr; }
  body.preview-ui .ws-search { width: 100%; max-width: 100%; }
  body.preview-ui .ws-columns { margin-left: auto; }
  body.preview-ui .ws-heading-actions .button { min-height: 40px; }
  body.preview-ui .ws-exp-properties { grid-template-columns: 1fr; }
}
.preview-ui .ws-protocol-step-editor {display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--pv-line,#e6e4df)}
.preview-ui .ws-protocol-step-editor>div {display:grid;gap:10px;align-content:start}
.preview-ui .rw-protocol-step-card {padding:15px 0;border-bottom:1px solid var(--pv-line,#e6e4df)}
.preview-ui .rw-protocol-step-line {display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.preview-ui .rw-protocol-step-line .rw-protocol-step {flex:1;padding:0;border:0;align-items:flex-start}
.preview-ui .rw-protocol-step span {display:grid;gap:5px}
.preview-ui .rw-protocol-step span span {white-space:pre-wrap;font-weight:400}
.preview-ui .rw-step-state {font-size:11px;color:var(--pv-muted,#75736b);white-space:nowrap}
.preview-ui .rw-step-actions {display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 0 0 24px;font-size:12px}
.preview-ui .rw-step-actions [data-step-clock] {font-variant-numeric:tabular-nums;color:var(--pv-accent-ink,#1f4f8a)}
.preview-ui .rw-step-parameter {margin:6px 0 0 24px;font-size:12px;color:var(--pv-muted,#75736b)}
.preview-ui .rw-step-deviation {display:grid;gap:4px;margin:12px 0 0 24px;padding:12px;border-left:2px solid #bd9141;background:var(--pv-bg,#f4f3ef);font-size:12px}
.preview-ui .rw-step-deviation small {color:var(--pv-muted,#75736b)}
@media(max-width:650px){.preview-ui .ws-protocol-step-editor{grid-template-columns:1fr}}
.preview-ui .ws-protocol-run {padding:10px 0;display:grid;gap:4px;border-top:1px solid var(--pv-line)}
.preview-ui .ws-protocol-run>small {font-size:11px;color:var(--pv-muted);padding-left:24px}
.preview-ui .ws-file-with-context {padding-bottom:10px;border-bottom:1px solid var(--pv-line)}
.preview-ui .ws-file-with-context .ws-file {width:100%;border-bottom:0}
.preview-ui .ws-file-origin {margin-left:16px;font-size:12px}
/* Notebook and Inventory landings: the page heading is the context; the record top bar (crumb + project search) returns when a record is open. */
body.preview-ui .ws-main-landing>.ws-topbar{display:none}