/* Producer sharing — Frame.io V4 direction on the shared design tokens.
   This sheet owns every rule for the share workspace (.share-*, .review-link-card, .media-tile/.media-*,
   .publish-assets, the legacy feedback fallback), the presentation editor (.share-deck-dialog, .deck-*) and the
   media lightbox (.media-preview-dialog). Selectors carry specificity ≥ (0,2,0) so stylesheet order no longer matters. */

/* ---------- Dialog shell (host <dialog class="share-dialog">) ---------- */
.share-dialog.share-dialog{width:min(1280px,96vw);max-width:96vw;height:min(880px,92dvh);max-height:92dvh;margin:auto;padding:0;color:var(--ds-fg);background:var(--ds-bg-elevated);border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-dialog);box-shadow:var(--ds-shadow-dialog);overflow:hidden;overscroll-behavior:contain}
.share-dialog.share-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.share-dialog #client-review-portal{height:100%;min-height:0}
.share-dialog .share-workspace{height:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;min-height:0}
.review-portal.review-portal{margin:0}
.review-portal .error-text{overflow-wrap:anywhere}

/* ---------- Page header ---------- */
.share-workspace .share-page-header{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 20px;border-bottom:var(--ds-hair) solid var(--ds-border);flex:none}
.share-workspace .share-page-heading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.share-workspace .share-back{flex:none;min-height:28px;padding:0 8px 0 6px;font-size:var(--ds-text-sm);color:var(--ds-muted);gap:4px}
.share-workspace .share-back svg{width:14px;height:14px}
.share-workspace .share-page-title{min-width:0}
.share-workspace .share-page-title h2{margin:0;font-size:var(--ds-text-lg);font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .share-page-title p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 0 0;font-size:var(--ds-text-xs);color:var(--ds-muted)}
.share-workspace .share-page-header>.actions{display:flex;align-items:center;gap:8px;flex:none;width:auto;margin:0;justify-content:flex-end}
.share-workspace .share-close{flex:none}

/* ---------- Messages (one alert node, one status node) ---------- */
.share-workspace .share-messages{flex:none;display:grid;gap:8px;padding:10px 20px 0}
.share-workspace .share-messages:has(.error-text:empty):not(:has(.notice)){display:none}
.share-workspace .share-messages .notice,.share-workspace .share-messages .error-text:not(:empty){display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border:1px solid transparent;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);line-height:1.5;overflow-wrap:anywhere}
.share-workspace .share-messages .notice.info{background:var(--ds-accent-soft);border-color:rgba(var(--ds-accent-rgb),.3);color:var(--ds-fg)}
.share-workspace .share-messages .notice>svg{width:16px;height:16px;flex:none;color:var(--ds-accent-text)}
.share-workspace .share-messages .notice>span{flex:1;min-width:0}
.share-workspace .share-messages .notice>button{flex:none}
.share-workspace .share-messages .error-text:not(:empty){background:var(--ds-danger-soft);border-color:rgba(4,12,90,.3);color:var(--ds-danger-text)}
.share-workspace .share-messages .error-text:empty{display:none}

/* ---------- All shares (table) ---------- */
.share-workspace .share-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:8px 20px;font-size:var(--ds-text-sm);color:var(--ds-muted)}
.share-workspace .share-list-toolbar button svg{width:14px;height:14px}
.share-workspace .share-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px}
/* Head and rows are separate grids, so every track is fixed (the actions column included) and the columns line up. */
.share-workspace .share-list-head,.share-workspace .share-list-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 120px 160px 180px;align-items:center;gap:12px}
.share-workspace .share-list-lite .share-list-head,.share-workspace .share-list-lite .share-list-row{grid-template-columns:minmax(0,1fr) 150px 130px 180px}
.share-workspace .share-list-head{padding:6px 12px;border-bottom:var(--ds-hair) solid var(--ds-border);font-size:var(--ds-text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-subtle)}
.share-workspace .share-list-row{min-height:60px;margin:0;padding:6px 12px;border:0;border-bottom:var(--ds-hair) solid var(--ds-border);border-radius:0;transition:background-color var(--ds-fast) var(--ds-ease)}
.share-workspace .share-list-row:hover{background:var(--ds-surface-hover)}
.share-workspace .share-list-open{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:12px;min-width:0;min-height:0;padding:2px;border:0;border-radius:6px;background:transparent;box-shadow:none;text-align:left}
.share-workspace .share-list-open:hover:not(:disabled){background:transparent;border-color:transparent}
.share-workspace .share-list-icon{display:flex;align-items:center;justify-content:center;width:64px;height:36px;flex:none;border:var(--ds-hair) solid var(--ds-border);border-radius:4px;background:var(--ds-surface-active);color:var(--ds-accent-text)}
.share-workspace .share-list-icon>svg{width:18px;height:18px}
.share-workspace .share-list-text{display:block;min-width:0}
.share-workspace .share-list-text strong{display:block;font-size:var(--ds-text-md);font-weight:500;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .share-list-text small{display:block;margin-top:2px;font-size:var(--ds-text-xs);color:var(--ds-muted)}
.share-workspace .share-list-cell{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--ds-text-sm);color:var(--ds-muted)}
.share-workspace .share-list-cell>svg{width:15px;height:15px;flex:none;color:var(--ds-subtle)}
.share-workspace .share-list-row>.actions{display:flex;justify-content:flex-end;gap:4px;width:auto;min-width:0;margin:0;flex:none}
.share-workspace .share-list-row>.actions button{background:transparent;border-color:transparent;box-shadow:none;color:var(--ds-muted)}
.share-workspace .share-list-row>.actions button:hover:not(:disabled){background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.share-workspace .share-list-row>.actions button svg{width:14px;height:14px}
.share-workspace .share-list-row>.actions a{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:var(--ds-radius-control);font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-workspace .share-list-row>.actions a:hover{background:var(--ds-surface-hover);color:var(--ds-fg);text-decoration:none}
.share-workspace .share-empty{padding:80px 20px}
.share-workspace .share-empty h3{margin:0;font-size:var(--ds-text-lg);font-weight:600;color:var(--ds-fg)}
.share-workspace .share-empty p{max-width:38ch;margin:4px auto 16px;line-height:1.6}

/* ---------- Workspace: media column + settings sidebar ---------- */
.share-workspace .share-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;flex:1;min-height:0;overflow:hidden}
.share-workspace .share-content{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 20px 0;overflow-y:auto;overscroll-behavior:contain}
.share-workspace .share-content-nav{flex:none;gap:4px;margin:0 0 14px}
.share-workspace .share-content-nav button{min-height:34px;margin-bottom:-1px;padding:0 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--ds-muted);font-size:var(--ds-text-md);font-weight:500}
.share-workspace .share-content-nav button:hover:not(:disabled){color:var(--ds-fg);background:transparent;border-color:transparent;border-bottom-color:var(--ds-border-strong)}
.share-workspace .share-content-nav button[aria-pressed="true"]{color:var(--ds-fg);border-bottom-color:var(--ds-accent);background:transparent}
.share-workspace .share-content-nav .ds-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-active);color:var(--ds-muted);font-size:10.5px;font-variant-numeric:tabular-nums}
.share-workspace .share-files,.share-workspace .share-feedback,.share-workspace .review-publish{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;border:0}
.share-workspace .share-files[hidden],.share-workspace .share-feedback[hidden],.share-workspace .review-publish[hidden]{display:none}
.share-workspace .share-media-heading{display:flex;align-items:center;gap:10px;flex:none;margin:0 0 12px}
.share-workspace .share-media-heading h3{margin:0;font-size:var(--ds-text-lg);font-weight:600}
.share-workspace .share-media-meta{display:inline-flex;gap:6px}
.share-workspace .share-media-heading>button{margin-left:auto}
.share-workspace .share-media-heading>button svg{width:14px;height:14px}

/* Toolbar: source, search, filter, sort, layout */
.share-workspace .media-browser-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none;margin:0 0 12px}
.share-workspace .share-source{display:flex;align-items:center;gap:6px;min-width:0}
.share-workspace .share-source label{margin:0;font-size:var(--ds-text-xs);color:var(--ds-subtle);white-space:nowrap}
.share-workspace .share-source select{width:auto;max-width:220px;font-size:var(--ds-text-sm)}
.share-workspace .share-search{position:relative;flex:1;min-width:150px;max-width:320px}
.share-workspace .share-search>svg{position:absolute;left:9px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--ds-subtle);pointer-events:none}
.share-workspace .share-search input{width:100%;padding-left:30px;font-size:var(--ds-text-sm)}
.share-workspace .media-browser-tools>select{width:auto;font-size:var(--ds-text-sm)}
.share-workspace .share-layout-toggle{margin-left:auto}
.share-workspace .share-layout-toggle>button{width:28px;padding:0}
.share-workspace .share-layout-toggle>button[aria-pressed="true"]{cursor:default}

