html,body,#root{height:100%;margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading{color:#888;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}.app{flex-direction:column;max-width:900px;height:100vh;margin:0 auto;padding:20px;display:flex}h1{text-align:center;color:#f0f0f0;margin-bottom:16px}.tabs{border-bottom:2px solid #333;gap:4px;display:flex}.tab{color:#aaa;cursor:pointer;background:#2a2a3e;border:none;border-radius:6px 6px 0 0;padding:10px 20px;font-size:14px;transition:background .2s,color .2s}.tab:hover{color:#ddd;background:#3a3a5e}.tab.active{color:#fff;background:#16213e;font-weight:600}.tab-panel,.tab-content{flex-direction:column;flex:1;min-height:0;display:flex}.tab-content textarea{resize:none;color:#e0e0e0;background:#16213e;border:none;outline:none;flex:1;width:100%;padding:16px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6}.tab-content textarea::placeholder{color:#666}