*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e2e8f0;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#64748b}.welcome h1{font-size:28px;font-weight:600;color:#e2e8f0}.welcome p{font-size:14px}.welcome code{background:#1e2130;padding:2px 6px;border-radius:4px;font-size:13px;color:#a5b4fc}.app{display:flex;flex-direction:column;height:100vh}.tabbar{display:flex;align-items:center;gap:8px;background:#1a1d27;border-bottom:1px solid #2d3148;padding:0 16px;height:48px;flex-shrink:0}.tabbar-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-right:12px}.tabs{display:flex;gap:2px;height:100%;align-items:stretch}.tab{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0 16px;font-size:14px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tab:hover{color:#e2e8f0}.tab.active{color:#e2e8f0;border-bottom-color:#6366f1}.content{flex:1;overflow:auto}