:is(body:has(.native-browser-studio) .sidebar,body:has(.native-browser-studio) .topbar,body:has(.native-browser-studio) .workspace-topbar,body:has(.native-browser-studio) .mobile-menu,body:has(.native-browser-studio) .app-footer){display:none}body:has(.native-browser-studio) .app-shell{display:block}body:has(.native-browser-studio) main{max-width:none;margin:0;padding:0}.native-browser-studio{min-height:100dvh;color:var(--ink);background:var(--bg);flex-direction:column;gap:16px;padding:16px;display:flex}.native-toolbar{align-items:center;gap:16px;min-height:36px;display:flex}.native-toolbar strong{align-items:center;gap:10px;display:flex}.native-toolbar>span{color:var(--muted);margin-left:auto;font-size:12px}.native-stage{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:16px;min-height:460px;display:grid}.native-viewport{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.native-viewport>img{object-fit:contain;flex:1;width:100%;min-height:0;max-height:70dvh;display:block}.native-viewport>footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:auto;padding:8px 14px;font-size:11px;display:flex}.native-viewport>footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.native-welcome{max-width:1060px;margin:auto;padding:clamp(24px,4vw,70px)}.native-welcome>svg{color:var(--accent);margin-bottom:24px}.native-welcome h1{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(28px,3vw,48px);line-height:1.15}.native-welcome>p{max-width:62ch;color:var(--muted);font-size:16px;line-height:1.7}.native-welcome ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.native-welcome li{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:18px}.native-welcome li span{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7;display:block}.native-inspector{min-width:0;max-height:72dvh;padding:8px;font-size:12px;overflow-y:auto}.native-inspector h2{margin-bottom:16px;font-size:14px}.native-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.native-metrics dt,.native-hint{color:var(--muted);font-size:11px}.native-metrics dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:21px}.native-inspector p{overflow-wrap:anywhere;margin:14px 0;line-height:1.65}.native-inspector details{border-top:1px solid var(--line);padding:14px 0}.native-inspector summary{cursor:pointer;font-weight:600}.native-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.native-inspector textarea{width:100%;margin-top:8px}.native-cycle{margin-top:14px}.native-composer{border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:12px;padding:16px;display:grid}.native-composer label{gap:6px;font-size:12px;font-weight:600;display:grid}.native-composer select{width:min(100%,380px)}.native-composer textarea{resize:vertical;width:100%;min-height:64px}.native-composer small,.native-composer-actions p{color:var(--muted);font-size:11px;font-weight:400}.native-composer-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.native-composer .button{flex-shrink:0}@media (max-width:900px){.native-stage{grid-template-columns:1fr}.native-inspector{max-height:none}.native-metrics{grid-template-columns:repeat(3,1fr)}.native-toolbar>span{flex-basis:100%;margin-left:34px}.native-toolbar{flex-wrap:wrap;gap:8px 16px}}@media (min-width:901px){.native-browser-studio{height:100dvh;min-height:0}.native-stage{min-height:0}.native-inspector{max-height:none}.native-viewport{overflow-y:auto}.native-welcome{flex-shrink:0}.native-viewport>footer{background:var(--panel);position:sticky;bottom:0}}@media (max-width:540px){.native-browser-studio{padding:10px}.native-welcome ol{grid-template-columns:1fr}.native-welcome{padding:22px}.native-composer-actions{flex-direction:column;align-items:flex-start}}.native-toolbar>a,.native-toolbar .icon-button{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.native-inspector summary{padding:6px 0}