dialog.website-viewer{width:min(1200px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden}
.website-viewer[open]{display:flex;flex-direction:column}
.website-viewer .modal-head{flex:none;padding:12px 16px;min-height:60px}
.website-viewer .modal-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.website-viewer .modal-head .icon-button{flex:none;min-width:44px;min-height:44px}
.website-viewer .modal-body{display:flex;flex:1;min-height:0;flex-direction:column;padding:0;overflow:hidden}
.website-toolbar{display:flex;gap:8px;padding:8px 12px;flex:none}
.website-toolbar .button{min-height:44px}
.website-toolbar a{margin-left:auto}
.website-hint{margin:0!important;padding:0 16px 10px;font-size:12px!important;flex:none;color:var(--muted)}
.website-stage{flex:1;min-height:0;background:white}
.website-stage iframe{display:block;width:100%;height:100%;border:0;background:white}
.website-source{flex:1;min-height:0;overflow:auto;margin:0;border-radius:0}
.website-stage[hidden],.website-source[hidden]{display:none}
@media(max-width:760px){dialog.website-viewer{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}