/* Media tiles (shared shell with the media browser: ds-card / ds-thumb / ds-card-info) */
.share-workspace .publish-assets{flex:none;margin:0;padding:2px 2px 16px;max-height:none;overflow:visible}
.share-workspace .publish-assets.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:14px;align-content:start}
.share-workspace .publish-assets.media-list{display:flex;flex-direction:column;gap:0;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .media-tile{position:relative;min-width:0;background:var(--ds-surface);border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-card);overflow:hidden;transition:border-color var(--ds-fast) var(--ds-ease),box-shadow var(--ds-fast) var(--ds-ease),background-color var(--ds-fast) var(--ds-ease)}
.share-workspace .media-tile:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-hover)}
.share-workspace .media-tile.is-selected{border-color:var(--ds-border-accent);background:var(--ds-surface-hover);box-shadow:0 0 0 1px var(--ds-border-accent),var(--ds-shadow-card)}
.share-workspace .media-selection{position:absolute;top:8px;left:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(0,0,0,.55);opacity:0;cursor:pointer;transition:opacity var(--ds-fast) var(--ds-ease)}
.share-workspace .media-tile:hover .media-selection,.share-workspace .media-tile:focus-within .media-selection,.share-workspace .media-tile.is-selected .media-selection,.share-workspace .media-selection:has(input:checked){opacity:1}
.share-workspace .media-selection input{width:14px;height:14px;margin:0}
.share-workspace .media-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--ds-stage);overflow:hidden;cursor:pointer}
.share-workspace .media-preview:hover:not(:disabled),.share-workspace .media-preview:active:not(:disabled){background:var(--ds-stage);border-color:transparent}
.share-workspace .media-preview:disabled{opacity:1;cursor:default;box-shadow:none}
.share-workspace .media-preview:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ds-accent)}
.share-workspace .media-preview>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.share-workspace .media-preview::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);pointer-events:none;transition:background-color var(--ds-fast) var(--ds-ease)}
.share-workspace .media-preview:hover:not(:disabled)::after{background:rgba(255,255,255,.05)}
.share-workspace .media-preview .ds-fallback{font-size:var(--ds-text-xs)}
.share-workspace .media-duration{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.72);color:var(--brand-paper-lit);font-family:var(--ds-mono);font-size:10.5px;font-variant-numeric:tabular-nums;line-height:1.2;pointer-events:none}
.share-workspace .media-kind{top:6px;right:6px;bottom:auto;font-family:var(--ds-font);font-size:10px;font-weight:500;letter-spacing:.02em}
.share-workspace .media-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:2px;align-items:center;padding:9px 10px 10px}
.share-workspace .media-info strong{display:block;min-width:0;font-size:var(--ds-text-md);font-weight:500;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .media-info small{display:block;min-width:0;margin:0;font-size:var(--ds-text-xs);line-height:1.4;color:var(--ds-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .media-list .media-tile{display:grid;grid-template-columns:28px 88px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:6px 8px;border:0;border-bottom:var(--ds-hair) solid var(--ds-border);border-radius:0;background:transparent;box-shadow:none}
.share-workspace .media-list .media-tile:hover{background:var(--ds-surface-hover)}
.share-workspace .media-list .media-tile.is-selected{background:var(--ds-accent-soft);box-shadow:none}
.share-workspace .media-list .media-selection{position:static;width:auto;height:auto;border:0;background:transparent;opacity:1}
.share-workspace .media-list .media-preview{width:88px;border-radius:4px}
.share-workspace .media-list .media-info{display:flex;justify-content:space-between;gap:12px;padding:0}
.share-workspace .media-list .media-info strong{flex:1}
.share-workspace .media-list .media-info small{flex:none}
.share-workspace .share-empty-media{grid-column:1/-1;padding:48px 16px}
.share-workspace .share-strip-more{display:none}

/* Selection bar pinned under the grid */
.share-workspace .share-selection-bar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;flex:none;margin:auto -20px 0;padding:8px 20px;border-top:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated)}
.share-workspace .share-selection-bar strong{margin-right:auto;white-space:nowrap;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-fg);font-variant-numeric:tabular-nums}
.share-workspace .share-selection-actions{display:flex;flex-wrap:wrap;gap:2px}
.share-workspace .share-selection-actions button{min-height:28px;padding:0 8px;font-size:var(--ds-text-sm)}

