*{box-sizing:border-box}body{margin:0;font:15px system-ui;background:#f5f7fb;color:#172033}.browser{height:100vh;display:flex;flex-direction:column;background:#fff}.browser header{display:flex;gap:8px;padding:10px;background:#e9eef5}.browser input{flex:1;padding:10px 16px;border:0;border-radius:22px}.tabs{padding:8px;display:flex;gap:6px;overflow:auto;background:#dfe6ef}.tabs span{padding:8px 14px;background:#fff;border-radius:8px;white-space:nowrap}.viewport{flex:1;display:grid;place-items:center;color:#64748b}.card{max-width:720px;margin:10vh auto;padding:32px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #172b4d1a}.card button{padding:10px 16px;border:0;border-radius:8px;background:#2563eb;color:#fff}@media(max-width:600px){.card{margin:0;min-height:100vh;border-radius:0}}