page { background:#f1f4f7; color:#16212c; }
.native-toolbar { position:fixed; top:112px; left:0; right:0; z-index:1000; height:144rpx; padding:12rpx 24rpx; box-sizing:border-box; background:#fff; border-bottom:1px solid #ced9e2; }
.native-toolbar-auto { height:228rpx; }
.native-auto-entry { margin:0 0 12rpx; padding:0 12rpx; height:68rpx; line-height:64rpx; background:#126597; color:#fff; font-size:28rpx; font-weight:600; }
.native-toolbar-version { margin-bottom:10rpx; font-size:22rpx; line-height:30rpx; color:#466172; }
.native-toolbar-actions { display:flex; gap:14rpx; }
.native-toolbar-actions button { flex:1; margin:0; font-size:26rpx; line-height:68rpx; }
.native-toolbar-actions .native-copy { background:#126597; color:#fff; font-weight:600; }
.native-test { padding:172rpx 24rpx 64rpx; padding-top:calc(112px + 172rpx); }
.native-title { font-size:36rpx; font-weight:600; }
.native-note { margin:14rpx 0; font-size:24rpx; line-height:1.65; color:#596774; }
.native-preview { height:560rpx; margin:24rpx 0; background:#161d25; border-radius:12rpx; overflow:hidden; }
.native-camera { display:block; width:100%; height:100%; }
.native-empty { padding:120rpx 28rpx; color:#d6e0e8; text-align:center; }
.native-actions { display:flex; flex-wrap:wrap; gap:14rpx; }
.native-actions button { margin:0 0 12rpx; font-size:25rpx; }
.native-card { margin-top:20rpx; padding:22rpx; border-radius:12rpx; background:#fff; font-size:25rpx; line-height:1.75; word-break:break-all; }
.native-status { margin:12rpx 0; color:#165b8c; font-weight:600; }
.native-meta { margin-top:12rpx; font-family:monospace; font-size:23rpx; }
.native-diagnostic-text { display:block; white-space:pre-wrap; font-family:monospace; font-size:23rpx; line-height:1.65; user-select:text; -webkit-user-select:text; }
.native-photo { display:block; width:100%; height:540rpx; margin:18rpx 0; background:#e6eaee; }