:root{--bg: #0a0a0a;--fg: #e8e8e8;--muted: #6a6a6a;--border: #1f1f1f;--mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}.logo{font-family:var(--mono);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.nav{display:flex;gap:4px}.nav button{background:transparent;border:1px solid transparent;color:var(--muted);font-family:var(--mono);font-size:12px;padding:6px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.nav button:hover{color:var(--fg)}.nav button.active{color:var(--fg);border-color:var(--border)}.main{flex:1;overflow:hidden}.placeholder{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.placeholder span{font-size:14px;color:var(--fg)}.placeholder small{font-size:11px}