.runtime-content { display:block;max-width:2040px;width:100%;margin:0 auto;padding:28px 24px 40px; }
.runtime-player { min-width:0; }
.runtime-toolbar { display:flex;align-items:center;gap:18px;margin-bottom:16px; }
.runtime-toolbar button { min-width:100px;min-height:46px;padding:10px 20px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-card);color:var(--text-main);font:600 16px system-ui;cursor:pointer; }
.runtime-toolbar input { flex:1;min-width:0;accent-color:#a83843;cursor:pointer; }
.runtime-toolbar output { color:var(--text-muted);font:14px ui-monospace,monospace;white-space:nowrap; }
#runtime-stage { width:100%;aspect-ratio:1920/1000;background:#000; }
#runtime-canvas { display:block;width:100%;height:auto; }
.runtime-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.rc-runtime-demo { display:none;min-width:0; }
.rc-runtime-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.rc-runtime-heading h3 { margin:0;font-size:14px;line-height:1.4; }
.rc-runtime-heading a { display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:var(--primary-color);font-size:13px; }
@media (max-width:900px) {
  .mobile-focus > .rc-runtime-demo { display:block; }
  .runtime-content { padding:16px 8px 24px; }
  .runtime-toolbar { gap:10px;margin-bottom:10px; }
  .runtime-toolbar button { min-width:78px;padding:10px 14px; }
  .runtime-toolbar output { font-size:12px; }
}