/* ---------- Settings sidebar ---------- */
.share-workspace .share-settings{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated);overflow:hidden}
.share-workspace .share-settings-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.share-workspace .share-settings-body>h3{margin:0;padding:14px 18px 10px;font-size:var(--ds-text-md);font-weight:600}
.share-workspace .share-section{padding:14px 18px;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .share-section>h4,.share-workspace .share-subsection>h4{margin:0 0 10px;font-size:var(--ds-text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-subtle)}
.share-workspace .share-settings label{display:block;margin-bottom:10px;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-workspace .share-settings label>input,.share-workspace .share-settings label>select,.share-workspace .share-settings label>textarea{margin-top:5px}
.share-workspace .share-settings input:not([type=checkbox]),.share-workspace .share-settings select,.share-workspace .share-settings textarea{width:100%}
.share-workspace .share-settings .two-fields{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.share-workspace .share-settings .two-fields label{margin-bottom:0}
.share-workspace .share-settings .two-fields input{margin-top:5px}
.share-workspace .share-settings .check-label{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:var(--ds-text-sm);font-weight:400;line-height:1.5;color:var(--ds-fg);cursor:pointer}
.share-workspace .share-settings .check-label input{flex:none;margin:2px 0 0}
.share-workspace .share-settings .field-note{margin:8px 0 0;font-size:var(--ds-text-xs);line-height:1.6;color:var(--ds-subtle)}
.share-workspace .share-settings-note{display:flex;align-items:center;gap:6px;margin:0;padding:12px 18px 16px;border-top:var(--ds-hair) solid var(--ds-border);font-size:var(--ds-text-xs);color:var(--ds-muted)}
.share-workspace .share-settings-note svg{width:14px;height:14px;color:var(--ds-subtle)}

/* Share link card */
.share-workspace .review-link-card{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-wrap:anywhere}
.share-workspace .review-link-card>strong{display:block;font-size:var(--ds-text-md);font-weight:500;color:var(--ds-fg)}
.share-workspace .review-link-card>.field-note{margin:2px 0 10px}
.share-workspace .share-link-row{display:flex;align-items:center;gap:6px}
.share-workspace .share-link-row .share-url{flex:1;width:auto;min-width:0;margin:0;font-family:var(--ds-mono);font-size:var(--ds-text-xs);color:var(--ds-muted)}
.share-workspace .share-link-row button{flex:none;margin:0;font-size:var(--ds-text-sm)}
.share-workspace .share-link-row button svg{width:14px;height:14px}
.share-workspace .share-link-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.share-workspace .share-link-preview{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border-radius:var(--ds-radius-control);font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-workspace .share-link-preview:hover{background:var(--ds-surface-hover);color:var(--ds-fg);text-decoration:none}
.share-workspace .share-link-preview svg{width:14px;height:14px}
.share-workspace .share-link-actions .danger{min-height:28px;margin:0;padding:0 8px;border-color:transparent;background:transparent;box-shadow:none;font-size:var(--ds-text-sm);color:var(--ds-danger-text)}
.share-workspace .share-link-actions .danger:hover:not(:disabled){background:var(--ds-danger-soft);border-color:transparent}
.share-workspace .share-link-actions .danger svg{width:14px;height:14px}

/* Presentation */
.share-workspace .share-layout-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.share-workspace .share-settings .share-layout-choice>label{flex:none;margin:0;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-workspace .share-layout-control{position:relative;flex:none}
/* The native <select> keeps the "Client view" combobox for keyboards and assistive tech; the segment mirrors its value for pointer users. */
.share-workspace .share-settings .share-layout-select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;pointer-events:none}
.share-workspace .share-layout-segment{position:relative}
.share-workspace .share-layout-segment>button{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-weight:500;white-space:nowrap}
.share-workspace .share-layout-segment>button>svg{width:14px;height:14px;color:var(--ds-subtle)}
.share-workspace .share-layout-segment>button[aria-pressed="true"]>svg{color:var(--ds-fg)}
.share-workspace .share-layout-control:has(.share-layout-select:focus-visible) .share-layout-segment{box-shadow:var(--ds-focus)}
.share-workspace .share-view-badge{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:var(--ds-text-sm);color:var(--ds-fg)}
.share-workspace .share-view-badge svg{width:15px;height:15px;color:var(--ds-subtle)}
.share-workspace .share-edit-deck{width:100%;margin:10px 0 0;font-size:var(--ds-text-sm)}
.share-workspace .share-edit-deck svg{width:14px;height:14px}

/* Access & delivery + invitations (native <details>; the summary stays a direct child) */
.share-workspace .share-delivery,.share-workspace .share-invitations{margin:0;padding:0;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .share-delivery>summary,.share-workspace .share-invitations>summary{display:flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:0 18px;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-fg);cursor:pointer;list-style:none;transition:background-color var(--ds-fast) var(--ds-ease)}
.share-workspace .share-delivery>summary::-webkit-details-marker,.share-workspace .share-invitations>summary::-webkit-details-marker{display:none}
.share-workspace .share-delivery>summary:hover,.share-workspace .share-invitations>summary:hover{background:var(--ds-surface-hover)}
.share-workspace .share-delivery>summary>svg,.share-workspace .share-invitations>summary>svg{width:14px;height:14px;flex:none;color:var(--ds-subtle);transition:transform var(--ds-fast) var(--ds-ease)}
.share-workspace .share-delivery[open]>summary>svg,.share-workspace .share-invitations[open]>summary>svg{transform:rotate(90deg)}
.share-workspace .share-summary-meta{margin-left:auto;font-size:var(--ds-text-xs);font-weight:400;color:var(--ds-subtle);white-space:nowrap}
.share-workspace .share-expiry-field{margin-bottom:10px}
.share-workspace .share-expiry-field label{margin-bottom:0}
.share-workspace .share-expiry-field input{margin-top:5px}
.share-workspace .share-delivery-body,.share-workspace .share-invitations-body{padding:2px 18px 14px}
.share-workspace .share-subsection{padding-top:4px}
.share-workspace .share-subsection+.share-subsection{margin-top:12px;padding-top:12px;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .share-switch-row{display:flex;flex-direction:column;gap:1px;padding:6px 0}
.share-workspace .share-settings .share-switch{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:var(--ds-text-md);font-weight:500;color:var(--ds-fg);cursor:pointer}
.share-workspace .share-settings .share-switch input{flex:none;width:30px;height:18px;margin:0}
.share-workspace .share-switch-row>small{padding-right:42px;font-size:var(--ds-text-xs);line-height:1.5;color:var(--ds-subtle)}
.share-workspace .share-hint{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.share-workspace .share-hint svg{width:13px;height:13px;flex:none}
.share-workspace .share-delivery-actions{display:flex;gap:6px;margin:8px 0 4px}
.share-workspace .share-delivery-actions .primary{flex:1}
.share-workspace .share-stale{color:var(--ds-warning-text)}
.share-workspace .share-invitations-body>button svg{width:14px;height:14px}

/* Invitation registry + draft */
.share-workspace .share-invite-list{margin:0;padding:4px 10px;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .share-invite-list>button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:var(--ds-radius-control);background:transparent;box-shadow:none;text-align:left}
.share-workspace .share-invite-list>button:hover:not(:disabled){background:var(--ds-surface-hover);border-color:transparent}
.share-workspace .share-invite-list>button[aria-pressed="true"]{background:var(--ds-surface-active)}
.share-workspace .share-invite-text{display:block;flex:1;min-width:0}
.share-workspace .share-invite-text>span{display:block;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .share-invite-text>small{display:block;font-size:var(--ds-text-xs);color:var(--ds-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-workspace .share-invite-list .ds-chip{flex:none}
.share-workspace .share-invite-draft{padding:12px 18px 16px;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .share-invite-draft>strong{display:block;margin-bottom:8px;font-size:var(--ds-text-sm);font-weight:500}
.share-workspace .share-invite-draft textarea{width:100%;height:150px;margin:0 0 8px;font-family:var(--ds-mono);font-size:var(--ds-text-xs);line-height:1.5}
.share-workspace .share-invite-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.share-workspace .share-invite-actions button svg,.share-workspace .share-invite-draft>.primary svg{width:14px;height:14px}
.share-workspace .share-invite-draft>.primary{width:100%}

/* Next: episode */
.share-workspace .share-continue p{margin:0 0 6px;font-size:var(--ds-text-sm);color:var(--ds-muted)}
.share-workspace .share-continue>.primary{width:100%;margin-top:4px}

/* Sidebar footer: primary publish action */
.share-workspace .share-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:12px 18px;border-top:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated)}
.share-workspace .share-footer:not(:has(.share-advanced)):has(.share-publish-controls[hidden]){display:none}
.share-workspace .share-publish-controls{flex:1;min-width:0;margin:0;padding:0;border:0}
.share-workspace .share-publish-controls[hidden]{display:none}
.share-workspace .share-publish-controls>.primary{width:100%;min-height:34px;font-size:var(--ds-text-md)}
.share-workspace .share-publish-controls>.primary .ds-spinner{border-color:rgba(255,255,255,.35);border-top-color:var(--brand-paper-lit)}
.share-workspace .share-publish-controls>.field-note{margin:8px 0 0;font-size:var(--ds-text-xs);line-height:1.6;color:var(--ds-subtle)}
.share-workspace .share-advanced{flex:none;padding:0 6px;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-accent-text)}
.share-workspace .share-advanced:hover:not(:disabled){color:var(--ds-accent-text)}

/* ---------- Feedback fallback (only while updating files on the feedback tab) ---------- */
.share-workspace .client-feedback{padding:0 0 20px;border:0}
.share-workspace .client-feedback h3,.share-workspace .revision-builder h3,.share-workspace .auto-revision-settings h3,.share-workspace .revision-runs h3{margin:0 0 10px;font-size:var(--ds-text-lg);font-weight:600}
.share-workspace .client-feedback .notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(var(--ds-accent-rgb),.3);border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft);color:var(--ds-fg);font-size:var(--ds-text-sm);line-height:1.5}
.share-workspace .client-feedback .notice>svg{width:16px;height:16px;flex:none;color:var(--ds-accent-text);margin-top:2px}
.share-workspace .client-feedback .notice strong{display:block;margin-bottom:2px}
.share-workspace .client-approvals{max-height:200px;margin:0 0 14px;overflow:auto}
.share-workspace .client-approvals p{display:flex;align-items:flex-start;gap:10px;margin:0;padding:8px 0;border-bottom:var(--ds-hair) solid var(--ds-border);font-size:var(--ds-text-sm);color:var(--ds-fg)}
.share-workspace .client-approvals small,.share-workspace .producer-comment small,.share-workspace .revision-runs small{display:block;margin-top:2px;font-size:var(--ds-text-xs);line-height:1.5;color:var(--ds-muted)}
.share-workspace .producer-comments{max-height:none;padding:0;overflow:visible}
.share-workspace .producer-comment{padding:12px 0;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .producer-comment.is-reply{margin-left:24px;padding-left:12px;border-left:2px solid var(--ds-border)}
.share-workspace .producer-comment .check-label{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:var(--ds-text-sm);cursor:pointer}
.share-workspace .producer-comment .check-label input{flex:none;margin-top:5px}
.share-workspace .producer-comment .check-label strong{display:block;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-fg)}
.share-workspace .producer-comment>p{margin:8px 0 8px 34px;font-size:var(--ds-text-md);line-height:1.55;color:var(--ds-fg);white-space:pre-wrap;overflow-wrap:anywhere}
.share-workspace .producer-comment .actions{display:flex;align-items:center;gap:8px;width:auto;margin:0 0 0 34px}
.share-workspace .producer-comment .actions a{font-size:var(--ds-text-sm)}
.share-workspace .producer-comment .text-button{min-height:28px;font-size:var(--ds-text-sm)}
.share-workspace .revision-builder,.share-workspace .auto-revision-settings,.share-workspace .revision-runs{margin:16px 0 0;padding:16px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface);box-shadow:none}
.share-workspace .revision-builder .two-fields,.share-workspace .auto-revision-settings .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.share-workspace .revision-builder label,.share-workspace .auto-revision-settings label{display:block;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-workspace .revision-builder label>input,.share-workspace .auto-revision-settings label>input{margin-top:5px}
.share-workspace .revision-builder input:not([type=checkbox]),.share-workspace .revision-builder select,.share-workspace .auto-revision-settings input:not([type=checkbox]){width:100%}
.share-workspace .client-feedback .check-label{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:var(--ds-text-sm);font-weight:400;color:var(--ds-fg);cursor:pointer}
.share-workspace .client-feedback .check-label input{flex:none;margin-top:2px}
.share-workspace .auto-revision-settings .actions{display:flex;gap:8px;width:auto;margin:12px 0 0}
.share-workspace .revision-runs>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:var(--ds-hair) solid var(--ds-border)}
.share-workspace .revision-runs>div:first-of-type{border-top:0}
.share-workspace .revision-runs>div>span{font-size:var(--ds-text-sm);overflow-wrap:anywhere}
.share-workspace .client-feedback .field-note{margin:8px 0 0;font-size:var(--ds-text-xs);line-height:1.6;color:var(--ds-subtle)}

/* ---------- Quick share: compact popover-style card over the project ---------- */
.share-dialog.share-dialog:has(.is-quick){width:360px;max-width:calc(100vw - 24px);height:fit-content;max-height:92dvh;overflow:auto}
.share-dialog.share-dialog:has(.is-quick) #client-review-portal,.share-dialog .is-quick{height:auto;min-height:0}
.is-quick.share-workspace .share-page-header{min-height:48px;padding:10px 10px 6px 18px;border-bottom:0}
.is-quick.share-workspace .share-messages{padding:0 18px}
.is-quick.share-workspace .share-workspace-grid{display:flex;flex-direction:column;flex:none;overflow:visible}
.is-quick.share-workspace .share-content{display:block;padding:6px 18px 0;overflow:visible}
.is-quick.share-workspace .share-content-nav,.is-quick.share-workspace .share-media-heading,.is-quick.share-workspace .media-browser-tools,.is-quick.share-workspace .share-selection-bar,.is-quick.share-workspace .media-selection,.is-quick.share-workspace .media-info,.is-quick.share-workspace .media-duration,.is-quick.share-workspace .share-settings-body>h3,.is-quick.share-workspace .share-section>h4{display:none}
.is-quick.share-workspace .publish-assets.media-grid,.is-quick.share-workspace .publish-assets.media-list{display:flex;gap:4px;height:124px;margin:0;padding:0;border:0;border-radius:var(--ds-radius-sm);overflow:hidden;background:var(--ds-stage)}
.is-quick.share-workspace .media-tile{display:block;flex:1;min-width:0;padding:0;border:0;border-radius:0;background:var(--ds-stage);box-shadow:none}
.is-quick.share-workspace .media-tile:nth-child(n+4){display:none}
.is-quick.share-workspace .media-preview{width:100%;height:124px;aspect-ratio:auto;border-radius:0}
.is-quick.share-workspace .share-strip-more{display:block;position:absolute;right:26px;bottom:8px;padding:2px 7px;border-radius:var(--ds-radius-pill);background:rgba(0,0,0,.72);color:var(--brand-paper-lit);font-size:var(--ds-text-xs);font-weight:500;pointer-events:none}
.is-quick.share-workspace .share-settings{display:block;border:0;background:transparent;overflow:visible}
.is-quick.share-workspace .share-settings-body{overflow:visible}
.is-quick.share-workspace .share-section{padding:12px 18px 0;border:0}
.is-quick.share-workspace .share-new-fields{grid-template-columns:minmax(0,1fr)}
.is-quick.share-workspace .share-new-fields label{white-space:nowrap}
.is-quick.share-workspace .share-footer{position:sticky;bottom:0;z-index:2;background:var(--ds-bg-elevated)}
.is-quick.share-workspace .review-link-card>strong,.is-quick.share-workspace .review-link-card>.field-note,.is-quick.share-workspace .share-link-actions .danger{display:none}
.is-quick.share-workspace .share-delivery{margin-top:6px}
.is-quick.share-workspace .share-section-presentation{padding-bottom:4px}
.is-quick.share-workspace .share-layout-choice{min-height:36px}
.is-quick.share-workspace .share-quick-access{padding:2px 18px 0}
.is-quick.share-workspace .share-switch-row{flex-direction:row;align-items:center;gap:10px;min-height:38px;padding:0}
.is-quick.share-workspace .share-switch-row>svg,.is-quick.share-workspace .share-field-row>svg{width:16px;height:16px;flex:none;color:var(--ds-subtle)}
.is-quick.share-workspace .share-settings .share-switch{flex:1;font-weight:400}
.is-quick.share-workspace .share-field-row{display:flex;align-items:center;gap:10px;min-height:38px}
.is-quick.share-workspace .share-settings .share-field-row>label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0;font-size:var(--ds-text-md);font-weight:400;color:var(--ds-fg)}
.is-quick.share-workspace .share-settings .share-field-row>label>input{width:150px;flex:none;margin:0}
.is-quick.share-workspace .share-quick-access>.share-hint{margin:-2px 0 6px 26px}
.is-quick.share-workspace .share-quick-access>.check-label{margin:4px 0 6px 26px}
.is-quick.share-workspace .share-quick-access>.share-delivery-actions{margin:6px 0 4px}
.is-quick.share-workspace .share-delivery-body{padding:0 18px 12px}
.is-quick.share-workspace .share-delivery-body>.field-note{margin-top:4px}
/* The inline Comments switch already says this in quick mode. */
.is-quick.share-workspace .share-settings-note{display:none}
.is-quick.share-workspace .share-footer{padding:10px 18px 16px}
.is-quick.share-workspace .share-publish-controls{flex:none}
.is-quick.share-workspace .share-publish-controls>.primary{width:auto;min-height:32px;font-size:var(--ds-text-sm)}
.is-quick.share-workspace .share-publish-controls>.field-note{display:none}

/* ---------- Presentation editor ---------- */
.share-deck-dialog.share-deck-dialog{width:min(1080px,95vw);max-width:95vw;height:min(860px,92dvh);max-height:92dvh;padding:0;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-dialog);background:var(--ds-bg-elevated);color:var(--ds-fg);box-shadow:var(--ds-shadow-dialog);overflow:hidden}
.share-deck-dialog.share-deck-dialog[open]{display:flex;flex-direction:column}
.share-deck-dialog.share-deck-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.share-deck-dialog .deck-heading{flex:1;min-width:0}
.share-deck-dialog .deck-heading h2{margin:0;font-size:var(--ds-text-lg);font-weight:600}
.share-deck-dialog .deck-heading p{margin:2px 0 0;font-size:var(--ds-text-xs);color:var(--ds-muted)}
.share-deck-dialog .deck-editor-body{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.share-deck-dialog .deck-settings{padding:16px 18px;border-right:var(--ds-hair) solid var(--ds-border);overflow:auto;overscroll-behavior:contain}
.share-deck-dialog .deck-settings h4{margin:0 0 10px;font-size:var(--ds-text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-subtle)}
.share-deck-dialog .deck-settings h4:not(:first-child){margin-top:8px}
.share-deck-dialog .deck-settings label{display:block;margin-bottom:12px;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.share-deck-dialog .deck-settings label>input,.share-deck-dialog .deck-settings label>select,.share-deck-dialog .deck-settings label>textarea{width:100%;margin-top:5px}
.share-deck-dialog .deck-settings textarea{min-height:72px}
.share-deck-dialog .deck-settings .field-note{margin:4px 0 0;font-size:var(--ds-text-xs);line-height:1.6;color:var(--ds-subtle)}
.share-deck-dialog .deck-slides{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--ds-bg);overflow:auto;overscroll-behavior:contain}
.share-deck-dialog .deck-slide-row{flex:none;display:grid;grid-template-columns:auto 176px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px 10px 8px;cursor:grab}
.share-deck-dialog .deck-slide-row:active{cursor:grabbing}
.share-deck-dialog .deck-slide-row.is-dragging{opacity:.5}
.share-deck-dialog .deck-slide-row.is-drop-target{border-color:var(--ds-accent);box-shadow:0 -2px 0 0 var(--ds-accent),var(--ds-shadow-card)}
.share-deck-dialog .deck-slide-order{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ds-subtle);font-size:var(--ds-text-xs)}
.share-deck-dialog .deck-grip{display:flex;color:var(--ds-faint)}
.share-deck-dialog .deck-grip svg{width:16px;height:16px}
.share-deck-dialog .deck-index{padding:2px 0;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ds-muted)}
.share-deck-dialog .deck-slide-thumb{width:176px;border:var(--ds-hair) solid var(--ds-border);border-radius:6px}
.share-deck-dialog .deck-slide-fields{display:grid;gap:8px;min-width:0}
.share-deck-dialog .deck-slide-title{display:flex;align-items:center;gap:8px;min-width:0}
.share-deck-dialog .deck-slide-title strong{min-width:0;font-size:var(--ds-text-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-deck-dialog .deck-slide-fields input{width:100%;font-size:var(--ds-text-sm);cursor:text}
.share-deck-dialog .deck-section-fields{display:grid;gap:6px;padding:8px 10px;border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-bg-elevated)}
.share-deck-dialog .deck-section-label{display:flex;align-items:center;gap:6px;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.share-deck-dialog .deck-section-label svg{width:13px;height:13px}
.share-deck-dialog .deck-divider-preview{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-active);color:var(--ds-muted);font-size:var(--ds-text-sm)}
.share-deck-dialog .deck-divider-preview>svg{width:16px;height:16px;flex:none;color:var(--ds-subtle)}
.share-deck-dialog .deck-divider-preview strong{display:block;font-weight:500;color:var(--ds-fg)}
.share-deck-dialog .deck-divider-preview small{display:block;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.share-deck-dialog>footer>span{flex:1;font-size:var(--ds-text-sm);color:var(--ds-muted)}
.share-deck-dialog .deck-error{flex:1;margin:0;font-size:var(--ds-text-sm);color:var(--ds-danger-text)}

/* ---------- Media lightbox ---------- */
.media-preview-dialog.media-preview-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-dialog);background:var(--ds-bg-elevated);color:var(--ds-fg);box-shadow:var(--ds-shadow-dialog);overflow:hidden}
.media-preview-dialog.media-preview-dialog[open]{display:flex;flex-direction:column}
.media-preview-dialog.media-preview-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.media-preview-dialog header{display:flex;align-items:center;gap:10px;flex:none;min-height:48px;margin:0;padding:0 10px 0 16px;border-bottom:var(--ds-hair) solid var(--ds-border)}
.media-preview-dialog h2{flex:1;min-width:0;margin:0;font-size:var(--ds-text-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-preview-dialog .media-preview-dimensions{font-family:var(--ds-mono);font-size:var(--ds-text-xs);color:var(--ds-muted)}
.media-preview-dialog .media-preview-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;background:var(--ds-stage)}
.media-preview-dialog video,.media-preview-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(94dvh - 50px);margin:0;object-fit:contain}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .share-workspace .share-workspace-grid{grid-template-columns:minmax(0,1fr) 300px}
  .share-workspace .share-content{padding:12px 16px 0}
  .share-workspace .share-selection-bar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .share-workspace .share-list .share-list-head,.share-workspace .share-list .share-list-row{grid-template-columns:minmax(0,1fr) 140px 180px}
  .share-workspace .share-list-cell:not(.share-list-status),.share-workspace .share-list-head>span:nth-child(3),.share-workspace .share-list-head>span:nth-child(4){display:none}
  .share-workspace .publish-assets.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}
  .share-deck-dialog .deck-editor-body{grid-template-columns:230px minmax(0,1fr)}
  .share-deck-dialog .deck-slide-row{grid-template-columns:auto 128px minmax(0,1fr)}
  .share-deck-dialog .deck-slide-thumb{width:128px}
}
@media (max-width:640px){
  .share-dialog.share-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  .share-workspace .share-page-header{padding:6px 8px 6px 14px}
  .share-workspace .share-workspace-grid{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
  .share-workspace .share-content,.share-workspace .share-settings{flex:none;overflow:visible}
  .share-workspace .share-settings{border-left:0;border-top:var(--ds-hair) solid var(--ds-border)}
  .share-workspace .share-settings-body{overflow:visible}
  .share-workspace .share-selection-bar{position:static;margin:0 -16px}
  .share-workspace .share-footer{position:sticky;bottom:0;z-index:3}
  .share-workspace .share-source{width:100%}
  .share-workspace .share-source select{flex:1;max-width:none}
  .share-workspace .share-search{max-width:none}
  .share-workspace .publish-assets.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .share-workspace .media-list .media-tile{grid-template-columns:24px 72px minmax(0,1fr)}
  .share-workspace .media-list .media-preview{width:72px}
  .share-workspace .media-list .media-info{flex-direction:column;align-items:flex-start;gap:2px}
  .share-workspace .share-list{padding:0 12px 12px}
  .share-workspace .share-list-head{display:none}
  .share-workspace .share-list .share-list-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 4px}
  .share-workspace .share-list-cell{display:none}
  .share-workspace .share-list-row>.actions{justify-content:flex-start;padding-left:78px}
  .share-dialog.share-dialog:has(.is-quick){width:100vw;max-width:100vw;height:fit-content;max-height:100dvh;margin:auto 0 0;border:0;border-radius:12px 12px 0 0}
  .share-deck-dialog.share-deck-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  .share-deck-dialog .deck-editor-body{display:flex;flex-direction:column;overflow:auto}
  .share-deck-dialog .deck-settings{flex:none;padding:14px;border-right:0;border-bottom:var(--ds-hair) solid var(--ds-border);overflow:visible}
  .share-deck-dialog .deck-slides{overflow:visible}
  .share-deck-dialog .deck-slide-row{grid-template-columns:auto 96px minmax(0,1fr);gap:8px;padding:8px}
  .share-deck-dialog .deck-slide-thumb{width:96px}
  .media-preview-dialog.media-preview-dialog{width:100vw;max-width:100vw;max-height:100dvh;border:0;border-radius:0}
}

