/* HTML 状态栏: the card's page fills the card; 看代码 swaps it for the code. */
.html-card .html-frame {position:relative;width:100%;transition:height .15s ease-out;}
.html-card[data-view="code"] .html-frame {display:none;}
.html-card pre[hidden] {display:none!important;}
.html-frame-page {display:block;width:100%;height:100%;border:0;background:transparent;}
@media (prefers-reduced-motion: reduce) {.html-card .html-frame {transition:none;}}