.website-browser{isolation:isolate;background:#e5e5e5b3;border:1px solid #00000014;border-radius:18px;width:min(100%,160svh - 288px);margin-inline:auto;padding:12px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000001f}.website-toolbar{align-items:center;gap:12px;margin-bottom:10px;padding:0 4px;display:flex}.browser-dots{flex-shrink:0;gap:8px;display:flex}.browser-dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.website-address{text-align:left;color:#a3a3a3;background:#fff;border:1px solid #0000001a;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 16px;line-height:20px;transition:border-color .2s;display:flex}.website-address>svg{flex-shrink:0}.website-address:hover{border-color:#00000040}.website-url{text-overflow:ellipsis;white-space:nowrap;color:#737373;flex:1;min-width:0;font-size:13px;overflow:hidden}.website-copy{color:#a3a3a3;flex-shrink:0;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.website-address:hover .website-copy{color:#262626}.website-address .website-copy[data-copied=true]{color:#48a765}.website-toolbar .website-visit{color:#fff;background:#171717;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:0;padding:8px 16px;font-size:12px;line-height:20px;transition:background .2s;display:flex}.website-visit:hover{background:#000}.website-visit svg{transition:transform .3s}.website-visit:hover svg{transform:translate(2px,-2px)}:is(.website-address:focus-visible,.website-visit:focus-visible){outline-offset:3px;outline:2px solid #171717}.website-browser[data-scroll-only] .website-address,.website-browser[data-scroll-only] .website-visit{pointer-events:none}.website-viewport{aspect-ratio:16/10;isolation:isolate;background:#fff;border-radius:10px;position:relative;overflow:hidden}.website-poster{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.website-viewport iframe{transform-origin:0 0;background:#080808;border:0;max-width:none;position:absolute;top:0;left:0}.website-source-viewport{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.website-source-viewport img{width:100%;max-width:none;height:auto;display:block}.website-source-viewport:focus-visible{outline-offset:3px;outline:2px solid #171717}@media (max-width:800px){.website-browser{padding:10px}.website-toolbar{gap:8px;padding:0 2px}.browser-dots{gap:4px}.browser-dots i{width:8px;height:8px}.website-address{gap:6px;padding:8px}.website-url{font-size:11px}.website-copy>span{display:none}.website-toolbar .website-visit{gap:4px;padding:8px 11px;font-size:11px}}