/* ---------- Input modality, motion and forced colors ---------- */
@media (hover:none) and (pointer:coarse){
  .share-workspace .media-selection{opacity:1;width:36px;height:36px}
  .share-workspace .media-selection input{width:18px;height:18px}
}
@media (prefers-reduced-motion:reduce){
  .share-workspace .media-tile,.share-workspace .media-selection,.share-workspace .share-list-row,.share-workspace .media-preview::after,.share-deck-dialog .deck-slide-row{transition:none}
}
@media (forced-colors:active){
  .share-workspace .media-tile.is-selected,.share-workspace .share-list-open:focus-visible,.share-deck-dialog .deck-slide-row.is-drop-target{outline:2px solid Highlight;outline-offset:-2px}
  .share-workspace .media-selection{opacity:1;border:1px solid CanvasText}
  .share-workspace .media-duration,.share-workspace .share-strip-more,.share-workspace .share-content-nav .ds-count{border:1px solid CanvasText}
  .share-workspace .share-content-nav button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
}

/* === Producer review room (.pr-*) — owned by the producer-room pass; keep this block last === */
/* Frame.io-style unified player: black stage, transport bar with comment markers, 320px review sidebar.
   Every rule is scoped at specificity >= (0,2,0) so cascade order against other module sheets never matters.
   paintPin() depends on #pr-viewer being position:relative with no padding and media object-fit:contain. */
