body.d803-page .d803-model-intro { max-width:760px; margin-bottom:26px; }
body.d803-page .d803-model-intro p { margin-top:18px; max-width:670px; }
body.d803-page .d803-model-panel { max-width:1000px; margin-inline:auto; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:#fff; }
body.d803-page .d803-model-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; padding:20px 24px; border-bottom:1px solid var(--border); background:var(--muted); }
body.d803-page .d803-model-actions p { margin:0; font-size:14px; color:var(--muted-foreground); }
body.d803-page .d803-model-poster { margin:0; background:#fff; }
body.d803-page .d803-model-poster img { display:block; width:100%; height:clamp(260px,47vw,480px); object-fit:contain; }
body.d803-page .d803-model-frame { display:block; width:100%; height:740px; border:0; background:#fff; }
body.d803-page .d803-model-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; padding:18px 24px; border-top:1px solid var(--border); font-size:13px; color:var(--muted-foreground); }
body.d803-page .d803-model-footer p { margin:0; }
body.d803-page .d803-model-footer a { text-decoration:underline; text-underline-offset:4px; color:var(--foreground); }
body.d803-page .d803-model-section [hidden] { display:none !important; }
body.d803-page .d803-model-section button:focus-visible, body.d803-page .d803-model-section a:focus-visible { outline:3px solid var(--ring); outline-offset:4px; }
body.d803-page .d803-model-live { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  body.d803-page .d803-model-actions { padding:18px 16px; gap:12px; }
  body.d803-page .d803-model-footer { padding:16px; }
  body.d803-page .d803-model-frame { height:840px; }
}
