/* Scoped adaptation of the captured processor.css; parent owns page composition. */
.processor-player{min-width:0;width:100%;color:var(--text,#d8e1e7);letter-spacing:0}
.processor-player .processor-video-stage{position:relative;width:100%;aspect-ratio:var(--processor-aspect);background:#101315;overflow:hidden}
.processor-player .processor-video,.processor-player .processor-video-poster{display:block;width:100%;height:100%;object-fit:contain}
.processor-player .processor-video-poster{position:absolute;inset:0}
.processor-player [hidden]{display:none!important}
.processor-player .processor-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:10px;min-width:0}
.processor-player button{box-sizing:border-box;min-height:42px;padding:6px 10px;border:0;border-bottom:1px solid var(--border,#354149);border-radius:0;background:transparent;color:inherit;font:12px/1.4 var(--mono,monospace);letter-spacing:0;cursor:pointer;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.processor-player button:focus-visible{outline:2px solid #98d2f5;outline-offset:3px}
.processor-player button:disabled{opacity:.5;cursor:default}
.processor-player .processor-state{display:inline-flex;align-items:center;gap:8px}
.processor-player .processor-state[aria-pressed=true]{border-color:#98d2f5;color:#98d2f5}
.processor-player .processor-state-count{min-width:2ch;font-variant-numeric:tabular-nums;text-align:right}
.processor-player .processor-video-caption{color:var(--text-muted,#9caab3);font:10px/1.5 var(--mono,monospace);margin-left:auto;overflow-wrap:anywhere}
.processor-player .processor-play{flex:0 0 42px;width:42px;height:42px;font-size:0;padding:10px;border:0;margin-left:auto}
.processor-player .processor-play::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:url('/previews/aladdin-optical-engine-20260927/pause.svg') center/contain no-repeat}
.processor-player .processor-play[aria-pressed=true]::before{mask-image:url('/previews/aladdin-optical-engine-20260927/play.svg')}
@media(max-width:640px){
  .processor-player .processor-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 42px;gap:4px 6px}
  .processor-player .processor-state{justify-content:center;gap:4px;padding:6px 2px;font-size:10px}
  .processor-player .processor-play{grid-column:4;grid-row:1;margin-left:0}
  .processor-player .processor-video-caption{grid-column:1 / -1;grid-row:2;margin-left:0}
}