.share-dialog:has(.is-producer-room){width:98vw;max-width:98vw;height:96dvh;max-height:96dvh;border-radius:var(--ds-radius-dialog);overflow:hidden}
.is-producer-room{position:relative}
.is-producer-room [data-producer-room]{height:100%;min-height:0}
/* Host-owned close button (review-portal.js renders a "✕" glyph): CSS-only .ds-icon-btn treatment with the design-system close icon drawn through a mask so hover colour follows the text tokens. */
.is-producer-room .pr-close{position:absolute;right:10px;top:11px;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;border-radius:var(--ds-radius-control);background:transparent;box-shadow:none;color:var(--ds-muted);font-size:0;line-height:1}
.is-producer-room .pr-close::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E") center/16px 16px no-repeat}
.is-producer-room .pr-close:hover{background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.is-producer-room .pr-close:focus-visible{outline:none;box-shadow:var(--ds-focus)}

/* ---- Room frame ---- */
.producer-room{--pr-header:50px;--pr-sidebar:var(--ds-panel,320px);position:relative;height:100%;min-height:0;display:flex;flex-direction:column;font:400 var(--ds-text-md)/1.45 var(--ds-font);color:var(--ds-fg);background:var(--ds-bg)}
.producer-room[aria-busy=true] .pr-panel,.producer-room[aria-busy=true] .pr-panel-footer{cursor:progress}
.producer-room .pr-header{height:var(--pr-header);flex:none;display:flex;align-items:center;gap:10px;padding:0 50px 0 10px;border-bottom:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated)}
.producer-room .pr-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.producer-room .pr-header strong{display:block;width:fit-content;max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;margin:0 -4px;font-size:var(--ds-text-md);font-weight:600;line-height:1.25;border-radius:4px;outline:none}
.producer-room .pr-header strong:focus-visible{box-shadow:var(--ds-focus)}
.producer-room .pr-header small{font-size:var(--ds-text-xs);color:var(--ds-subtle);line-height:1.2}
.producer-room .pr-header-tools{display:flex;align-items:center;gap:6px;flex:none}
.producer-room .pr-header select{width:auto;max-width:180px;min-height:28px;padding:0 26px 0 12px;border-radius:var(--ds-radius-pill);background-color:var(--ds-control);border:var(--ds-hair) solid var(--ds-border);box-shadow:var(--ds-shadow-button);color:var(--ds-fg);font-size:var(--ds-text-sm);font-weight:500;line-height:1}
.producer-room .pr-header select:hover{background-color:var(--ds-control-hover);border-color:var(--ds-border-hover)}
.producer-room .pr-header .ds-icon-btn{width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ds-muted)}
.producer-room .pr-header .ds-icon-btn:hover{background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.producer-room .pr-body{display:grid;grid-template-columns:minmax(0,1fr) var(--pr-sidebar);flex:1;min-height:0;overflow:hidden}

/* ---- Stage ---- */
.producer-room .pr-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--ds-bg-deep)}
.producer-room .pr-stage.is-fullscreen{background:var(--ds-stage)}
.producer-room .pr-media-heading{height:44px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:var(--ds-hair) solid var(--ds-border);min-width:0}
.producer-room .pr-media-heading strong{font-size:var(--ds-text-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.producer-room .pr-media-meta{flex:1;min-width:0;font-size:var(--ds-text-xs);color:var(--ds-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-status{flex:none}
.producer-room .pr-status:empty{display:none}
.producer-room .pr-media-heading [data-pr-action=end-compare]{flex:none;min-height:26px;padding:0 8px;font-size:var(--ds-text-xs)}
.producer-room .pr-viewer{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:var(--ds-stage);overflow:hidden;outline:none}
.producer-room .pr-viewer:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-accent)}
.producer-room .pr-viewer>img,.producer-room .pr-viewer>video{width:100%;height:100%;object-fit:contain;display:block;background:transparent;cursor:pointer}
.producer-room .pr-viewer>img{cursor:default}
.producer-room .pr-viewer.is-actual{overflow:auto;cursor:grab}
.producer-room .pr-viewer.is-actual>img,.producer-room .pr-viewer.is-actual>video{width:auto;height:auto;max-width:none;max-height:none;object-fit:fill;flex:none;margin:auto}
.producer-room .pr-viewer.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;border:0;border-radius:0;background:var(--ds-loading-image,url("/static/brand-kit-20260911/tara/loader/tara-loader-cream.svg")) center/100% 100% no-repeat;animation:none;}
.producer-room .pr-viewer>.ds-fallback{position:absolute;inset:0;font-size:var(--ds-text-sm);gap:8px}
.producer-room .pr-viewer>.ds-fallback svg{width:28px;height:28px}
.producer-room .pr-viewer>.ds-fallback button{margin-top:4px;min-height:28px}
.producer-room .pr-comparison{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ds-bg-deep)}
.producer-room .pr-comparison section{position:relative;display:flex;min-height:0;min-width:0;background:var(--ds-stage)}
.producer-room .pr-comparison img,.producer-room .pr-comparison video{width:100%;height:100%;min-height:0;object-fit:contain;display:block}
.producer-room .pr-compare-label{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 9px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border-strong);background:rgba(0,0,0,.72);color:var(--ds-fg);font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;pointer-events:none}
.producer-room .pr-compare-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ds-success)}
.producer-room .pr-compare-label.is-revision::before{background:var(--ds-accent)}
.producer-room .pr-feedback-pin{position:absolute;z-index:3;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ds-accent);border:2px solid var(--brand-paper-lit);box-shadow:0 0 0 2px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.6);color:transparent;font-size:0;line-height:0;pointer-events:none}
.producer-room .pr-feedback-pin::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(var(--ds-accent-rgb),.55)}

/* ---- Message toast (role=status; absolute so it never shifts the layout) ---- */
.producer-room .pr-message{position:absolute;z-index:8;top:56px;left:16px;right:16px;margin:0 auto;width:fit-content;max-width:min(560px,100%);display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 6px 6px 12px;border-radius:var(--ds-radius-sm);background:var(--ds-bg-elevated);border:var(--ds-hair) solid var(--ds-border);box-shadow:var(--ds-shadow-pop);color:var(--ds-fg);font-size:var(--ds-text-sm);line-height:1.4;animation:ds-rise-in var(--ds-base) var(--ds-ease)}
.producer-room .pr-message.is-error{border-color:rgba(4,12,90,.4);color:var(--ds-danger-text)}
.producer-room .pr-message[hidden]{display:none}
.producer-room .pr-message-text{overflow-wrap:anywhere}
.producer-room .pr-message .ds-icon-btn{flex:none;width:24px;height:24px;min-height:24px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ds-muted)}
.producer-room .pr-message .ds-icon-btn:hover{background:var(--ds-surface-hover);color:var(--ds-fg)}
.producer-room .pr-message .ds-icon-btn>svg{width:14px;height:14px}

/* ---- Transport ---- */
.producer-room .pr-transport{flex:none;container-type:inline-size;background:var(--ds-bg-elevated);border-top:var(--ds-hair) solid var(--ds-border);padding:0 8px 2px}
.producer-room .pr-transport[hidden]{display:none}
.producer-room .pr-scrub{height:18px;display:flex;align-items:center;padding:0 6px}
.producer-room .pr-scrub-track{position:relative;flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.14);cursor:pointer;transition:height var(--ds-fast) var(--ds-ease)}
.producer-room .pr-scrub:hover .pr-scrub-track,.producer-room .pr-scrub-track.is-scrubbing{height:6px}
.producer-room .pr-scrub-buffered,.producer-room .pr-scrub-played{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:inherit;pointer-events:none}
.producer-room .pr-scrub-buffered{background:rgba(255,255,255,.12)}
.producer-room .pr-scrub-played{background:var(--ds-accent)}
.producer-room .pr-scrub-markers{position:absolute;inset:0;pointer-events:none}
.producer-room .pr-scrub-head{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--brand-paper-lit);box-shadow:0 0 0 1px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity var(--ds-fast) var(--ds-ease)}
.producer-room .pr-scrub:hover .pr-scrub-head,.producer-room .pr-scrub-track.is-scrubbing .pr-scrub-head{opacity:1}
.producer-room .pr-marker{position:absolute;top:50%;z-index:1;width:8px;height:8px;min-height:0;margin:-4px 0 0 -4px;padding:0;border:0;border-radius:50%;background:var(--ds-timecode);box-shadow:0 0 0 1px rgba(0,0,0,.55);cursor:pointer;pointer-events:auto;transition:transform var(--ds-fast) var(--ds-ease),background-color var(--ds-fast) var(--ds-ease)}
.producer-room .pr-marker.is-range{width:auto;min-width:8px;border-radius:4px;margin-left:0;opacity:.85}
.producer-room .pr-marker.is-resolved{background:var(--ds-success)}
.producer-room .pr-marker.is-in_revision{background:var(--ds-warning)}
.producer-room .pr-marker.is-conflict{background:var(--ds-danger)}
.producer-room .pr-marker:hover,.producer-room .pr-marker.is-active{transform:scale(1.3);background:var(--brand-paper-lit);z-index:2}
.producer-room .pr-marker:focus-visible{box-shadow:var(--ds-focus)}
.producer-room .pr-transport-row{height:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.producer-room .pr-transport.is-image .pr-scrub,.producer-room .pr-transport.is-image .pr-transport-start{display:none}
.producer-room .pr-transport.is-image .pr-transport-row{display:flex;justify-content:flex-end}
.producer-room .pr-transport-group{display:flex;align-items:center;gap:2px;min-width:0}
.producer-room .pr-transport-center{justify-content:center}
.producer-room .pr-transport-end{justify-content:flex-end}
.producer-room .pr-transport .ds-icon-btn{width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ds-muted)}
.producer-room .pr-transport .ds-icon-btn:hover{background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.producer-room .pr-transport .ds-icon-btn[aria-pressed=true]{color:var(--ds-accent-text);background:var(--ds-accent-soft)}
.producer-room .pr-transport .ds-icon-btn>svg{width:16px;height:16px}
.producer-room .pr-speed{min-height:26px;padding:0 8px;border:1px solid transparent;border-radius:var(--ds-radius-control);background:transparent;box-shadow:none;color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:500;font-variant-numeric:tabular-nums}
.producer-room .pr-speed:hover,.producer-room .pr-speed[aria-expanded=true]{background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.producer-room .pr-volume{width:72px;min-height:0;height:18px;margin:0 4px 0 2px;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--ds-accent);cursor:pointer}
.producer-room .pr-volume:focus{box-shadow:none}
.producer-room .pr-volume:focus-visible{box-shadow:var(--ds-focus);border-radius:4px}
.producer-room #pr-frame{display:inline-block;min-width:96px;text-align:center;font-family:var(--ds-mono);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ds-fg)}
.producer-room .pr-frame-index{display:inline-block;min-width:34px;margin:0 2px 0 -2px;font-family:var(--ds-mono);font-size:var(--ds-text-xs);font-variant-numeric:tabular-nums;color:var(--ds-subtle);text-align:left}
.producer-room .pr-frame-index::before{content:"f";margin-right:1px;color:var(--ds-faint)}
.producer-room .pr-duration-readout{font-family:var(--ds-mono);font-size:var(--ds-text-xs);font-variant-numeric:tabular-nums;color:var(--ds-subtle);margin-right:6px}
.producer-room .pr-duration-readout:empty{display:none}
.producer-room .pr-frame-controls[hidden]{display:none}
/* Narrow stages (768px layouts, phones): drop the volume slider, then the readouts, so the three transport groups never overlap. */
@container (max-width:600px){.producer-room .pr-volume{display:none}}
@container (max-width:460px){.producer-room .pr-duration-readout,.producer-room .pr-frame-index{display:none}.producer-room #pr-frame{min-width:88px}}
@container (max-width:400px){.producer-room .pr-transport-row{gap:2px}.producer-room .pr-speed{padding:0 5px}.producer-room [data-pr-action=loop]{display:none}}
.producer-room .pr-menu{position:absolute;z-index:40;min-width:120px;max-width:200px}
.producer-room .pr-menu button{font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}
.producer-room .pr-menu-gap{display:inline-block;width:16px;height:16px;flex:none}

/* ---- Reel ---- */
.producer-room .pr-reel{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;align-items:center;flex:none;height:88px;padding:10px 16px;border-top:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated);scrollbar-width:thin}
.producer-room .pr-reel button{position:relative;flex:none;width:112px;height:63px;min-height:0;padding:0;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-control);background:var(--ds-stage);overflow:hidden;box-shadow:none;transition:border-color var(--ds-fast) var(--ds-ease),box-shadow var(--ds-fast) var(--ds-ease)}
.producer-room .pr-reel button:hover{border-color:var(--ds-border-strong);background:var(--ds-stage)}
.producer-room .pr-reel button.selected{border-color:var(--ds-accent);box-shadow:0 0 0 1px var(--ds-accent)}
.producer-room .pr-reel button:focus-visible{box-shadow:var(--ds-focus)}
.producer-room .pr-thumb{position:relative;display:block;width:100%;height:100%;background:var(--ds-stage);overflow:hidden}
.producer-room .pr-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity var(--ds-base) var(--ds-ease)}
.producer-room .pr-thumb img.is-loaded{opacity:1}
.producer-room .pr-thumb .ds-fallback{font-size:10px;gap:3px;padding:4px}
.producer-room .pr-thumb .ds-fallback svg{width:16px;height:16px}
.producer-room .pr-reel .ds-duration{right:4px;bottom:4px;font-size:10px}
.producer-room .pr-tile-status{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--ds-faint);box-shadow:0 0 0 1px rgba(0,0,0,.6);pointer-events:none}
.producer-room .pr-tile-status[data-status=approved]{background:var(--ds-success)}
.producer-room .pr-tile-status[data-status=changes_requested]{background:var(--ds-warning)}
.producer-room .pr-tile-status[data-status=in_revision]{background:var(--ds-accent)}

