:root{--ink:#0d2631;--ink-muted:#496069;--line:#cddce2;--teal:#23d4bd;--teal-deep:#0d6f77;--orange:#ffc77a;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%,#23d4bd4d,#0000 35%),radial-gradient(circle at 85% 10%,#ffc77a73,#0000 40%),linear-gradient(160deg,#f6fbff 0%,#ecf6ff 45%,#f7f9fc 100%);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,p{margin:0}h1{letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(1.8rem,2.6vw,2.5rem)}h2{font-size:clamp(1.3rem,2vw,1.7rem)}.app-shell{gap:1.25rem;width:min(960px,100% - 2.5rem);margin:3rem auto;display:grid}.app-header{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#13c5b233,#0000 42%),linear-gradient(120deg,#fffffff2,#f8fcffe6);border-radius:1.25rem;padding:2rem;position:relative;box-shadow:0 10px 25px #1326421f}.header-actions{align-items:center;gap:.6rem;display:inline-flex;position:absolute;top:1.1rem;right:1.1rem}.session-user{color:var(--ink-muted);font-size:.8rem}.logout-button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .75rem}.logout-button:hover{border-color:var(--teal);color:var(--teal-deep)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-deep);margin:0;font-size:.8rem;font-weight:700}.subtitle{max-width:60ch;margin:.75rem 0 0}.back-link{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;margin-top:1rem;padding:.45rem .9rem}.back-link:hover{border-color:var(--teal)}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.agent-card{border:1px solid var(--line);text-align:left;min-height:180px;color:var(--ink);cursor:pointer;background:#ffffffe0;border-radius:1rem;align-content:start;gap:.6rem;padding:1.2rem;display:grid;box-shadow:0 8px 20px #0b1b341a}.agent-card h2{margin:0;font-size:1.15rem}.agent-card p{color:var(--ink-muted);margin:0}.agent-card.active-agent:hover{color:#073a38;background:linear-gradient(135deg,#d8fff7 0%,#e8fff5 55%,#f4ffea 100%);border-color:#0fa896;transform:translateY(-2px)}.agent-card.active-agent:hover p{color:#0a4c4a}.agent-card:disabled{cursor:not-allowed;opacity:.6}.view-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.view-tabs button{border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#ffffffb8;border-radius:999px;padding:.65rem 1.1rem;transition:transform .18s,border-color .18s}.view-tabs button:hover{border-color:var(--teal);transform:translateY(-1px)}.view-tabs button.active{background:linear-gradient(110deg, var(--teal), var(--orange));color:#041722;border-color:#0000;font-weight:700}.view-card{border:1px solid var(--line);background:#ffffffdb;border-radius:1.25rem;min-height:320px;animation:.26s reveal;box-shadow:0 15px 40px #0b1b3424}.form-grid{gap:.9rem;padding:1.6rem;display:grid}.form-grid h2{margin:.2rem 0 .4rem}.form-grid label{color:var(--ink-muted);font-size:.95rem}.form-grid input{border:1px solid var(--line);font:inherit;background-color:#fff;border-radius:.8rem;padding:.7rem .85rem}.code-textarea{border:1px solid var(--line);font:inherit;resize:vertical;background-color:#fff;border-radius:.8rem;min-height:220px;padding:.7rem .85rem;font-family:ui-monospace,Consolas,monospace}.form-grid input:focus,.code-textarea:focus{border-color:var(--teal);outline:2px solid #13c5b259}.form-grid button{background:linear-gradient(120deg, var(--teal-deep), #13b7a4);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:.8rem;justify-self:start;margin-top:.15rem;padding:.7rem 1.2rem}.form-grid button:disabled{opacity:.7;cursor:not-allowed}.feedback{min-height:1.4em;color:var(--ink-muted);margin:0}.job-id{color:#114645;word-break:break-all;margin:0;font-family:ui-monospace,Consolas,monospace;font-weight:700}.upload-result{border:1px solid var(--line);border-radius:.8rem;margin:.2rem 0 0;overflow:hidden}.upload-result>div{border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr;align-items:baseline;gap:.5rem;padding:.55rem .9rem;display:grid}.upload-result>div:last-child{border-bottom:none}.upload-result dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.8rem;font-weight:600}.upload-result dd{color:var(--ink);margin:0;font-size:.95rem}.upload-status{color:#0a6640;text-transform:capitalize;background:#d4f5e6;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-result{border:1px solid var(--line);border-radius:.8rem;margin:.2rem 0 0;overflow:hidden}.logic-result>div{grid-template-columns:10rem 1fr}.status-result>div{border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr;align-items:baseline;gap:.5rem;padding:.55rem .9rem;display:grid}.status-result>div:last-child{border-bottom:none}.status-result dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.8rem;font-weight:600}.status-result dd{color:var(--ink);margin:0;font-size:.95rem}.monospace{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.status-badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-badge.status-queued{color:#856404;background:#fff3cd}.status-badge.status-processing{color:#004085;background:#cce5ff}.status-badge.status-completed{color:#0a6640;background:#d4f5e6}.status-badge.status-failed{color:#721c24;background:#f5d5d5}.error-message{color:#721c24;background:#f5d5d5;border-radius:.4rem;margin:0;padding:.5rem .75rem}.download-preview{border:1px solid var(--line);background:#f9fafb;border-radius:.6rem;margin-top:1.5rem;padding:1rem;animation:.3s ease-out reveal}.download-preview h3{color:var(--teal);word-break:break-all;margin:0 0 .75rem;font-size:.95rem}.preview-content{color:#0d2631;white-space:pre-wrap;word-wrap:break-word;background:#fff;border:1px solid #e0e4e8;border-radius:.4rem;max-height:400px;margin:0;padding:.75rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;line-height:1.4;overflow:auto}.close-preview{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:.4rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.close-preview:hover{border-color:var(--teal);color:var(--teal);background:#f0f0f0}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-shell{width:calc(100% - 1.2rem);margin:1.2rem auto 2rem}.app-header{padding:1.2rem}.header-actions{flex-wrap:wrap;justify-content:space-between;margin-bottom:.6rem;display:flex;position:static}.form-grid{padding:1.1rem}.view-tabs{grid-template-columns:1fr;display:grid}.agent-grid{grid-template-columns:1fr}.view-tabs button{width:100%}}