.app-shell{grid-template-columns:280px 1fr 0;grid-template-areas:"sidebar main viewer";height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app-shell.with-file-viewer{grid-template-columns:0 380px 1fr}.file-viewer-panel{grid-area:viewer;min-width:0}.cream-sidebar{background:var(--cream-deeper);border-right:1px solid var(--edge);flex-direction:column;transition:opacity .15s,visibility linear;display:flex;overflow:hidden}.app-shell.with-file-viewer .cream-sidebar{opacity:0;pointer-events:none;visibility:hidden;border-right:none;transition:opacity .15s,visibility 0s linear .15s}.sidebar-header{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-logo{align-items:center;gap:8px;display:flex}.teams-pill{border:1px solid var(--edge);background:var(--cream);color:var(--forest);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.teams-pill:hover{background:#06402b14;border-color:#06402b2e}.teams-pill b{background:var(--forest);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;line-height:1;display:inline-flex}.sidebar-settings-link{color:var(--mute);align-items:center;transition:color .15s;display:flex}.sidebar-settings-link:hover{color:var(--ink)}.tab-switcher{background:#e8e3d9;border-radius:999px;margin:12px 16px;padding:3px;display:flex}.tab-btn{text-align:center;cursor:pointer;color:var(--mute);background:0 0;border:none;border-radius:999px;flex:1;padding:6px 0;font-size:13px;font-weight:500;transition:all .15s}.tab-btn.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.tab-btn:not(.active):hover{color:var(--ink)}.create-pill{border:1.5px solid var(--forest);background:var(--forest);border-radius:8px;align-items:stretch;margin:4px 16px 8px;display:flex;overflow:hidden}.create-pill__seg{color:var(--cream);cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.create-pill__seg:hover:not(:disabled){background:#0a5138}.create-pill__seg:disabled{opacity:.55;cursor:default}.create-pill__seg:focus-visible{outline:2px solid var(--cream);outline-offset:-3px}.create-pill__divider{background:#faf7f238;flex:none;align-self:stretch;width:1px}.agent-list{flex:1;padding:0 12px;overflow-y:auto}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.sidebar-scroll>.agent-list{flex:none;overflow:visible}.agent-section-label{color:var(--mute);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 4px 6px;font-size:10px;display:flex}.agent-section-label b{color:#a8a395;letter-spacing:0;font-weight:600}.agent-section-label__working{color:var(--forest);font-weight:600}.agent-section-label__attention{color:var(--danger);font-weight:600}.agent-item{cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 0;padding:8px;transition:background .15s;display:flex;position:relative}.agent-item:hover{background:#ffffffd9;box-shadow:0 1px 4px #1a1a1a0a}.agent-item.active{background:#ffffffe6;box-shadow:0 1px 3px #0000000f}.agent-item__main{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1 1 0;align-items:center;gap:10px;padding:0 10px 0 0;display:flex;position:relative}.agent-item__main:focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:6px}.agent-item__main:before{content:"";background:0 0;border-radius:2px;width:2px;position:absolute;top:1px;bottom:1px;left:-6px}.agent-item[data-state=running] .agent-item__main:before{background:var(--forest-soft)}.agent-item[data-state=attention] .agent-item__main:before{background:var(--danger)}.agent-item[data-state=paused] .agent-item__main:before{background:var(--mute-soft)}.agent-item[data-state=terminated] .agent-monogram{opacity:.4}.agent-item[data-state=terminated] .agent-name{color:var(--mute)}.agent-item[data-state=paused] .agent-monogram{opacity:.55}.agent-item[data-ceo=true]:not(:last-child){margin-bottom:9px}.agent-item[data-ceo=true]:not(:last-child):after{content:"";background:var(--edge);height:1px;position:absolute;bottom:-5px;left:8px;right:8px}.agent-rank{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.1em;color:var(--forest);opacity:.75;flex:none;font-size:9px;font-weight:600}.agent-state{white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.agent-state--running{color:var(--forest)}.agent-state--attention{color:var(--danger)}.agent-state--paused,.agent-state--terminated,.agent-state--unknown{color:var(--mute)}.agent-state__dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.agent-state--paused .agent-state__dot,.agent-state--terminated .agent-state__dot,.agent-state--unknown .agent-state__dot{background:0 0;border:1.5px solid}.agent-state--terminated .agent-state__dot{display:none}.agent-avatar{background:#2d8a4e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.agent-avatar svg{color:#fff;width:16px;height:16px}.agent-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.agent-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.agent-item__main .agent-name{align-items:baseline;gap:6px;min-width:0;display:flex}.agent-name__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.agent-model{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.agent-row-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.agent-item:hover .agent-row-actions,.agent-item:focus-within .agent-row-actions{opacity:1}@media (hover:none){.agent-row-actions{opacity:1}}.agent-row-action{width:22px;height:22px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.agent-row-action:hover{color:var(--ink);background:#0000000f}.agent-row-action--danger:hover{color:#dc2626}.session-list{flex-direction:column;flex-basis:100%;gap:1px;min-width:0;margin-top:-2px;padding:2px 2px 2px 38px;display:flex}.session-item{color:#6f6a5d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;width:100%;min-width:0;padding:5px 8px;font-size:12px;transition:background .12s,color .12s;display:flex}.session-item:hover{color:var(--ink);background:#ffffffe6}.session-item.active{color:var(--ink);background:#2d8a4e1a;font-weight:500}.session-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.session-row{align-items:center;width:100%;min-width:0;display:flex}.session-row .session-item{flex:1;min-width:0}.session-rename{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;padding:4px;display:none}.session-row:hover .session-rename,.session-row:focus-within .session-rename{display:flex}.session-rename:hover{color:#2d8a4e;background:#ffffffe6}.session-row .session-delete:hover{color:#dc2626;background:#ffffffe6}.session-rename-input{min-width:0;color:var(--ink);background:#fff;border:1px solid #c8e6c9;border-radius:7px;outline:none;flex:1;padding:4px 8px;font-size:12px}.session-new{width:100%;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;margin-top:1px;padding:5px 8px;font-size:12px;transition:background .12s,color .12s;display:flex}.session-new:hover{color:#2d8a4e;background:#ffffffe6}.sidebar-footer{border-top:1px solid var(--edge);padding:12px 16px}.user-row{align-items:center;gap:10px;display:flex}.user-avatar{color:#5a5549;background:#d4cfc4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.plan-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--mute);background:#e8e3d9;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.version-text{text-align:center;color:#b5ae9e;letter-spacing:.05em;text-transform:uppercase;padding-top:8px;font-family:monospace;font-size:10px}.main-area{background:var(--cream);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.main-header{border-bottom:1px solid var(--edge);background:var(--cream);z-index:20;justify-content:flex-end;align-items:center;height:56px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.main-content{flex-direction:column;flex:1;min-height:0;padding-top:56px;display:flex;overflow-y:auto}.mobile-hamburger{cursor:pointer;color:var(--mute);background:0 0;border:none;justify-content:center;align-items:center;margin:-6px;padding:10px;transition:color .15s;display:none}.mobile-hamburger:hover{color:var(--ink)}.sidebar-backdrop{display:none}.subscription-banner{background:#2d8a4e14;border:1px solid #2d8a4e33;border-radius:8px;align-items:center;gap:12px;margin:8px 16px;padding:12px;display:flex}.subscription-banner svg{color:#2d8a4e;flex-shrink:0}.subscription-banner p{color:#2d6b3f;margin:0;font-size:14px}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"main"}.app-shell.with-file-viewer{grid-template-columns:1fr;grid-template-areas:"viewer"}.app-shell.with-file-viewer .main-area,.cream-sidebar{display:none}.cream-sidebar.mobile-open{z-index:50;width:min(280px,85vw);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026}.sidebar-backdrop{display:none}.sidebar-backdrop.visible{z-index:49;background:#0000004d;display:block;position:fixed;inset:0}.mobile-hamburger{display:flex}}