/* ---- Sidebar ---- */
.producer-room .pr-sidebar{min-height:0;min-width:0;display:flex;flex-direction:column;border-left:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated)}
.producer-room .pr-tabs{display:flex;align-items:stretch;flex:none;height:40px;padding:0 8px;border-bottom:var(--ds-hair) solid var(--ds-border);gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.producer-room .pr-tabs::-webkit-scrollbar{display:none}
.producer-room .pr-tab{position:relative;flex:1 1 auto;display:flex;align-items:stretch;min-width:0}
.producer-room .pr-tabs button{flex:1;min-height:0;height:100%;padding:0 5px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:500;white-space:nowrap}
.producer-room .pr-tabs button:hover{color:var(--ds-fg);background:transparent;border-color:transparent;border-bottom-color:transparent}
.producer-room .pr-tabs button[aria-pressed=true],.producer-room .pr-tabs button[aria-pressed=true]:hover{color:var(--ds-fg);border-bottom-color:var(--ds-accent)}
.producer-room .pr-tabs button:focus-visible{box-shadow:inset var(--ds-focus)}
.ds-interface .producer-room .pr-tabs button{transition:none}
.producer-room .pr-tab-count{align-self:center;flex:none;min-width:16px;height:16px;margin:0 3px 0 -1px;padding:0 4px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-active);color:var(--ds-muted);font-size:10px;font-weight:600;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}
.producer-room .pr-tab-count[hidden]{display:none}
.producer-room .pr-panel{padding:12px 14px 16px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}
.producer-room .pr-panel-footer{flex:none;max-height:58%;overflow:auto;padding:12px 14px;border-top:var(--ds-hair) solid var(--ds-border);background:var(--ds-bg-elevated);box-shadow:none}
.producer-room .pr-panel-footer[hidden]{display:none}
.producer-room .pr-panel-toolbar{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 0 10px}
.producer-room .pr-panel-toolbar strong{font-size:var(--ds-text-md);font-weight:600}
.producer-room .pr-toolbar-spacer{flex:1}
.producer-room .pr-toolbar-count{font-size:var(--ds-text-xs);color:var(--ds-subtle);font-variant-numeric:tabular-nums}
.producer-room .pr-filter{width:auto;max-width:170px;min-height:28px;padding:0 22px 0 6px;margin-left:-6px;border-color:transparent;background-color:transparent;background-position:right 4px center;box-shadow:none;color:var(--ds-fg);font-size:var(--ds-text-md);font-weight:600}
.producer-room .pr-filter:hover{background-color:var(--ds-surface-hover);border-color:transparent}
.producer-room .pr-panel-toolbar .ds-icon-btn{width:26px;height:26px;min-height:26px;padding:0;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ds-muted)}
.producer-room .pr-panel-toolbar .ds-icon-btn:hover{background:var(--ds-surface-hover);color:var(--ds-fg)}
.producer-room .pr-panel-toolbar .ds-icon-btn>svg{width:14px;height:14px}
.producer-room .pr-panel-toolbar .ds-compact{min-height:26px;padding:0 8px;font-size:var(--ds-text-xs)}
.producer-room .pr-toggle-all{margin:0;gap:8px;font-size:var(--ds-text-sm);color:var(--ds-muted);font-weight:500;white-space:nowrap;flex:none}
.producer-room .pr-toggle-all:hover{color:var(--ds-fg)}
.producer-room .pr-toggle-all input{width:30px;height:18px}
.producer-room .pr-empty{padding:28px 12px}
.producer-room .pr-empty .ds-spinner{margin-bottom:6px}

/* Forms inside panels */
.producer-room .pr-panel label:not(.pr-check):not(.ds-switch):not(.pr-note-select),.producer-room .pr-panel-footer label:not(.pr-check):not(.ds-switch){display:flex;flex-direction:column;gap:5px;margin:0 0 10px;font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-muted)}
.producer-room .pr-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:10px 0 2px}
.producer-room .pr-panel input:not([type=checkbox]),.producer-room .pr-panel select,.producer-room .pr-panel textarea,.producer-room .pr-panel-footer input:not([type=checkbox]),.producer-room .pr-panel-footer select,.producer-room .pr-panel-footer textarea{width:100%;min-height:30px;padding:0 10px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-control);background-color:var(--ds-input);color:var(--ds-fg);font-size:var(--ds-text-md);font-weight:400;line-height:1.4;box-shadow:none}
.producer-room .pr-panel textarea,.producer-room .pr-panel-footer textarea{padding:8px 10px;min-height:72px;resize: none;line-height:1.5}
.producer-room .pr-panel select,.producer-room .pr-panel-footer select{padding-right:26px}
.producer-room .pr-money{position:relative;display:block}
.producer-room .pr-money::before{content:"$";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:var(--ds-text-sm);color:var(--ds-subtle);pointer-events:none}
.producer-room .pr-panel .pr-money input,.producer-room .pr-panel-footer .pr-money input{padding-left:22px;font-variant-numeric:tabular-nums}
.producer-room .pr-check{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:var(--ds-text-sm);font-weight:400;line-height:1.45;color:var(--ds-fg);cursor:pointer}
.producer-room .pr-check input{width:15px;height:15px;margin-top:2px;flex:none;accent-color:var(--ds-accent-solid)}
.producer-room .pr-hint{margin:6px 0 0;font-size:var(--ds-text-xs);line-height:1.55;color:var(--ds-subtle);overflow-wrap:anywhere}
.producer-room .pr-hint-warning{color:var(--ds-warning-text)}
.producer-room .pr-callout{margin:8px 0;padding:10px;border-radius:var(--ds-radius-sm);border:1px solid rgba(4,12,90,.35);background:var(--ds-warning-soft)}
.producer-room .pr-callout .pr-hint{margin:0 0 8px;color:var(--ds-warning-text)}
.producer-room .pr-callout button{width:100%}
.producer-room .pr-panel h3,.producer-room .pr-panel h4{margin:0 0 8px;font-size:var(--ds-text-md);font-weight:600;line-height:1.3}
.producer-room .pr-panel .primary,.producer-room .pr-panel-footer .primary,.producer-room .pr-revision-controls>button,.producer-room .pr-budget-form>button,.producer-room .pr-gate-status>button{width:100%}
.producer-room button.primary{color:var(--brand-paper-lit);background:var(--ds-accent-solid);border-color:transparent;box-shadow:var(--ds-shadow-accent)}
.producer-room button.primary:hover:not(:disabled){background:var(--ds-accent-solid-hover);border-color:transparent}
.producer-room button.primary:active:not(:disabled){background:var(--ds-accent-solid);transform:none}
.producer-room button.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--ds-muted)}
.producer-room button.ghost:hover:not(:disabled){background:var(--ds-surface-hover);color:var(--ds-fg);border-color:transparent}
.producer-room button.is-busy{position:relative;color:transparent!important;pointer-events:none}
.producer-room button.is-busy>svg{opacity:0}
.producer-room button.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-8px 0 0 -8px;border:0;border-radius:0;background:var(--ds-loading-image,url("/static/brand-kit-20260911/tara/loader/tara-loader-cream.svg")) center/100% 100% no-repeat;animation:none;}
.producer-room button:not(.primary).is-busy::after{border-color:var(--ds-border-strong);border-top-color:var(--ds-accent)}

