@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#fbfbfa;--bg-surface:#f2f1ed;--border-neutral:#e4e2dc;--text-primary:#1c1c1a;--text-secondary:#595752;--trace-blue:#1d5c96;--state-amber:#965600;--bg-amber:#fdf8f0;--border-amber:#f5e6d3;--state-red:#b91c1c;--bg-red:#fef2f2;--border-red:#fca5a5;--state-green:#15803d;--bg-green:#f0fdf4;--border-green:#bbf7d0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5}header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-neutral);padding:1rem 1.5rem}main{flex:1;width:100%;max-width:1400px;min-height:calc(100vh - 120px);margin:0 auto;padding:1.5rem}footer{background-color:var(--bg-surface);border-top:1px solid var(--border-neutral);text-align:center;color:var(--text-secondary);padding:1.5rem;font-size:.75rem}.app-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.app-grid{grid-template-columns:1fr}}@media (min-width:1024px){.app-grid{grid-template-columns:42% 58%}}.tabs-nav{border-bottom:1px solid var(--border-neutral);margin-bottom:1.5rem;display:flex}@media (min-width:1024px){.tabs-nav{display:none}}.tab-btn{text-align:center;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:.75rem;font-weight:600}.tab-btn.active{color:var(--trace-blue);border-bottom-color:var(--trace-blue)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:justify-content}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.self-start{align-self:flex-start}.self-center{align-self:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.w-full{width:100%}.h-full{height:100%}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-h-36{max-height:9rem}.max-h-\[60vh\]{max-height:60vh}.border{border:1px solid var(--border-neutral)}.border-b{border-bottom:1px solid var(--border-neutral)}.border-t{border-top:1px solid var(--border-neutral)}.border-none{border-style:none}.border-dashed{border-style:dashed}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9f9f8}.bg-gray-200{background-color:#e5e5e3}.bg-red-50{background-color:var(--bg-red)}.bg-red-100{background-color:#fee2e2}.bg-green-100{background-color:#d1fae5}.bg-teal-100{background-color:#e6f4ea}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-mono{font-family:var(--font-mono)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.026em}.tracking-wider{letter-spacing:.05em}.text-gray-400{color:#a1a19f}.text-gray-500{color:var(--text-secondary)}.text-gray-600{color:#4b4b49}.text-gray-700{color:#373735}.text-gray-800{color:#262624}.text-gray-900{color:var(--text-primary)}.text-red-950{color:#450a0a}.text-red-800{color:#991b1b}.text-red-500{color:#ef4444}.text-green-950{color:#022c22}.text-green-900{color:#065f46}.text-green-800{color:#166534}.text-green-700{color:var(--state-green)}.text-teal-800{color:#137333}.text-white{color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.underline,.hover\:underline:hover{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.bg-black\/40{background-color:#0006}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow-hidden:hidden}.break-all{word-break:break-all}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.switch-container{background-color:var(--border-neutral);border-radius:20px;align-items:center;gap:.5rem;padding:.25rem;display:flex;position:relative}.switch-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:15px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.switch-btn.active{background-color:var(--bg-canvas);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.badge{border-radius:4px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-simulated{background-color:var(--bg-amber);color:var(--state-amber);border:1px solid var(--border-amber)}.badge-live{background-color:var(--bg-green);color:var(--state-green);border:1px solid var(--border-green)}.skip-link{background-color:var(--trace-blue);color:#fff;z-index:1000;border-radius:4px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:top .2s ease-in-out;position:absolute;top:-100px;left:1rem}.skip-link:focus{outline:2px solid #fff;top:1rem}button:focus-visible,a:focus-visible,span[role=button]:focus-visible{outline:2px solid var(--trace-blue)!important;outline-offset:2px!important}.switch-btn:disabled{cursor:not-allowed;opacity:.45}