/* Shared desktop tokens; no independent business data or generation handlers. */
@media (min-width:769px) {
  html body #replicaTaskBar .product-branch-name-input {
    width:var(--branch-name-width,104px)!important; height:32px!important; min-height:32px!important;
    margin:0!important; padding:0 10px!important; text-align:center; font-size:12px!important;
    font-weight:500; line-height:20px; border:1px solid var(--bc-border)!important;
    border-radius:6px!important; box-shadow:none!important; outline:none!important;
    background:var(--bc-surface)!important; color:var(--bc-text)!important;
  }
  html body #replicaTaskBar .product-branch-name-input.active { background:var(--bc-primary)!important; color:var(--bc-primary-text)!important; border-color:var(--bc-primary)!important; }
  html body #replicaTaskBar .renaming .product-branch-tab { display:none!important; }
  html body #replica-video { min-height:var(--desktop-work-height); display:flex; flex-direction:column; gap:12px; }
  html body #replica-video #replicaVideoEmpty { padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  html body #replicaVideoEmpty p { margin:0; font-size:13px; }
  html body #replica-video .video-gen-box { flex:none; border:1px solid var(--bc-border); border-radius:8px; background:var(--bc-surface); }
  html body #replica-video #videoGenBox.hidden { display:block!important; }
  html body #replica-video .video-gen-box>.card-header { margin:0 0 8px; }
  html body #replica-video .video-gen-opts { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; }
  html body #replica-video .video-gen-opts select { width:auto; flex:0 1 auto; min-width:76px; }
  html body #replica-video #vgGenStatus:empty { display:none; }
  html body #replica-video .delivery-compare { flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-height:0; }
  html body #replica-video .delivery-card { margin:0; padding:12px; display:flex; flex-direction:column; min-width:0; }
  html body .delivery-head { display:flex; align-items:center; gap:12px; height:36px; min-height:36px; flex:none; margin-bottom:10px; }
  html body .delivery-head h2 { margin:0; flex:none; }
  html body #deliveryResultState { margin-left:auto; white-space:nowrap; font-size:12px; color:var(--bc-muted); }
  html body #deliveryVersions { display:flex; min-width:0; overflow-x:auto; gap:5px; padding:3px; scrollbar-width:thin; }
  html body #deliveryVersions button { position:relative; flex:none; min-width:28px; height:28px; padding:0 7px; border:1px solid var(--bc-border); border-radius:5px; background:var(--bc-surface); color:var(--bc-text); cursor:pointer; }
  html body #deliveryVersions button:hover { background:var(--bc-hover); }
  html body #deliveryVersions button[aria-selected=true] { background:var(--bc-primary); color:var(--bc-primary-text); border-color:var(--bc-primary); }
  html body #deliveryVersions button:not([data-state=done])::after { content:''; position:absolute; right:2px; top:2px; width:4px; height:4px; border-radius:50%; background:var(--bc-warning); }
  html body .delivery-media { width:min(100%,calc(var(--delivery-media-height,calc(100dvh - 360px))*9/16)); aspect-ratio:9/16; margin:0 auto; flex:none; border-radius:6px; overflow:hidden; background:var(--bc-canvas); }
  html body .delivery-media video { display:block; width:100%!important; height:100%!important; aspect-ratio:9/16!important; object-fit:contain; background:#171717; margin:0; }
  html body .delivery-media:has(video[hidden]) .accurate-video-progress { display:none!important; }
  html body .delivery-placeholder { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; text-align:center; font-size:13px; color:var(--bc-muted); overflow-wrap:anywhere; }
  html body .delivery-placeholder strong { color:var(--bc-text); font-size:14px; font-weight:500; }
  html body .delivery-placeholder[data-state=failed] strong { color:var(--bc-error); }
  html body .delivery-footer { margin-top:auto; padding-top:12px; min-height:66px; text-align:center; }
  html body .delivery-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
  html body #deliveryMeta { margin-top:8px; font-size:12px; color:var(--bc-muted); }
}