/* ---- Notes ---- */
.producer-room .pr-notes{display:flex;flex-direction:column;gap:2px}
.producer-room .pr-note{position:relative;padding:10px 10px 8px;margin:0 -4px;border-radius:var(--ds-radius-sm);border:1px solid transparent;transition:background-color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease)}
.producer-room .pr-note:hover{background:var(--ds-surface)}
.producer-room .pr-note.selected{background:var(--ds-accent-soft);border-color:rgba(var(--ds-accent-rgb),.3)}
.producer-room .pr-note.is-active{background:var(--ds-surface);border-color:var(--ds-border-accent)}
.producer-room .pr-note.is-active::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 2px 2px 0;background:var(--ds-accent)}
.producer-room .pr-note-head{display:flex;align-items:center;gap:8px;min-height:24px}
.producer-room .pr-note-select{display:flex;align-items:center;margin:0;flex:none;cursor:pointer}
.producer-room .pr-note-select input{width:15px;height:15px;margin:0;accent-color:var(--ds-accent-solid)}
.producer-room .pr-note-who{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;overflow:hidden}
.producer-room .pr-note-who strong{font-size:var(--ds-text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-note-time{font-size:var(--ds-text-xs);color:var(--ds-subtle);white-space:nowrap}
.producer-room .pr-note-status{flex:none;text-transform:none}
.producer-room .pr-timecode{display:inline-flex;margin:8px 0 0 32px;min-height:20px;padding:0 6px;border:0;border-radius:4px;background:var(--ds-timecode-bg);color:var(--ds-timecode);box-shadow:none;font-family:var(--ds-mono);font-size:var(--ds-text-xs);font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}
.producer-room .pr-timecode:hover{background:rgba(4,12,90,.28);color:var(--ds-timecode)}
.producer-room .pr-note-body{display:block;width:100%;min-height:0;margin:6px 0 0;padding:0 0 0 32px;border:0;border-radius:4px;background:transparent;box-shadow:none;text-align:left;font-size:var(--ds-text-md);font-weight:400;line-height:1.5;color:var(--ds-fg);white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.producer-room .pr-note-body:hover{background:transparent;color:var(--ds-fg);text-decoration:underline;text-decoration-color:var(--ds-faint);text-underline-offset:3px}
.producer-room .pr-note-where{display:block;margin:6px 0 0 32px;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.producer-room .pr-note-actions{display:flex;gap:2px;margin:6px 0 0 26px;opacity:.7;transition:opacity var(--ds-fast) var(--ds-ease)}
.producer-room .pr-note:hover .pr-note-actions,.producer-room .pr-note:focus-within .pr-note-actions,.producer-room .pr-note.replying .pr-note-actions{opacity:1}
.producer-room .pr-note-actions button{min-height:24px;padding:0 6px;border:0;background:transparent;box-shadow:none;color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:500;gap:4px}
.producer-room .pr-note-actions button:hover{background:var(--ds-surface-hover);color:var(--ds-fg)}
.producer-room .pr-note-actions button>svg{width:14px;height:14px}
.producer-room .pr-replies{margin:8px 0 0 20px;padding-left:10px;border-left:2px solid var(--ds-border)}
.producer-room .pr-replies .pr-note{margin:0 0 2px;padding:8px 8px 6px}
.producer-room .pr-replies .pr-note:last-child{margin-bottom:0}
.producer-room .pr-reply{margin:10px 0 4px 32px;padding:10px;border:1px solid var(--ds-border-accent);border-radius:var(--ds-radius-sm);background:var(--ds-surface)}
.producer-room .pr-reply-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.producer-room .pr-reply-head input{flex:1;min-height:28px}
.producer-room .pr-reply>.pr-hint{margin:6px 0 0}
.producer-room .pr-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px}
.producer-room .pr-reply-actions button{width:auto;min-height:28px}
.producer-room .pr-select-hint{display:flex;align-items:center;gap:6px;margin:12px 2px 0}
.producer-room .pr-select-hint svg{width:14px;height:14px;color:var(--ds-faint)}
.producer-room .pr-revision-controls{display:flex;flex-direction:column}
.producer-room .pr-controls-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.producer-room .pr-controls-head strong{font-size:var(--ds-text-md);font-weight:600}
.producer-room .pr-controls-head button{width:auto}
.producer-room .pr-scope-preview{margin:10px 0 2px;padding:10px 12px;border:1px solid rgba(var(--ds-accent-rgb),.3);border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft)}
.producer-room .pr-scope-preview p{margin:0 0 6px;font-size:var(--ds-text-sm);line-height:1.5;color:var(--ds-fg)}
.producer-room .pr-scope-figures{font-variant-numeric:tabular-nums;color:var(--ds-accent-text)}
.producer-room .pr-scope-preview small{display:block;font-size:var(--ds-text-xs);line-height:1.55;color:var(--ds-muted)}
.producer-room .pr-scope-preview button{width:auto;margin-top:8px}
.producer-room .pr-revision-controls>.pr-hint{text-align:center}

/* ---- Automatic revisions card ---- */
.producer-room .pr-automatic{margin:14px 0 0;padding:0;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface)}
.producer-room .pr-automatic>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border-radius:var(--ds-radius);font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-fg);cursor:pointer;list-style:none}
.producer-room .pr-automatic>summary::-webkit-details-marker{display:none}
.producer-room .pr-automatic>summary:hover{background:var(--ds-surface-hover)}
.producer-room .pr-automatic[open]>summary{border-radius:var(--ds-radius) var(--ds-radius) 0 0;border-bottom:var(--ds-hair) solid var(--ds-border)}
.producer-room .pr-automatic>summary>svg{width:16px;height:16px;color:var(--ds-accent-text);flex:none}
.producer-room .pr-automatic-title{flex:1;min-width:0}
.producer-room .pr-automatic>summary::after{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--ds-fast) var(--ds-ease)}
.producer-room .pr-automatic[open]>summary::after{transform:rotate(180deg)}
.producer-room .pr-automatic-body{padding:8px 12px 12px}
.producer-room .pr-automatic-body fieldset{padding:0;margin:8px 0 0;border:0;min-width:0}
.producer-room .pr-automatic-body fieldset:disabled{opacity:.6}
.producer-room .pr-automatic-allocation{color:var(--ds-muted)}
.producer-room .pr-automatic-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.producer-room .pr-automatic-actions button{flex:1 1 auto}
.producer-room .pr-automatic-actions .primary{flex-basis:100%}

/* ---- Approvals ---- */
.producer-room .pr-approval-summary{padding:14px;margin-bottom:12px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface)}
.producer-room .pr-approval-figure{display:flex;align-items:baseline;gap:8px}
.producer-room .pr-approval-summary strong{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums}
.producer-room .pr-approval-summary p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-muted)}
.producer-room .pr-bar{position:relative;display:flex;height:6px;margin:12px 0 8px;border-radius:3px;background:var(--ds-surface-active);overflow:hidden}
.producer-room .pr-bar>span{display:block;height:100%;background:var(--ds-success);transition:width var(--ds-slow) var(--ds-ease)}
.producer-room .pr-bar-budget>span.is-spent{background:var(--ds-accent)}
.producer-room .pr-bar-budget>span.is-reserved{background:var(--ds-warning)}
.producer-room .pr-bar.is-over>span.is-spent{background:var(--ds-danger)}
.producer-room .pr-approval-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--ds-text-xs);color:var(--ds-subtle);font-variant-numeric:tabular-nums}
.producer-room .pr-approval-legend .is-success{color:var(--ds-success-text)}
.producer-room .pr-approval-legend .is-warning{color:var(--ds-warning-text)}
.producer-room .pr-approval-legend .is-accent{color:var(--ds-accent-text)}
.producer-room .pr-approval-list{display:flex;flex-direction:column;gap:2px}
.producer-room .pr-approval-list>button{display:flex;align-items:center;width:100%;gap:10px;min-height:0;padding:6px;border:1px solid transparent;border-radius:var(--ds-radius-sm);background:transparent;box-shadow:none;text-align:left;font-weight:400;white-space:normal}
.producer-room .pr-approval-list>button:hover{background:var(--ds-surface-hover);border-color:transparent}
.producer-room .pr-approval-list>button.is-current{background:var(--ds-surface);border-color:var(--ds-border)}
.producer-room .pr-approval-list .pr-thumb{width:64px;height:36px;flex:none;border-radius:4px;border:var(--ds-hair) solid var(--ds-border)}
.producer-room .pr-approval-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.producer-room .pr-approval-label{font-size:var(--ds-text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-approval-text small{font-size:var(--ds-text-xs);color:var(--ds-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-approval-list .ds-chip{flex:none}
.producer-room .pr-panel>[data-pr-action=panel]{width:100%;margin-top:10px}

/* ---- Revision queue ---- */
.producer-room .pr-queue-card{margin-bottom:12px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface);overflow:hidden;box-shadow:var(--ds-shadow-card)}
.producer-room .pr-queue-media{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ds-bg-deep);border-bottom:var(--ds-hair) solid var(--ds-border)}
.producer-room .pr-queue-thumb{position:relative;margin:0}
.producer-room .pr-queue-thumb .pr-thumb{aspect-ratio:16/9;height:auto}
.producer-room .pr-queue-thumb figcaption{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.72);color:var(--ds-fg);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}
.producer-room .pr-queue-thumb figcaption.is-revision{color:var(--ds-accent-text)}
.producer-room .pr-queue-body{padding:12px}
.producer-room .pr-queue-head{display:flex;align-items:center;gap:8px}
.producer-room .pr-queue-head strong{flex:1;min-width:0;font-size:var(--ds-text-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-queue-status{text-transform:capitalize;flex:none}
.producer-room .pr-queue-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.producer-room .pr-queue-cost{margin-left:auto;font-variant-numeric:tabular-nums}
.producer-room .pr-queue-body>p{margin:8px 0 0;font-size:var(--ds-text-sm);line-height:1.5;color:var(--ds-muted);overflow-wrap:anywhere}
.producer-room .pr-queue-changes:empty{display:none}
.producer-room .pr-revision-change{margin:10px 0 0;padding:8px 10px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius-control);background:var(--ds-bg-elevated)}
.producer-room .pr-revision-change>p{margin:0;font-size:var(--ds-text-sm);line-height:1.5;color:var(--ds-fg);overflow-wrap:anywhere}
.producer-room .pr-revision-change>small{display:block;margin-top:3px;font-size:var(--ds-text-xs);color:var(--ds-subtle)}
.producer-room .pr-change-note{display:block;width:100%;min-height:0;margin:6px 0 0;padding:6px 8px;border:0;border-radius:var(--ds-radius-control);background:var(--ds-accent-soft);color:var(--ds-accent-text);box-shadow:none;font-size:var(--ds-text-sm);font-weight:400;line-height:1.45;text-align:left;white-space:normal;overflow-wrap:anywhere}
.producer-room .pr-change-note:hover{background:rgba(var(--ds-accent-rgb),.22);color:var(--ds-accent-text)}
.producer-room .pr-pair-label{margin-top:10px}
.producer-room .pr-queue-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.producer-room .pr-queue-actions button{min-height:28px;padding:0 9px;font-size:var(--ds-text-sm)}
.producer-room .pr-queue-actions button>svg{width:14px;height:14px}
.producer-room .pr-queue-actions .pr-check{width:100%;margin:4px 0 0}
.producer-room .pr-queue-publish{margin-top:12px;padding-top:12px;border-top:var(--ds-hair) solid var(--ds-border)}
.producer-room .pr-queue-publish .pr-hint{text-align:center}

/* ---- Budget ---- */
.producer-room .pr-budget-summary{padding:14px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface)}
.producer-room .pr-budget-summary h3{overflow-wrap:anywhere}
.producer-room .pr-budget-figures{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.producer-room .pr-budget-spent{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.1}
.producer-room .pr-budget-of{font-size:var(--ds-text-sm);color:var(--ds-muted)}
.producer-room .pr-budget-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:6px 0 0}
.producer-room .pr-budget-summary dl>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:var(--ds-hair) solid var(--ds-border);font-size:var(--ds-text-sm)}
.producer-room .pr-budget-summary dt{color:var(--ds-muted)}
.producer-room .pr-budget-summary dd{margin:0;font-variant-numeric:tabular-nums}
.producer-room .pr-budget-form,.producer-room .pr-gate-status{margin-top:12px;padding:14px;border:var(--ds-hair) solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface)}
.producer-room .pr-gate-status p{display:flex;align-items:flex-start;gap:6px;margin:0 0 6px;font-size:var(--ds-text-sm);line-height:1.5;color:var(--ds-warning-text)}
.producer-room .pr-gate-status p.is-ready{color:var(--ds-success-text)}
.producer-room .pr-gate-status p>svg{width:14px;height:14px;flex:none;margin-top:3px}

