:root{--bg:#1f2024;--bg-soft:#25272d;--bg-panel:#2a2d34;--line:#363a43;--text:#e5e7ec;--muted:#9ca3af;--accent:#44c7b1;--danger:#f87171;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,#23252b,#1f2024 52%);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}html.sidebar-collapsed .shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{border-right:1px solid #2f3239;background:#1d1f24;padding:14px 10px;display:flex;flex-direction:column;gap:12px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 10px}.sidebar-title{font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:1;letter-spacing:-.04em}.sidebar-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);width:28px;height:28px;border-radius:8px;cursor:pointer}.sidebar-nav,.sidebar-section{display:grid;grid-gap:3px;gap:3px}.sidebar-item{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;color:#e2e5ea;transition:background .12s ease}.sidebar-item:hover{background:#2f3239}.sidebar-item.active{background:#333741}.sidebar-item.subtle{color:#c9ced8}.sidebar-section{margin-top:8px}.sidebar-section-label{color:#8e96a3;font-size:13px;font-weight:600;padding:0 12px;margin-bottom:2px}.sidebar-history-toggle{background:transparent;border:0;color:#adb4bf;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:0 12px}.sidebar-history-list{display:grid;grid-gap:4px;gap:4px;max-height:220px;overflow-y:auto;padding:0 2px}.sidebar-history-item{padding:9px 12px;border-radius:10px;color:#d8dde6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-history-item:hover{background:#30333a}.sidebar-history-item.active{background:#3b404a;color:#eef1f6;font-weight:600}.sidebar-empty{padding:8px 12px;color:#8d95a3;font-size:13px}.connector-inline-status{margin-top:auto;padding:10px 12px;border-top:1px solid #2f3239;color:#b6bdc8;display:inline-flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:999px}html.sidebar-collapsed .connector-inline-status span,html.sidebar-collapsed .sidebar-history-list,html.sidebar-collapsed .sidebar-history-toggle,html.sidebar-collapsed .sidebar-section,html.sidebar-collapsed .sidebar-title{display:none}html.sidebar-collapsed .sidebar-header{justify-content:center}html.sidebar-collapsed .sidebar-nav .sidebar-item{justify-content:center;padding:0}.main{padding:18px 26px}.card{background:linear-gradient(180deg,#2a2d34,#272a31);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.input,.select,.textarea{width:100%;border-radius:10px;border:1px solid var(--line);background:#1c1f25;padding:10px 12px}.textarea{min-height:100px;resize:vertical}.btn{border:1px solid var(--line);background:#2c3038;border-radius:10px;padding:9px 13px;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#35b8a4,var(--accent));color:#0f141b;border:none;font-weight:600}.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pill{border-radius:999px;border:1px solid var(--line);padding:4px 10px;font-size:12px}.status-CANCELED,.status-FAILED,.status-QUEUED,.status-RUNNING,.status-SUCCEEDED{font-size:12px;padding:4px 10px;border-radius:999px;display:inline-block}.status-QUEUED{background:#3a4254}.status-RUNNING{background:#2f587a}.status-SUCCEEDED{background:#24644a}.status-FAILED{background:#6f3640}.status-CANCELED{background:#5a4a37}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.chat-shell{height:calc(100vh - 110px);display:grid;grid-template-rows:auto 1fr auto;grid-gap:12px;gap:12px}.chat-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chat-title-row h2{margin:0;font-size:30px;font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em}.chat-title-row p{margin:4px 0 0;font-size:13px}.chat-toolbar{display:flex;gap:8px;align-items:center}.chat-transcript{border-radius:14px;border:1px solid #343841;background:linear-gradient(180deg,#25282f,#24272d);padding:24px;overflow-y:auto;overflow-x:hidden;display:grid;grid-gap:22px;gap:22px}.chat-empty-state{margin:auto;text-align:center;max-width:660px}.chat-empty-state h1{margin:0 0 12px;font-size:52px;line-height:1.05;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}.chat-empty-state p{margin:0 0 18px}.chat-help-panel{max-width:760px;margin:0 auto;padding:6px 0}.chat-help-panel h3{margin:0 0 10px;font-size:20px}.chat-help-panel ul{margin:0;padding-left:18px;display:grid;grid-gap:8px;gap:8px}.chat-help-panel code{color:#d9e5ff;font-family:IBM Plex Mono,Menlo,monospace}.chat-row{display:grid;grid-gap:6px;gap:6px;max-width:78%;width:-moz-fit-content;width:fit-content;min-width:0;margin:4px 0}.chat-row.me{justify-self:end}.chat-row.openclaw{justify-self:start}.chat-row-meta{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px;padding:0 4px}.chat-row.me .chat-row-meta{justify-content:flex-end}.chat-row-author{font-weight:700;letter-spacing:.01em}.chat-row-time{font-size:11px}.chat-row-content{font-size:17px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:12px 14px;border-radius:12px;border:1px solid #3a3f49;background:#2b2f37;max-width:100%}.chat-row.me .chat-row-content{background:linear-gradient(145deg,#3a465a,#323b4c);border-color:#4c5d77}.chat-row.openclaw .chat-row-content{background:linear-gradient(145deg,#2c3038,#262a32);border-color:#3b404a}.chat-typing-content{display:inline-flex;align-items:center;gap:6px;min-height:38px}.typing-dot{width:8px;height:8px;border-radius:999px;background:#9ea7b4;opacity:.35;animation:typingPulse 1.1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingPulse{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-2px);opacity:.9}}.chat-composer{position:relative;border:1px solid #383b44;border-radius:14px;background:#2a2d34;padding:10px}.chat-composer .textarea{border:0;background:transparent;min-height:90px;padding:6px}.chat-composer .textarea:focus{outline:none}.chat-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #3a3e47;padding-top:10px}.chat-composer-buttons{display:flex;gap:8px}.chat-command-dropdown{margin-top:8px;border:1px solid #40444e;border-radius:12px;overflow:hidden;background:#24272e;display:grid}.chat-command-item{border:0;border-bottom:1px solid #343944;background:transparent;color:inherit;text-align:left;padding:9px 12px;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.chat-command-item:last-child{border-bottom:0}.chat-command-item.active,.chat-command-item:hover{background:#313640}.chat-command-item span:first-child{font-family:IBM Plex Mono,Menlo,monospace;color:#e8ebf2}.chat-command-item span:last-child{font-size:12px}.chat-error{color:var(--danger);margin:8px 0 0}@media (max-width:1280px){.chat-empty-state h1{font-size:40px}}@media (max-width:1100px){.shell,html.sidebar-collapsed .shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:12px 8px}.connector-inline-status span,.sidebar-history-list,.sidebar-history-toggle,.sidebar-section,.sidebar-title{display:none}.sidebar-header{justify-content:center}.sidebar-nav .sidebar-item{justify-content:center;padding:0}.main{padding:12px}.chat-toolbar{width:100%;flex-wrap:wrap}.chat-title-row{flex-direction:column}.chat-transcript{padding:16px}.chat-row,.chat-row.me,.chat-row.openclaw{max-width:92%;justify-self:stretch;width:auto}.chat-row-content,.chat-row.me .chat-row-content{font-size:16px}.chat-composer-actions{flex-direction:column;align-items:flex-start}}