.browser-window{display:flex;flex-direction:column;height:100dvh;background:var(--surface-base)}.browser-window-bar{display:none}.browser-window-body{flex:1 1 auto;min-height:0}.browser-window-body>*{height:100%}@media (min-width:1024px){.browser-window{position:absolute;top:2.375rem;bottom:5.75rem;left:0;right:0;width:min(100rem,calc(100% - 3rem));height:auto;margin-inline:auto;border:1px solid var(--ui-line);border-radius:var(--r-xl);box-shadow:var(--shadow);overflow:hidden}.browser-window-body .app-page{--page-gutter:1.5rem}.browser-window-bar{display:grid;grid-template-columns:1fr minmax(0,30rem) 1fr;align-items:center;gap:12px;flex:0 0 auto;height:2.5rem;padding-inline:1rem;background:var(--s1);border-bottom:1px solid var(--ui-line)}.browser-traffic-lights{display:flex;gap:6px}.browser-traffic-lights span{width:10px;height:10px;border-radius:9999px}.browser-traffic-lights span:first-child{background:color-mix(in srgb,var(--red) 70%,transparent)}.browser-traffic-lights span:nth-child(2){background:color-mix(in srgb,var(--amber) 70%,transparent)}.browser-traffic-lights span:nth-child(3){background:color-mix(in srgb,var(--green) 70%,transparent)}.browser-url{justify-self:center;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:1.75rem;padding-inline:12px;border-radius:9999px;background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink-muted);font-size:12px;line-height:1}.browser-url-host{color:var(--ink)}}