/* ---- Activity ---- */
.producer-room .pr-event{display:flex;gap:10px;padding:10px 0;border-bottom:var(--ds-hair) solid var(--ds-border)}
.producer-room .pr-event:last-child{border-bottom:0}
.producer-room .pr-event>div{flex:1;min-width:0}
.producer-room .pr-event-head{display:flex;align-items:baseline;gap:6px;min-width:0}
.producer-room .pr-event strong{font-size:var(--ds-text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-room .pr-event-kind{font-size:var(--ds-text-xs);color:var(--ds-subtle);text-transform:capitalize}
.producer-room .pr-event small{margin-left:auto;font-size:var(--ds-text-xs);color:var(--ds-subtle);white-space:nowrap}
.producer-room .pr-event p{margin:3px 0 0;font-size:var(--ds-text-sm);line-height:1.5;color:var(--ds-fg);overflow-wrap:anywhere}

/* ---- Responsive ---- */
@media(max-width:900px){.producer-room{--pr-sidebar:300px}.producer-room .pr-media-heading,.producer-room .pr-reel{padding-left:12px;padding-right:12px}}
@media(max-width:650px){
 .share-dialog:has(.is-producer-room){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
 .producer-room{--pr-header:48px}
 .producer-room .pr-header{padding-left:6px}
 .producer-room .pr-header small{display:none}
 .producer-room .pr-header select{max-width:150px}
 .producer-room .pr-body{display:flex;flex-direction:column}
 .producer-room .pr-stage{height:50%;flex:none}
 .producer-room .pr-sidebar{flex:1;min-height:0;border-left:0;border-top:var(--ds-hair) solid var(--ds-border);border-radius:8px 8px 0 0;box-shadow:none}
 .producer-room .pr-sidebar::before{content:none}
 .producer-room .pr-tabs{height:38px;padding:0 6px}
 .producer-room .pr-tab{flex:0 0 auto}
 .producer-room .pr-tabs button{padding:0 10px}
 .producer-room .pr-media-heading{height:36px;padding:0 12px}
 .producer-room .pr-media-meta{display:none}
 .producer-room .pr-message{top:44px}
 .producer-room .pr-transport-row{height:36px}
 .producer-room .pr-volume{display:none}
 .producer-room .pr-reel{height:56px;padding:6px 12px;gap:6px}
 .producer-room .pr-reel button{width:72px;height:40px}
 .producer-room .pr-panel,.producer-room .pr-panel-footer{padding:10px 12px}
 .producer-room .pr-panel-footer{max-height:62%}
 .producer-room .pr-note{margin:0 -2px}
}

/* ---- Touch targets (coarse pointers) ----
   Every interactive control reaches 36px without changing the fine-pointer layout: icon buttons grow, the 4px scrubber and the
   8px markers get transparent hit areas, hover-only affordances (playhead, note actions) stay visible, panel inputs grow to 36px. */
@media (hover:none) and (pointer:coarse){
 .is-producer-room .pr-close{width:36px;height:36px;min-height:36px;right:8px;top:8px}
 .producer-room .pr-header .ds-icon-btn,.producer-room .pr-transport .ds-icon-btn,.producer-room .pr-message .ds-icon-btn,.producer-room .pr-panel-toolbar .ds-icon-btn{width:36px;height:36px;min-height:36px}
 .producer-room .pr-message .ds-icon-btn>svg,.producer-room .pr-panel-toolbar .ds-icon-btn>svg{width:16px;height:16px}
 .producer-room .pr-header select,.producer-room .pr-filter,.producer-room .pr-speed,.producer-room .pr-media-heading [data-pr-action=end-compare],.producer-room .pr-panel-toolbar .ds-compact,.producer-room .pr-toggle-all,.producer-room .pr-note-actions button,.producer-room .pr-reply-head input,.producer-room .pr-reply-actions button,.producer-room .pr-queue-actions button,.producer-room .pr-viewer>.ds-fallback button,.producer-room .pr-change-note,.producer-room .pr-approval-list>button{min-height:36px}
 .producer-room .pr-panel input:not([type=checkbox]),.producer-room .pr-panel select,.producer-room .pr-panel-footer input:not([type=checkbox]),.producer-room .pr-panel-footer select{min-height:36px}
 .producer-room .pr-transport-row{height:44px}
 .producer-room .pr-volume{height:36px}
 .producer-room .pr-scrub{height:36px}
 .producer-room .pr-scrub-track::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px}
 .producer-room .pr-scrub-head{opacity:1}
 .producer-room .pr-marker::after{content:"";position:absolute;inset:-14px}
 .producer-room .pr-timecode{position:relative}
 .producer-room .pr-timecode::after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}
 .producer-room .pr-note-body{min-height:36px;padding-top:6px;padding-bottom:6px}
 .producer-room .pr-note-actions{opacity:1}
 .producer-room .pr-note-head{min-height:36px}
 .producer-room .pr-note-select{position:relative;min-width:36px;min-height:36px;justify-content:center}
 .producer-room .pr-check input,.producer-room .pr-note-select input{width:18px;height:18px}
 .producer-room .pr-check{min-height:36px;align-items:center}
 .producer-room .pr-check input{margin-top:0}
 /* Phone-width stages: the equal side columns of the 1fr auto 1fr grid would squeeze the 36px buttons; space the three groups instead. */
 @container (max-width:400px){.producer-room .pr-transport:not(.is-image) .pr-transport-row{display:flex;justify-content:space-between;gap:4px}.producer-room .pr-speed{padding:0 6px}}
}

/* ---- Forced colors ---- */
@media(forced-colors:active){
 .producer-room .pr-tabs button[aria-pressed=true]{text-decoration:underline;outline:2px solid Highlight;outline-offset:-2px}
 .producer-room .pr-reel button.selected,.producer-room .pr-note.is-active,.producer-room .pr-note.selected,.producer-room .pr-approval-list>button.is-current{outline:2px solid Highlight;outline-offset:-2px}
 .producer-room .pr-feedback-pin,.producer-room .pr-marker,.producer-room .pr-scrub-played,.producer-room .pr-bar>span{forced-color-adjust:none}
 .producer-room .pr-marker{border:1px solid CanvasText}
 .producer-room .pr-scrub-played,.producer-room .pr-bar>span{background:Highlight}
 .producer-room .pr-note.is-active::before{background:Highlight}
 .is-producer-room .pr-close{font-size:15px;color:ButtonText}
 .is-producer-room .pr-close::before{display:none}
}

/* Player panel framing. Keep the media rectangle unpadded for review pins. */
.share-dialog:has(.is-producer-room){border-radius:8px;box-shadow:none}
.producer-room .pr-body{gap:2px;background:var(--brand-ink-deep)}
.producer-room .pr-stage,.producer-room .pr-sidebar{border-radius:8px;overflow:hidden}
.producer-room .pr-sidebar{border-left:0}
.producer-room .pr-media-heading{background:var(--ds-bg-elevated)}
.producer-room .pr-note,.producer-room .pr-reel button,.producer-room .pr-tab{transition:background-color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease)}
@media(max-width:650px){
 .share-dialog:has(.is-producer-room){border-radius:0}
 .producer-room .pr-stage{border-radius:0}
 .producer-room .pr-sidebar{border-top:0}
}
@media(prefers-reduced-motion:reduce){
 .producer-room .pr-note,.producer-room .pr-reel button,.producer-room .pr-tab{transition:none}
}

.producer-room .pr-feedback-annotation{position:absolute;z-index:3;pointer-events:none}