:root{--bg: #ffffff;--bg-surface: #ffffff;--text: #212121;--text-muted: #757575;--accent: #d32f2f;--accent-dim: #ffcdd2;--arc-stroke: #536dfe;--root-color: #9ece6a;--border: #3b4261;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.app-title{font-size:24px;font-weight:600;letter-spacing:-.01em}.app-title span{color:var(--accent)}.app-controls{display:flex;align-items:center;gap:20px}.load-btn{font-size:16px;padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.load-btn:hover{border-color:var(--accent);color:var(--text)}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}