@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#182031;font-synthesis:none;background:#091321;font-family:Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:#edf0f4;grid-template-columns:190px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#091321;flex-direction:column;padding:22px 12px;display:flex}.brand{align-items:center;gap:9px;padding:0 8px 28px;font-size:19px;font-weight:700;display:flex}.brand>span{background:linear-gradient(145deg,#7447ff,#9b54ff);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}nav{gap:6px;display:grid}nav button,.nav-bottom button{color:#aeb8c9;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}nav button:hover,nav button.active{color:#fff;background:#202649}.nav-bottom{gap:4px;margin-top:auto;display:grid}.profile{border-top:1px solid #243044;align-items:center;gap:9px;margin-top:8px;padding:14px 8px 0;display:flex}.profile>span{background:#6c7ed8;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.profile div{gap:2px;display:grid}.profile strong{font-size:10px}.profile small{color:#8090a8;font-size:9px}.workspace{min-width:0}.topbar{color:#eaf1ff;background:#091321;justify-content:flex-end;align-items:center;gap:16px;height:59px;padding:0 18px;display:flex}.environment{border:1px solid #2c3a50;border-radius:7px;align-items:center;gap:8px;min-width:185px;padding:9px 11px;font-size:11px;display:flex}.environment svg:last-child{margin-left:auto}.synthetic{color:#59cce5;font-size:11px;font-weight:600}.status{color:#8999af;align-items:center;gap:6px;font-size:10px;display:flex}.status i{background:#2cd58a;border-radius:50%;width:7px;height:7px}.primary-grid{grid-template-columns:265px minmax(390px,1fr) 390px;min-height:645px;display:grid}.panel{background:#fff;border-bottom:1px solid #d9dee5;border-right:1px solid #d9dee5}.panel>header{border-bottom:1px solid #e1e5ea;justify-content:space-between;align-items:center;min-height:50px;padding:12px 14px;display:flex}.panel h1,.panel h2{align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.panel>header button{color:#6f43ec;background:0 0;border:0;font-size:10px}.panel>header>span{color:#616f82;border:1px solid #dbe1e7;border-radius:99px;padding:4px 7px;font-size:9px}.inputs{padding-bottom:14px}.inputs>header{margin-bottom:4px}.inputs label{gap:7px;padding:8px 12px;font-size:10px;font-weight:600;display:grid;position:relative}.inputs textarea,.inputs select{color:#2e3949;background:#fafbfc;border:1px solid #d6dce4;border-radius:7px;outline:none;width:100%;padding:9px;font-size:10px}.inputs textarea{resize:vertical;min-height:127px;line-height:1.45}.inputs textarea:focus,.inputs select:focus{border-color:#8151ef;box-shadow:0 0 0 3px #eee8ff}.inputs output{color:#6e43e9;position:absolute;top:8px;right:13px}.inputs input[type=range]{accent-color:#7545ec;width:100%}.range-scale{color:#7b8695;justify-content:space-between;display:flex}.range-scale i{font-size:8px;font-style:normal}.run{color:#fff;background:#7545ed;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 24px);margin:12px;padding:11px;font-size:11px;font-weight:700;display:flex;box-shadow:0 7px 18px #7545ed40}.run:disabled{opacity:.58}.simulation-note{color:#8c96a4;text-align:center;margin:0;font-size:8px}.spin{animation:1s linear infinite spin}.sources{gap:4px;padding:8px 10px;display:grid}.sources button{text-align:left;color:#2e3949;background:#fff;border:1px solid #0000;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;width:100%;padding:9px;display:grid}.sources button:hover{background:#f8f9fb}.sources button.selected{background:#f5f9ff;border-color:#4389f4}.radio{border:1px solid #abb5c2;border-radius:50%;width:13px;height:13px;margin-top:2px}.selected .radio{border:4px solid #4389f4}.sources div{gap:3px;min-width:0;display:grid}.sources strong{color:#273344;font-size:10px}.sources small{color:#778394;font-size:8px}.sources p{color:#596678;margin:3px 0 0;font-size:9px;line-height:1.4}.sources b{color:#2972d8;border:1px solid #bcd4f6;border-radius:99px;padding:3px 6px;font-size:8px}.answer{background:#091321;border-radius:7px;min-height:188px;margin:0 10px 9px;overflow:hidden}.answer header{color:#aeb9ca;border-bottom:1px solid #28364a;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-size:9px;display:flex}.answer header button{color:#c4cddd;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.answer pre{color:#d5d8ef;white-space:pre-wrap;margin:0;padding:10px 12px;font:8px/1.45 JetBrains Mono,monospace}.skeleton{gap:12px;padding:18px;display:grid}.skeleton i{background:#1b2b43;border-radius:4px;height:8px;animation:1s infinite alternate pulse}.skeleton i:nth-child(2){width:85%}.skeleton i:nth-child(3){width:72%}.citation{color:#317bdc;border:1px solid #dbe1e8;border-radius:7px;gap:8px;margin:0 10px 10px;padding:10px;display:flex}.citation div{min-width:0}.citation a{font:8px JetBrains Mono,monospace;text-decoration:underline}.citation p{color:#4e5b6d;margin:5px 0 0;font-size:9px;line-height:1.4}.trace{padding-bottom:10px}.trace-list{padding:8px 12px}.trace-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e0e4ea;grid-template-columns:22px 1fr auto;gap:8px;width:100%;padding:10px 0;display:grid}.step{color:#fff;background:#276fa9;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-weight:700;display:grid}.trace-list button:nth-child(n+3) .step{background:#7545ed}.trace-list strong{align-items:center;gap:7px;font-size:10px;display:flex}.trace-list strong i{color:#4d80d8;font-size:8px;font-style:normal;font-weight:500}.trace-list p{color:#697587;margin:5px 0 0;font-size:9px}.latency{color:#536071;align-items:center;gap:4px;font-size:8px;display:flex}.trace-detail{background:#f2edff;border-radius:6px;gap:5px;margin-top:8px;padding:8px;display:grid}.trace-detail span{color:#59458b;justify-content:space-between;font-size:8px;display:flex}.metrics{border:1px solid #dde2e8;border-radius:7px;grid-template-columns:repeat(3,1fr);margin:3px 12px 10px;display:grid}.metrics div{text-align:center;border-right:1px solid #e1e5ea;gap:2px;padding:9px;display:grid}.metrics div:last-child{border-right:0}.metrics small{color:#6e7988;font-size:7px}.metrics strong{font-size:14px}.metrics span{color:#7450dc;font-size:7px}.failure{color:#e8edf5;background:#111b2a;border-radius:8px;margin:0 12px;padding:11px;box-shadow:0 7px 20px #0a14232e}.failure header{justify-content:space-between;align-items:center;display:flex}.failure header div{align-items:center;gap:7px;display:flex}.failure header svg{color:#f5a329}.failure header strong{font-size:11px}.failure>p{color:#a7b1c0;gap:3px;margin:9px 0;font-size:8px;display:grid}.failure>p b{color:#f5b548}.failure code{color:#ff8d9b;border:1px solid #923947;border-radius:5px;padding:7px;font:7px JetBrains Mono,monospace;display:block}.failure small{color:#aeb8c6;margin:9px 0 5px;font-size:7px;display:block}.failure code.good{color:#62e7aa;border-color:#258a61}.failure>button{color:#fff;background:#7545ed;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px;font-size:9px;display:flex}.failure.resolved{border:1px solid #258a61}.failure.resolved header svg,.failure.resolved>p b{color:#62e7aa}.failure.resolved code{color:#62e7aa;border-color:#258a61}.eval-table{border:0}.eval-table>header{flex-direction:column;align-items:flex-start;gap:2px;min-height:54px}.eval-table h2 span{color:#7d8795;font-size:8px;font-weight:400}.eval-table header small{color:#778291;font-size:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:9px}th{text-align:left;color:#657184;background:#f7f8fa;padding:9px 14px}td{white-space:nowrap;border-top:1px solid #e1e5ea;padding:10px 14px}tr.selected td{background:#f9f7ff}.run-dot{border:3px solid #7545ed;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.run-dot.muted{border-color:#9fa8b4}.result{border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;font-weight:600;display:inline-flex}.result.pass{color:#0c804c;background:#e6f8ef;border:1px solid #a8ddc1}.result.warn{color:#a25f00;background:#fff5df;border:1px solid #edc774}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.4}}@media (width<=1180px){.primary-grid{grid-template-columns:250px minmax(390px,1fr)}.trace{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.trace>header{grid-column:1/-1}.failure{align-self:start;margin-top:8px}.metrics{grid-column:2}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{padding:12px}.brand{padding-bottom:12px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{min-width:110px}.nav-bottom{display:none}.topbar{flex-wrap:wrap;justify-content:flex-start;height:auto;min-height:58px;padding:10px 12px}.status{display:none}.primary-grid{grid-template-columns:1fr}.trace{grid-column:auto;display:block}.metrics{grid-column:auto}.panel{border-right:0}.inputs textarea{min-height:100px}.eval-table{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}