.website-screen-action{position:absolute;top:16px;left:16px;z-index:8;display:inline-flex;align-items:center;min-height:44px;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid #c7cbbf;border-radius:6px;background:#f4f2ebf5;color:#343832;font:13px/1.4 Arial,sans-serif;text-decoration:none;box-shadow:0 2px 12px #0001}
.website-screen-action:hover{background:#e9eddf}
.website-screen-action:focus-visible,.website-screen-dialog a:focus-visible{outline:3px solid #9a682b;outline-offset:3px}
body #viewport:fullscreen .website-screen-action,body #viewport.is-expanded .website-screen-action{top:max(72px,calc(env(safe-area-inset-top) + 64px));left:max(14px,env(safe-area-inset-left))}
.website-screen-dialog{width:min(1200px,calc(100% - 24px));height:min(820px,calc(100dvh - 24px));max-width:none;max-height:none;padding:0;border:1px solid #c7cbbf;border-radius:9px;background:#f4f2eb;color:#343832;overflow:hidden}
.website-screen-dialog[open]{display:flex;flex-direction:column}
.website-screen-dialog::backdrop{background:#101817aa}
.website-screen-dialog .website-screen-header{display:flex;align-items:center;gap:12px;flex:none;margin:0;padding:10px 14px;max-width:none;border-bottom:1px solid #c7cbbf}
.website-screen-header h2{margin:0 auto 0 0;font:22px/1.2 Georgia,serif}
.website-screen-header a{display:flex;align-items:center;min-height:44px;color:#405730;font-size:12px;white-space:nowrap}
.website-screen-header button{min-height:44px;white-space:nowrap}
.website-screen-content{position:relative;flex:1;min-height:0;background:#0c1011}
.website-screen-content iframe{width:100%;height:100%;display:block;border:0;background:#fff}
@media(max-width:600px){.website-screen-action{top:60px;left:12px;font-size:12px}.website-screen-dialog .website-screen-header{flex-wrap:wrap;gap:4px 10px;padding:8px 10px}.website-screen-header h2{font-size:19px}.website-screen-header a{order:3;flex-basis:100%;min-height:36px}.website-screen-header button{font-size:12px}}