/* Shared creator/admin preview. Native dialog owns focus and the top layer. */
.workspace-release .asset-player-root {position: static; inset: auto; z-index: auto;}
.workspace-release .asset-player-modal:not([open]) {display: none;}
.workspace-release .asset-player-modal {
  position: fixed; inset: 0; margin: auto; padding: 0;
  width: min(1120px, calc(100% - 48px)); height: min(800px, calc(100dvh - 48px));
  max-width: none; max-height: calc(100dvh - 48px);
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
  border: 1px solid var(--ws-border); border-radius: 12px; overflow: hidden;
  background: var(--ws-surface); color: var(--ws-text);
  box-shadow: 0 24px 80px #0005; font: 400 14px/1.5 Manrope, sans-serif;
}
.workspace-release .asset-player-modal::backdrop {background: #08080cd9; backdrop-filter: blur(4px);}
.workspace-release.asset-player-open #workspace-return {visibility: hidden;}
.workspace-release .asset-player-header {position: relative; display: flex; flex-direction: row; align-items: start; justify-content: space-between; gap: 24px; padding: 20px 24px; border-bottom: 1px solid var(--ws-border); background: var(--ws-surface);}
.workspace-release .asset-player-heading {flex: 1; min-width: 0; max-height: 25dvh; overflow: auto;}
.workspace-release .asset-player-eyebrow {color: var(--ws-secondary); font: 650 12px/1.5 Manrope, sans-serif; letter-spacing: normal; text-transform: none; margin: 0 0 4px;}
.workspace-release .asset-player-title {font: 750 16px/1.5 Manrope, sans-serif; letter-spacing: normal; margin: 0; overflow-wrap: anywhere;}
.workspace-release .asset-player-request {font: 400 13px/1.5 Manrope, sans-serif; color: var(--ws-secondary); margin: 4px 0 0; overflow-wrap: anywhere;}
.workspace-release .asset-player-meta {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 8px 0 0;}
.workspace-release .asset-player-chip {padding: 0; background: none; color: var(--ws-secondary); border: 0; border-radius: 0; font: 400 12px/1.5 Manrope, sans-serif; overflow-wrap: anywhere;}
.workspace-release .asset-player-chip:not([hidden])+.asset-player-chip:not([hidden])::before {content: '·'; margin-right: 12px;}
.workspace-release .asset-player-toolbar {display: flex; flex: none; flex-wrap: wrap; align-items: center; justify-content: end; width: auto; gap: 8px;}
.workspace-release .asset-player-toolbar-button {display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 9px 12px; border: 1px solid var(--ws-border); border-radius: 8px; font: 650 13px/1.5 Manrope, sans-serif; color: var(--ws-text); background: var(--ws-surface); cursor: pointer; box-shadow: none;}
.workspace-release .asset-player-toolbar-button:hover:not(:disabled) {background: var(--ws-subtle);}
.workspace-release .asset-player-toolbar-button-primary {background: var(--ws-text); border-color: var(--ws-text); color: var(--ws-surface);}
.workspace-release .asset-player-toolbar-button-primary:hover:not(:disabled) {background: var(--ws-text); opacity: .88;}
.workspace-release .asset-player-toolbar-button:disabled {opacity: .5; cursor: default;}
.workspace-release .asset-player-stage {display: grid; min-height: 0; min-width: 0; overflow: auto; background: #080d12; padding: 0;}
.workspace-release .asset-player-frame {display: grid; place-items: center; min-height: 0; height: 100%; min-width: 0; padding: 0; background: #080d12;}
.workspace-release .asset-player-video, .workspace-release .asset-player-document {display: block; width: 100%; height: 100%; min-height: 0; border: 0; background: #080d12; object-fit: contain;}
.workspace-release .asset-player-image {max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; border-radius: 0; box-shadow: none;}
.workspace-release .asset-player-status, .workspace-release .asset-player-fallback {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; padding: 24px; gap: 12px; color: var(--ws-text); background: var(--ws-surface); text-align: center;}
.workspace-release .asset-player-status-title, .workspace-release .asset-player-fallback-title {font: 750 18px/1.5 Manrope, sans-serif; margin: 0; letter-spacing: normal; overflow-wrap: anywhere;}
.workspace-release .asset-player-status-copy, .workspace-release .asset-player-fallback-copy {font: 400 14px/1.6 Manrope, sans-serif; color: var(--ws-secondary); margin: 4px 0 0; max-width: 48ch;}
.workspace-release .asset-player-fallback-eyebrow {font: 650 12px/1.5 Manrope, sans-serif; color: var(--ws-secondary); letter-spacing: normal; text-transform: none; margin: 0;}
.workspace-release .asset-player-spinner {width: 24px; height: 24px; border: 2px solid var(--ws-border); border-top-color: var(--ws-info);}
.workspace-release .asset-player-footer {padding: 12px 24px; background: var(--ws-surface); border-top: 1px solid var(--ws-border);}
.workspace-release .asset-player-note {margin: 0; font: 400 12px/1.5 Manrope, sans-serif; color: var(--ws-secondary);}
@media (max-width: 820px) {
  .workspace-release .asset-player-modal {width: calc(100% - 24px); height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); margin: auto;}
  .workspace-release .asset-player-header {flex-direction: column; gap: 12px; padding: 16px;}
  .workspace-release .asset-player-heading {width: 100%; padding-right: 68px;}
  .workspace-release .asset-player-toolbar {width: 100%; justify-content: start;}
  .workspace-release #asset-player-close-button {position: absolute; top: 12px; right: 12px;}
  .workspace-release .asset-player-footer {padding: 10px 16px;}
}
@media (max-width: 360px) {
  .workspace-release .asset-player-modal {width: calc(100% - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); border-radius: 8px;}
  .workspace-release .asset-player-header {padding: 12px;}
}
@media (prefers-reduced-motion: reduce) {.workspace-release .asset-player-spinner {animation: none;}}