* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { color: #202638; background: #f4f5f8; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
.tool-browser-page { display: flex; min-height: 100vh; min-height: 100dvh; flex-direction: column; padding-bottom: env(safe-area-inset-bottom, 0px); }
.tool-browser-bar { display: grid; min-height: calc(48px + env(safe-area-inset-top, 0px)); flex: 0 0 auto; grid-template-columns: minmax(84px, 1fr) minmax(0, 2fr) minmax(84px, 1fr); align-items: end; padding: env(safe-area-inset-top, 0px) 13px 0; border-bottom: 1px solid rgba(22,28,45,.08); background: rgba(255,255,255,.96); }
.tool-browser-bar a { display: inline-flex; height: 48px; align-items: center; gap: 7px; color: #565f70; font-size: 13px; font-weight: 700; text-decoration: none; }
.tool-browser-bar h1 { align-self: center; margin: env(safe-area-inset-top, 0px) 0 0; overflow: hidden; font-size: 15px; font-weight: 800; line-height: 48px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.tool-browser-spacer { display: block; }
.tool-browser-content { min-width: 0; min-height: 0; flex: 1 1 auto; overflow: hidden; background: #fff; }
.tool-browser-content iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
@media (min-width: 768px) { .tool-browser-bar { min-height: 52px; grid-template-columns: minmax(110px, 1fr) minmax(0, 3fr) minmax(110px, 1fr); padding-right: 20px; padding-left: 20px; } .tool-browser-bar a { height: 52px; } .tool-browser-bar h1 { line-height: 52px; } }