:root{font-family:DejaVu Sans,Arial,sans-serif;color:#172944;background:#f3f6fa;font-synthesis:none;--navy: #0b1628;--deep-navy: #152845;--ink: #172944;--orange: #ff7417;--blue: #3b82c4;--teal: #35a9b8;--cool-white: #f3f6fa;--pale-blue: #eaf2fc;--success: #42a66a;--danger: #c83e32;--muted: #5b6b82;--line: #d5e2f2}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%}body{margin:0;background:var(--cool-white);overflow-x:hidden}button,a{font:inherit}.app{min-height:100vh;min-width:0}.sidebar{position:fixed;inset:0 auto 0 0;width:210px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:2}.brand{min-width:0;min-height:92px;display:flex;align-items:center;gap:12px;padding:12px 18px}.brand img{width:66px;height:68px;object-fit:contain;flex:0 0 auto}.brand-copy{min-width:0;display:grid;gap:2px}.brand-copy small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.brand-copy strong{color:#fff;font-size:16px;line-height:1.05;white-space:nowrap}.sidebar nav{display:grid;margin-top:6px}.sidebar nav a{display:flex;gap:13px;align-items:center;min-width:0;padding:13px 22px;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.sidebar nav a.active{background:var(--deep-navy);border-left:4px solid var(--orange);padding-left:18px}.sidebar nav a:hover{background:#1d3558}.school-mark{margin-top:auto;padding:24px 18px;text-align:left;display:grid;gap:5px;border-top:1px solid rgb(255 255 255 / 14%)}.school-mark strong{color:var(--orange);font-size:14px;letter-spacing:.05em;text-transform:uppercase}.school-mark small{color:#fff;font-size:10px;line-height:1.4}.mobile-header{display:none}main{min-width:0;margin-left:210px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,250px) minmax(260px,310px);grid-template-areas:"work runtime history" "agents agents agents";gap:18px;max-width:1600px}.workspace,.runtime,.history,.agent-section{min-width:0}.workspace{grid-area:work}.hero h1{color:var(--ink);font-size:clamp(34px,4vw,46px);line-height:1;margin:5px 0 0;font-weight:800}.hero p{color:var(--blue);font-size:clamp(34px,4vw,48px);line-height:1.05;margin:5px 0 20px;font-weight:800;overflow-wrap:anywhere}.primary,.secondary{border:0;border-radius:10px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer}.primary{width:100%;background:var(--blue);color:#fff;font-size:16px;margin:14px 0}.primary:hover{background:#2f70aa}.secondary{width:100%;background:#fff;color:var(--blue);border:1px solid var(--blue)}.notice{min-width:0;padding:10px 13px;background:#edf8f1;color:#246a3e;border-left:4px solid var(--success);font-size:13px;font-weight:700;overflow-wrap:anywhere}.capabilities{border-top:1px solid var(--line)}.capability{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto minmax(76px,auto);align-items:center;gap:10px;min-height:58px;border-bottom:1px solid var(--line);padding:3px 0}.capability>svg{color:var(--ink)}.capability .canvas-icon{color:var(--danger)}.capability-copy{min-width:0;display:grid}.capability strong{font-size:15px;overflow-wrap:anywhere}.capability span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.status{min-width:0;text-align:right;display:flex!important;align-items:center;justify-content:flex-end;gap:5px;font-weight:700}.status.ready,.success{color:#2f8050!important}.status.muted,.muted{color:var(--muted)!important}.toggle{width:43px;height:25px;flex:0 0 auto;border:0;border-radius:20px;background:#aab4c2;padding:3px;cursor:pointer}.toggle span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .15s}.toggle[data-on=true]{background:var(--teal)}.toggle[data-on=true] span{transform:translate(18px)}.toggle:disabled{opacity:.62;cursor:not-allowed}.summary-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;margin-top:14px}.summary-grid section,.runtime,.history,.agent-section{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0b16280f}.summary-grid section{min-width:0;padding:14px 16px}.summary-grid h2,.runtime h2,.history h2,.agent-section h2{color:var(--ink);font-size:15px;margin:0 0 11px}.summary-grid a,.summary-grid span{min-width:0;display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.summary-grid a svg,.summary-grid span svg{flex:0 0 auto;margin-top:2px}.summary-grid a{color:var(--blue);text-decoration:none}.summary-grid span svg{color:var(--success)}.runtime{grid-area:runtime;margin-top:158px;padding:18px 16px;height:max-content}.runtime-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.runtime-control div{min-width:0;display:grid}.runtime-control strong{font-size:14px;overflow-wrap:anywhere}.runtime-control span,.runtime-control p,.runtime>small{color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.runtime-control p{grid-column:1 / -1;margin:3px 0}.runtime .secondary{margin-top:28px}.runtime>small{display:block;margin-top:8px}.history{grid-area:history;padding:18px 16px;height:max-content}.history>p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.history-row{min-width:0;width:100%;display:grid;grid-template-columns:23px minmax(0,1fr) minmax(0,auto) 15px;gap:8px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;cursor:pointer}.history-row>svg:first-child{color:var(--success)}.history-row.selected{background:var(--pale-blue);box-shadow:inset 3px 0 var(--orange);padding-inline:8px}.history-row span{min-width:0;display:grid}.history-row strong,.history-row small,.history-row em{overflow-wrap:anywhere}.history-row strong{font-size:12px}.history-row small{color:var(--muted);font-size:10px}.history-row em{color:var(--muted);font-size:10px;font-style:normal}.agent-section{grid-area:agents;padding:14px 16px}.agent-section h2 small{font-weight:500;overflow-wrap:anywhere}.table-wrap{min-width:0;overflow-x:auto}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:8px 9px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;word-break:break-word}th:nth-child(1){width:20%}th:nth-child(2){width:17%}th:nth-child(3){width:10%}th:nth-child(4){width:53%}th{font-weight:800}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media(max-width:1199px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:min(82vw,280px);box-shadow:8px 0 30px #0b162847}.mobile-header{display:flex;min-width:0;min-height:76px;background:var(--navy);color:#fff;align-items:center;justify-content:space-between;padding:4px 16px}.mobile-header .brand{min-height:auto;padding:4px 0}.mobile-header .brand img{width:52px;height:54px}.mobile-header button{min-width:44px;min-height:44px;border:0;background:none;color:#fff}main{margin-left:0;grid-template-columns:minmax(0,1fr) minmax(220px,270px);grid-template-areas:"work runtime" "agents agents" "history history"}.runtime{margin-top:158px}}@media(max-width:759px){main{display:flex;flex-direction:column;padding:16px;gap:14px}.workspace{display:contents}.hero{order:1;min-width:0}.hero h1{font-size:32px}.hero p{font-size:34px;margin-bottom:12px}.primary{order:2}.notice{order:3}.capabilities{order:4;min-width:0}.runtime{order:5;margin:0;border-width:1px 0;border-radius:0;box-shadow:none;padding:16px 4px}.summary-grid{order:6;display:grid;grid-template-columns:minmax(0,1fr)}.summary-grid section,.agent-section,.history{border-width:1px 0;border-radius:0;box-shadow:none;padding:16px 4px}.agent-section{order:7}.history{order:8}.capability{grid-template-columns:29px minmax(0,1fr) auto;gap:8px;padding:7px 0}.capability .status{grid-column:2 / 4;justify-content:flex-start;text-align:left;padding-bottom:4px}.capability .toggle+.status{font-size:11px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.history-row{grid-template-columns:21px minmax(0,1fr) 15px}.history-row em{grid-column:2}.history-row>svg:last-child{grid-column:3;grid-row:1 / 3}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;width:100%}table{table-layout:auto}thead{display:none}tbody{display:grid;gap:12px}tr{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}td{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;padding:7px 0;border-bottom:1px solid var(--line)}td:last-child{border-bottom:0}td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.empty-row{padding:12px}.empty-row td{display:block;border:0}.empty-row td:before{content:none}}@media(max-width:390px){main{padding-inline:12px}.mobile-header{padding-inline:12px}.capability{grid-template-columns:27px minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}