body{padding:12px 16px;overflow-x:hidden}.bar{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:12px;display:flex}.bar label{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.bar select{border:1px solid var(--line);background:var(--bg-elev-2);border-radius:6px;padding:5px 8px}.screens-row{gap:16px;display:flex}.sim{flex:1;min-width:0}.sim-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:6px;display:flex}.sim-head b{font-size:17px}.sim-frame{outline:1px solid var(--line);background:#000;border-radius:10px;position:relative;overflow:hidden}.sim-frame iframe,.sim-zones,.sim-native{transform-origin:0 0;border:0;width:1920px;height:1080px;position:absolute;top:0;left:0}.sim-zones,.sim-native{pointer-events:none}.zone{color:#ffbeb4b3;font:26px var(--font);text-align:center;background:repeating-linear-gradient(45deg,#e7695e29 0 14px,#e7695e0f 14px 28px);justify-content:center;align-items:center;display:flex;position:absolute}.zone-safe{border:3px dashed #6fc58eb3;width:1440px;height:760px;position:absolute;top:160px;left:240px}.sim-native{opacity:0;transition:opacity .15s ease-out}.sim-native.show{opacity:1}.native-bar{background:#1e2026eb;position:absolute}.native-slider{background:#5c606a;border-radius:9px;width:18px;position:absolute}.native-slider i{background:#e8e8e8;border-radius:9px;height:55%;position:absolute;bottom:0;left:0;right:0}.lower{grid-template-columns:330px minmax(280px,420px) 1fr;gap:16px;margin-top:14px;display:grid}.notes li{margin-bottom:4px}.phone-frame{background:#000;border:6px solid #2a2e36;border-radius:28px;width:300px;height:640px;overflow:hidden}.phone-frame iframe{transform-origin:0 0;border:0;width:390px;height:844px;transform:scale(.7533)}
