@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--bg:#eef3f9;--ink:#152235;--ink-soft:#506178;--line:#ffffff73;--glass:#f8fbff85;--glass-strong:#f8fbffbd;--accent:#2468ff;--good:#1c8b4b;--bad:#ce3d4f}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 15% 15%, #fef6e9 0%, transparent 40%), radial-gradient(circle at 80% 20%, #dfebff 0%, transparent 42%), radial-gradient(circle at 50% 95%, #e0fff6 0%, transparent 36%), var(--bg);margin:0;font-family:Manrope,sans-serif}#root{min-height:100svh}.page-shell{width:min(1280px,94vw);margin:18px auto;position:relative}.app-grid{grid-template-columns:260px 1fr;gap:14px;display:grid}.bg-blur{filter:blur(90px);opacity:.48;z-index:-1;border-radius:999px;position:fixed}.blob-a{background:#ffdba7;width:300px;height:300px;top:5%;left:4%}.blob-b{background:#9ab8ff;width:360px;height:360px;top:26%;right:3%}.glass{border:1px solid var(--line);background:linear-gradient(140deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 38px #1f2a421f}.sidebar{border-radius:24px;flex-direction:column;gap:14px;height:calc(100svh - 36px);padding:14px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:10px;display:flex}.brand p{color:var(--ink-soft);margin:2px 0 0;font-size:12px}.brand-dot{background:linear-gradient(120deg,#4c8bff,#9de1ff);border-radius:99px;width:14px;height:14px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.chip{color:var(--ink);cursor:pointer;text-align:left;background:#ffffff85;border:0;border-radius:12px;padding:8px 12px}.chip.active{color:#103784;background:#2468ff29}.layout{align-content:start;gap:14px;display:grid}.sidebar-foot{border-top:1px solid #192c481a;margin-top:auto;padding-top:12px}.hero-card{border-radius:28px;padding:28px;animation:.55s rise}.badge{color:#1c4f9f;background:#ffffffa8;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-block}h1{margin:10px 0 8px;font-family:Outfit,sans-serif;font-size:clamp(28px,3vw,44px)}h2{margin:0 0 10px;font-family:Outfit,sans-serif}.desc{max-width:800px;color:var(--ink-soft);margin:0}.row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;background:#ffffffb8;border:0;border-radius:12px;padding:10px 14px}.btn.primary{color:#fff;background:linear-gradient(115deg,#2a6cff,#4f95ff)}.grid{gap:14px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:20px;padding:18px}h3{margin:6px 0;font-size:30px}small.up{color:var(--good)}small.down{color:var(--bad)}.list{gap:12px;margin:0;padding-left:16px;display:grid}.list p{color:var(--ink-soft);margin:3px 0 0}.stack p{margin:0 0 10px}code{white-space:pre-line;background:#ffffffb3;border-radius:12px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #1c2b4414;padding:8px}.upload-box{border:1px dashed #27426447;border-radius:16px;padding:20px}.input{background:#ffffffb8;border:1px solid #23385233;border-radius:10px;min-width:220px;padding:10px 12px}.area{resize:vertical;width:100%;min-height:84px}.status{color:var(--ink-soft);margin-top:10px}.err{color:#a7183a;margin-top:10px}@keyframes rise{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page-shell{width:96vw}.app-grid{grid-template-columns:1fr}.sidebar{height:auto;position:static}.cols-2,.cols-4{grid-template-columns:1fr}}.agent-shell{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:14px;display:grid}.agent-context{align-content:start;gap:14px;display:grid}.agent-context label{color:var(--ink-soft);gap:6px;font-size:13px;font-weight:600;display:grid}.input{width:100%;color:var(--ink);font:inherit;background:#ffffffad;border:1px solid #1c2b441a;border-radius:12px;outline:none;padding:11px 12px}.input:focus{border-color:#2468ff6b;box-shadow:0 0 0 4px #2468ff1a}.area{resize:vertical;min-height:96px}.agent-hints{flex-wrap:wrap;gap:8px;display:flex}.hint-chip{color:#103784;cursor:pointer;background:#2468ff1f;border:0;border-radius:999px;padding:8px 11px}.agent-chat-card{gap:14px;display:grid}.agent-chat-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-chat-head span{color:var(--ink-soft);font-size:13px}.agent-chat{background:#ffffff6b;border-radius:18px;flex-direction:column;gap:10px;min-height:360px;max-height:52svh;padding:12px;display:flex;overflow:auto}.message{background:#ffffffd1;border-radius:16px;max-width:min(680px,84%);padding:10px 12px;box-shadow:0 10px 28px #192c4814}.message.user{color:#fff;background:linear-gradient(115deg,#2a6cff,#4f95ff);align-self:flex-end}.message p{white-space:pre-line;margin:0;line-height:1.55}.agent-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.err{color:var(--bad);margin:10px 0 0}.status{color:var(--ink-soft)}@media (width<=900px){.app-grid,.agent-shell,.cols-2,.cols-4{grid-template-columns:1fr}.sidebar{height:auto;position:static}.agent-form{grid-template-columns:1fr}}.recorder-window{background:#f8faffd1;border:1px solid #1c2b441f;border-radius:18px;min-height:620px;overflow:hidden;box-shadow:0 22px 42px #1f2a421a}.recorder-titlebar{background:linear-gradient(#fbfcff,#eef2f8);border-bottom:1px solid #1c2b441a;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.recorder-titlebar h2{margin:0;font-size:18px}.recorder-titlebar p{color:var(--ink-soft);margin:4px 0 0;font-size:12px}.rec-state{color:var(--ink-soft);background:#5061781f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.rec-state.on{color:var(--good);background:#1c8b4b21}.recorder-toolbar,.recorder-footer{background:#ffffffb8;border-bottom:1px solid #1c2b4414;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.toolbar-divider{background:#1c2b4429;width:1px;height:26px}.recorder-table-wrap{background:#fff;min-height:340px;overflow:auto}.recorder-table{min-width:980px;font-size:13px}.recorder-table th{z-index:1;color:#223048;background:#f7f9fd;border-bottom:1px solid #1c2b4424;font-weight:700;position:sticky;top:0}.recorder-table th,.recorder-table td{white-space:nowrap;padding:8px 10px}.recorder-table tbody tr{cursor:pointer}.recorder-table tbody tr:hover,.recorder-table tbody tr.selected{background:#eef5ff}.mono-cell{text-overflow:ellipsis;max-width:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.error-cell{text-overflow:ellipsis;max-width:220px;color:var(--bad);overflow:hidden}.empty-cell{height:160px;color:var(--ink-soft);text-align:center}.status-pill{min-width:58px;color:var(--ink-soft);background:#5061781f;border-radius:999px;justify-content:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.recording{color:var(--good);background:#1c8b4b21}.status-pill.error,.status-pill.offline{color:var(--bad);background:#ce3d4f1f}.status-pill.reconnecting,.status-pill.monitoring{color:#174cb8;background:#2468ff1f}.recorder-editor-card{background:#f7f9fd;border-bottom:1px solid #1c2b4414;padding:12px 10px}.recorder-editor-head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.recorder-editor-head strong{color:var(--ink);font-size:14px}.recorder-editor-head span{color:var(--ink-soft);font-size:12px}.recorder-editor{grid-template-columns:minmax(220px,1.1fr) minmax(220px,1fr) auto auto auto auto auto;align-items:end;gap:10px;display:grid}.recorder-editor label,.recorder-footer label{color:var(--ink-soft);gap:5px;font-size:12px;font-weight:700;display:grid}.check-label{white-space:nowrap;grid-auto-flow:column;align-items:center;color:var(--ink)!important;gap:6px!important;display:inline-flex!important}.recorder-footer{border-top:1px solid #1c2b4414;border-bottom:0}.small-input{width:92px;min-width:92px}.cookie-field{flex:320px}.record-files-strip{color:var(--ink-soft);background:#ffffffad;border-top:1px solid #1c2b4414;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex;overflow:auto}.record-files-strip strong{color:var(--ink);white-space:nowrap}.record-files-strip .download-pill{color:#174cb8;white-space:nowrap;background:#2468ff14;border-radius:999px;padding:5px 8px;text-decoration:none}@media (width<=1100px){.recorder-editor{grid-template-columns:1fr 1fr}}@media (width<=760px){.recorder-titlebar,.recorder-toolbar,.recorder-footer{align-items:stretch}.toolbar-divider{display:none}.recorder-editor{grid-template-columns:1fr}}