/* Shared presentation for storyboard-image and shot-video repair dialogs only. */
body .repair-workbench {
  --repair-border:#e0e6ef; --repair-ink:#172b4d; --repair-muted:#718198;
  --repair-surface:#fff; --repair-soft:#f5f7fb; --repair-accent:var(--mj-button,#ff4824);
  width:100%; height:100%; max-width:none; min-width:0; min-height:0;
  display:flex; flex-direction:column; overflow:hidden; background:var(--repair-surface);
  border-radius:18px; color:var(--repair-ink); font-family:var(--font-sans); font-size:var(--ui-font-body); font-weight:var(--ui-font-weight); font-style:var(--ui-font-style);
}
.repair-workbench *, .repair-workbench *::before, .repair-workbench *::after { box-sizing:border-box; }
.repair-workbench [hidden] { display:none!important; }
body .repair-workbench :is(h3,h4,p,button,select,textarea,small,summary,span,a,label,strong) { font-family:var(--font-sans)!important; font-weight:var(--ui-font-weight); font-style:var(--ui-font-style); }
body .repair-workbench > header { padding:16px 22px; gap:16px; flex:none; border-bottom:1px solid var(--repair-border); }
body .repair-workbench > header h3 { font-size:var(--ui-font-page); line-height:1.35; font-weight:var(--ui-font-weight); margin:0; }
body .repair-workbench :is(button,select) { font-size:var(--ui-font-button); font-weight:var(--ui-font-weight); line-height:1.4; }
body .repair-workbench button { min-height:32px!important; height:auto!important; margin:0; padding:5px 10px!important; border:1px solid var(--repair-border)!important; border-radius:8px!important; background:var(--repair-surface)!important; color:var(--repair-ink)!important; -webkit-text-fill-color:var(--repair-ink)!important; box-shadow:none!important; }
body .repair-workbench button:disabled { opacity:.45; cursor:not-allowed; }
body .repair-workbench :is(button,select,textarea):focus-visible { outline:2px solid var(--repair-accent); outline-offset:2px; }
.repair-workbench__body { display:grid; grid-template-columns:minmax(0,1fr) clamp(280px,27vw,390px); gap:14px; padding:14px; flex:1 1 0; min-width:0; min-height:0; background:var(--repair-soft); }
.repair-workbench__main { display:flex; flex-direction:column; min-width:0; min-height:0; padding:12px; gap:8px; background:var(--repair-surface); border:1px solid var(--repair-border); border-radius:12px; overflow:hidden; }
.repair-workbench__conversation { display:flex; flex-direction:column; flex:1 1 0; min-width:0; min-height:0; overflow:hidden; }
body .repair-workbench .repair-workbench__chat article:is([data-image-card],[data-video-revision]) { border-color:var(--repair-border); }
body .repair-workbench .repair-workbench__chat article:is([data-image-card],[data-video-revision]) > h4 { margin-bottom:8px; font-size:var(--ui-font-card); font-weight:var(--ui-font-weight); }
body .repair-workbench .repair-workbench__chat [data-image-card] > a { display:block; }
body .repair-workbench .repair-workbench__chat [data-image-card] > a > img,
body .repair-workbench .repair-workbench__chat [data-video-revision] > video { display:block; width:100%; max-width:100%; height:auto; max-height:58vh; margin:0 auto; object-fit:contain; border-radius:8px; background:#10151d; }
body .repair-workbench .repair-workbench__chat { flex:1 1 0; min-height:0; min-width:0; overflow-y:auto; overflow-x:hidden; padding:8px 4px 0; scrollbar-gutter:stable; }
body .repair-workbench .repair-workbench__chat article { margin:0 0 10px; padding:8px 10px; border-radius:9px; font-size:var(--ui-font-body); }
body .repair-workbench .repair-workbench__chat h4 { margin:0; font-size:var(--ui-font-meta); font-weight:var(--ui-font-weight); color:var(--repair-muted); line-height:1.5; }
body .repair-workbench .repair-workbench__chat p { margin:5px 0; font-size:var(--ui-font-body); line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
body .repair-workbench .repair-workbench__chat :is(.storyboard-image-repair__actions,.shot-video-repair__actions) { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px; margin:10px 0 0; }
body .repair-workbench .repair-workbench__chat :is(.storyboard-image-repair__actions,.shot-video-repair__actions) :is(button,span) { font-size:var(--ui-font-button); }
body .repair-workbench .repair-workbench__chat .storyboard-image-repair__review { margin-top:8px; padding:6px 8px; font-size:var(--ui-font-meta); }
body .repair-workbench .repair-workbench__chat .storyboard-image-repair__review strong { font-size:var(--ui-font-meta); font-weight:var(--ui-font-weight); }
body .repair-workbench .repair-workbench__chat :is(.storyboard-image-repair__user,.shot-video-repair__user) { margin-left:18%; background:#f1f4f8; }
body .repair-workbench :is(.storyboard-image-repair__status,.shot-video-repair__status) { flex:none; min-height:0; padding:0 4px; font-size:var(--ui-font-meta); line-height:1.5; color:var(--repair-muted); }
body .repair-workbench :is(.storyboard-image-repair__status,.shot-video-repair__status):empty { display:none; }
body .repair-workbench [data-image-repair-recovery] { flex:none; padding:6px 8px; font-size:var(--ui-font-meta); border-radius:8px; }
body .repair-workbench .repair-workbench__composer { display:flex; flex-direction:column; align-items:stretch; flex:none; gap:6px; padding:8px 0 0; border-top:1px solid var(--repair-border); min-width:0; }
.repair-workbench__input-row { width:100%; min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr) 38px; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--repair-border); border-radius:24px; background:var(--repair-surface); }
.repair-workbench__input-row:focus-within { border-color:#f3ab98; }
.repair-workbench__plus-wrap { position:relative; align-self:center; }
body .repair-workbench .repair-workbench__plus-wrap > button { width:32px; height:32px!important; min-height:32px!important; padding:0!important; border:0!important; background:transparent!important; font-size:0; }
body .repair-workbench .repair-workbench__input-row textarea { width:100%; min-height:22px; max-height:110px; resize:none; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--repair-ink); font-size:var(--ui-font-input); font-weight:var(--ui-font-weight); line-height:1.5; overflow-y:auto; }
body .repair-workbench .repair-workbench__input-row textarea:focus-visible { outline:0; }
body .repair-workbench :is([data-image-repair-send],[data-video-repair-send]) { width:38px; height:38px!important; min-height:38px!important; margin:0; padding:0!important; border-radius:50%!important; border-color:var(--repair-accent)!important; background:var(--repair-accent)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:0; }
.repair-workbench__reference-menu { position:absolute; left:0; bottom:calc(100% + 9px); z-index:20; min-width:154px; padding:6px; background:var(--repair-surface); border:1px solid var(--repair-border); border-radius:10px; box-shadow:0 8px 28px #14264622; }
body .repair-workbench .repair-workbench__reference-menu button { width:100%; white-space:nowrap; border:0!important; text-align:left; }
body .repair-workbench .repair-workbench__input-hint { display:none!important; justify-content:space-between; flex-wrap:wrap; gap:3px 10px; font-size:var(--ui-font-caption); line-height:1.45; color:var(--repair-muted); margin:0; }
.repair-workbench__input-hint small { font-size:var(--ui-font-caption)!important; }
.repair-workbench__reference-chips { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.repair-workbench__reference-chips:empty { display:none; }
body .repair-workbench .repair-workbench__reference-chips button { padding:4px 8px!important; font-size:var(--ui-font-button); min-height:26px!important; }
body .repair-workbench .repair-workbench__revision-actions a,
body .repair-workbench .storyboard-image-repair__actions a { display:inline-flex; align-items:center; min-height:30px; padding:4px 8px; border:1px solid var(--repair-border); border-radius:8px; color:var(--repair-ink); font-size:var(--ui-font-button); text-decoration:none; }
body .repair-workbench .repair-workbench__context-card { max-height:none; overflow:visible; }
.repair-workbench__sidebar { display:flex; flex-direction:column; gap:12px; min-width:0; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-gutter:stable; }
.repair-workbench__sidebar > :is(section,div) { flex:none; min-width:0; padding:14px; background:var(--repair-surface); border:1px solid var(--repair-border); border-radius:12px; }
body .repair-workbench .repair-workbench__sidebar h4 { color:var(--repair-ink); margin:0 0 10px; font-size:var(--ui-font-section); font-weight:var(--ui-font-weight); }
body .repair-workbench .repair-workbench__sidebar label { display:flex; flex-direction:column; align-items:stretch; gap:7px; font-size:var(--ui-font-label); }
body .repair-workbench .repair-workbench__sidebar select { width:100%; max-width:100%; min-width:0; border:1px solid var(--repair-border); padding:8px 10px; background:var(--repair-surface); }
body .repair-workbench .repair-workbench__sidebar summary { font-size:var(--ui-font-button); font-weight:var(--ui-font-weight); line-height:1.6; color:var(--repair-ink); cursor:pointer; }
body .repair-workbench .repair-workbench__sidebar p { font-size:var(--ui-font-body); line-height:1.6; margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
body .repair-workbench .repair-workbench__sidebar details { margin:0 0 8px; }
body .repair-workbench .repair-workbench__sidebar :is(.storyboard-image-repair__reference-grid,.shot-video-repair__reference-grid) { display:grid; grid-template-columns:repeat(auto-fill,minmax(85px,1fr)); gap:8px; }
body .repair-workbench .repair-workbench__sidebar figure { width:auto; min-width:0; margin:0 0 6px; }
body .repair-workbench .repair-workbench__sidebar figure img { width:100%; height:82px; object-fit:contain; border-radius:6px; margin:0; }
body .repair-workbench .repair-workbench__sidebar figcaption { font-size:var(--ui-font-caption); line-height:1.4; padding:4px 0; overflow-wrap:anywhere; }
body .repair-workbench .repair-workbench__sidebar figcaption small { display:block; margin:3px 0; font-size:var(--ui-font-caption); }
body .repair-workbench .repair-workbench__sidebar figure button { width:100%; min-height:27px!important; padding:3px 6px!important; font-size:var(--ui-font-button); }
body .repair-workbench .repair-workbench__chat :is(.storyboard-image-repair__reference-history,.shot-video-repair__reference-history) { display:flex; gap:7px; flex-wrap:wrap; }
body .repair-workbench .repair-workbench__chat figure { width:80px; margin:0; }
body .repair-workbench .repair-workbench__chat figure img { width:80px; height:56px; object-fit:contain; }
body .repair-workbench .repair-workbench__chat figcaption { font-size:var(--ui-font-caption); overflow-wrap:anywhere; }
@media(max-height:760px) {
  body .repair-workbench > header { padding:10px 18px; }
  .repair-workbench__body { gap:10px; padding:10px; }
  .repair-workbench__main { padding:10px; gap:6px; }
  body .repair-workbench .repair-workbench__chat { min-height:0; }
  body .repair-workbench .repair-workbench__composer { padding-top:6px; }
}
@media(max-width:950px) { .repair-workbench__body { grid-template-columns:minmax(0,1fr) 260px; } }
[data-ui-appearance="dark"] .repair-workbench { --repair-border:#424e5d; --repair-ink:#e2e8f1; --repair-muted:#abb8ca; --repair-surface:#242c36; --repair-soft:#1b232e; }
@media(max-width:700px) { .repair-workbench__body { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) minmax(110px,24vh); } .repair-workbench__sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:8px; } body .repair-workbench > header h3 { font-size:var(--ui-font-page); } }

/* Version-use labels are metadata; adjacent controls retain button typography. */
body .repair-workbench .repair-workbench__chat :is(.storyboard-image-repair__actions,.shot-video-repair__actions) > span { font-size:var(--ui-font-meta); }