@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap";:root{background:#171716;color:#ededeb;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #171716;--sidebar: #20201f;--surface: #252524;--surface-hover: #2d2d2b;--ink: #ededeb;--ink-soft: #cececa;--muted: #a4a49f;--quiet: #767672;--line: #353533;--line-strong: #4a4a47;--paper: #f2efe7;--dark-ink: #1b1b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:var(--canvas)}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.skip-link{background:var(--paper);color:var(--dark-ink);left:16px;padding:8px 12px;position:fixed;top:-48px;z-index:3}.skip-link:focus{top:12px}.sr-only{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.studio-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.studio-header{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100dvh;padding:18px 12px;position:sticky;top:0}.brand-lockup{align-items:center;display:flex;gap:10px;min-height:44px;padding:0 8px}.brand-lockup strong{font-size:15px;font-weight:600;letter-spacing:-.02em}.bear-mark{display:block;height:34px;object-fit:contain;width:34px}.bear-mark--small{height:24px;width:24px}.studio-header nav{display:grid;gap:2px;margin-top:26px}.nav-item{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:11px;min-height:40px;padding:0 11px;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease;width:100%}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item:active{transform:scale(.985)}.nav-item--active{background:var(--surface-hover);color:var(--ink);font-weight:500}.header-meta{border-top:1px solid var(--line);color:var(--muted);display:grid;font-size:12px;gap:12px;margin-top:auto;padding:16px 8px 2px}.verified{align-items:center;display:flex;gap:7px}.operator-avatar{align-items:center;background:var(--surface-hover);border-radius:6px;display:flex;font-family:DM Mono,monospace;font-size:10px;height:30px;justify-content:center;width:30px}.main-content{margin:0 auto;max-width:1180px;min-width:0;padding:48px 56px 36px;width:100%}.page-heading{align-items:end;display:flex;gap:32px;justify-content:space-between;margin-bottom:28px}.page-context,.section-label{color:var(--quiet);font-family:DM Mono,monospace;font-size:11px;margin:0}.page-heading h1{font-size:clamp(30px,4vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:8px 0 10px}.page-heading p:last-child{color:var(--muted);font-size:14px;margin:0}.page-actions{flex:none}.primary-button,.secondary-button,.text-button{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;font-size:13px;gap:7px;justify-content:center;min-height:40px;padding:0 14px;transition:background .18s ease,color .18s ease,transform .18s ease}.primary-button{background:var(--paper);border:1px solid var(--paper);color:var(--dark-ink)}.primary-button:hover{background:#dbd8d0}.primary-button:active,.text-button:active{transform:scale(.98)}.primary-button:disabled{cursor:wait;opacity:.55}.text-button{background:transparent;border:0;color:var(--muted);padding:0 6px}.text-button:hover{color:var(--ink)}.notice{align-items:center;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-soft);display:flex;font-size:13px;margin-bottom:20px;padding:12px 14px}.notice button{background:none;border:0;color:inherit;cursor:pointer;margin-left:auto}.metrics-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:40px}.metric{min-width:0;padding:18px 18px 19px 0}.metric+.metric{border-left:1px solid var(--line);padding-left:18px}.metric__label{color:var(--quiet);font-size:12px}.metric__value{font-family:DM Mono,monospace;font-size:20px;letter-spacing:-.03em;margin:9px 0 6px;overflow-wrap:anywhere}.metric__detail{color:var(--muted);font-size:11.5px;line-height:1.4}.primary-grid,.secondary-grid,.tertiary-grid{display:grid;gap:48px;margin-bottom:56px}.primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr)}.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tertiary-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}.panel{min-width:0}.section-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:5px 0 0}.panel-value{color:var(--quiet);font-family:DM Mono,monospace;font-size:11px;padding-top:6px}.status{border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);display:inline-block;font-family:DM Mono,monospace;font-size:10px;padding:4px 6px;text-transform:capitalize}.status--good{color:var(--ink)}.status--warn{border-style:dashed}.live-dot{align-items:center;color:var(--muted);display:flex;font-family:DM Mono,monospace;font-size:10px;gap:7px;padding-top:7px}.live-dot i{background:currentColor;border-radius:50%;height:5px;width:5px}.transcript-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 26px 30px}.transcript-meta{border-bottom:1px solid var(--line);color:var(--quiet);display:flex;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:10.5px;gap:9px 16px;margin-top:18px;padding-bottom:15px}.transcript-meta span+span:before{content:"·";margin-right:16px}.transcript{display:flex;flex-direction:column;gap:27px;padding-top:23px}.message{display:grid;gap:12px;grid-template-columns:25px minmax(0,1fr)}.message__avatar{align-items:center;background:var(--surface-hover);border-radius:5px;color:var(--muted);display:flex;font-family:DM Mono,monospace;font-size:10px;height:24px;justify-content:center;width:24px}.message__byline{color:var(--quiet);display:flex;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:10.5px;gap:8px}.message__byline strong{color:var(--ink);font-family:DM Sans,sans-serif;font-size:12.5px}.message__body p{color:var(--ink-soft);font-size:16px;line-height:1.65;margin:8px 0 0;max-width:65ch;text-wrap:pretty}.message--user .message__body p{color:var(--muted);font-size:14px}.citation-list,.metadata-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.citation-list span,.metadata-list span{background:var(--surface-hover);border-radius:4px;color:var(--muted);font-family:DM Mono,monospace;font-size:9.5px;padding:4px 6px}.timeline-panel{align-self:start;position:sticky;top:28px}.timeline{border-top:1px solid var(--line);list-style:none;margin:18px 0 0;padding:0}.timeline__item{border-bottom:1px solid var(--line);display:grid;gap:11px;grid-template-columns:7px 1fr;padding:15px 0}.timeline__marker{background:var(--quiet);border-radius:50%;height:6px;margin-top:5px;width:6px}.timeline__marker--complete,.timeline__marker--running{background:var(--paper)}.timeline__topline{display:flex;font-size:12px;gap:10px;justify-content:space-between}.timeline__topline span{color:var(--quiet);font-family:DM Mono,monospace;font-size:10px}.timeline__content p{color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0 0}.budget-meter{background:var(--surface);height:5px;margin-top:25px;overflow:hidden}.budget-meter span{background:var(--paper);display:block;height:100%}.budget-legend{color:var(--quiet);display:flex;font-family:DM Mono,monospace;font-size:10px;gap:16px;margin-top:10px}.budget-legend span{align-items:center;display:flex;gap:5px}.legend-dot{background:var(--quiet);border-radius:50%;height:5px;width:5px}.legend-dot--used{background:var(--paper)}.context-sources,.memory-list{border-top:1px solid var(--line);margin-top:22px}.context-source,.memory-row{border-bottom:1px solid var(--line);padding:14px 0}.context-source{align-items:center;display:flex;justify-content:space-between}.context-source__copy,.context-source__value{display:flex;flex-direction:column;gap:3px}.context-source__copy span{font-size:13px}.context-source__copy small,.context-source__value span,.context-source__value strong{color:var(--quiet);font-family:DM Mono,monospace;font-size:10px}.context-source__value{align-items:end}.memory-row__status,.memory-row__meta{color:var(--quiet);display:flex;font-family:DM Mono,monospace;font-size:10px;gap:8px}.memory-row p{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:10px 0}.memory-row__meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-table{border-collapse:collapse;margin-top:18px;table-layout:fixed;width:100%}.usage-table th{color:var(--quiet);font-size:10px;font-weight:400;padding-bottom:9px;text-align:left}.usage-table th:first-child{width:30%}.usage-table th:last-child{width:18%}.usage-table th:not(:first-child),.usage-table td:not(:first-child){text-align:right}.usage-table td{border-top:1px solid var(--line);font-family:DM Mono,monospace;font-size:10.5px;padding:13px 0}.usage-table__row>td:first-child strong,.usage-table__row>td:first-child small{display:block}.usage-table__row strong{font-family:DM Sans,sans-serif;font-size:12px}.usage-table__row small{color:var(--quiet)}.sparkline{color:var(--paper);height:28px;width:72px}.eval-panel blockquote{border-left:1px solid var(--line-strong);color:var(--ink-soft);font-size:14px;line-height:1.55;margin:20px 0;padding-left:13px}.eval-runs{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:1fr auto 1fr;padding:13px 0}.eval-runs>div:not(.eval-arrow){display:flex;flex-direction:column;gap:4px;min-width:0}.eval-runs small,.eval-runs span,.eval-metric span,.eval-metric small{color:var(--quiet);font-family:DM Mono,monospace;font-size:9.5px}.eval-runs strong{font-family:DM Mono,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eval-arrow{color:var(--quiet)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:15px}.eval-metric{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:11px 0}.eval-metric:nth-child(odd){border-right:1px solid var(--line)}.eval-metric:nth-child(2n){padding-left:15px}.eval-metric strong{font-family:DM Mono,monospace;font-size:17px}.delta-positive,.delta-negative{color:var(--muted)}.empty-state{border-top:1px solid var(--line);color:var(--muted);display:grid;gap:6px;margin-top:18px;padding:19px 0}.empty-state strong{color:var(--ink);font-size:13px}.empty-state p{font-size:12px;line-height:1.55;margin:0;max-width:60ch}.footer{border-top:1px solid var(--line);color:var(--quiet);display:flex;font-family:DM Mono,monospace;font-size:10px;justify-content:space-between;padding-top:17px}.settings-panel{max-width:760px}.settings-list{border-top:1px solid var(--line);margin:22px 0 0}.settings-list>div{border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:150px 1fr;padding:14px 0}.settings-list dt{color:var(--quiet);font-size:12px}.settings-list dd{font-size:13px;margin:0;overflow-wrap:anywhere}.mono-value{font-family:DM Mono,monospace;font-size:11px}.studio-header--state{grid-column:1 / -1;min-height:64px;padding:10px 24px;position:static}.studio-state{grid-column:1 / -1;margin:0 auto;max-width:760px;min-height:calc(100dvh - 64px);padding-top:14vh;width:100%}.state-panel{margin-top:34px}.loading-state{display:grid;gap:11px;margin-top:22px}.loading-state:before,.loading-state:after{animation:shimmer 1.3s ease-in-out infinite alternate;background:var(--surface);content:"";height:12px;width:55%}.loading-state:after{height:74px;width:100%}.loading-state__dot{display:none}@keyframes shimmer{0%{opacity:.45}to{opacity:1}}.login-form{border-top:1px solid var(--line);display:grid;gap:10px;margin-top:22px;padding-top:22px}.login-form label{font-size:13px;font-weight:600}.login-control{display:grid;gap:8px;grid-template-columns:1fr auto}.login-control input{background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);min-height:42px;padding:0 12px}.login-form p{color:var(--quiet);font-size:11.5px;line-height:1.5;margin:0}@media(max-width:960px){.studio-shell{grid-template-columns:76px minmax(0,1fr)}.brand-lockup{justify-content:center;padding:0}.brand-lockup strong,.nav-item span,.header-meta .verified{display:none}.nav-item{justify-content:center;padding:0}.operator-avatar{margin:auto}.main-content{padding:40px 28px 30px}.primary-grid,.secondary-grid,.tertiary-grid{grid-template-columns:1fr}.timeline-panel{position:static}}@media(max-width:620px){.studio-shell{display:block}.studio-header:not(.studio-header--state){border-right:0;border-top:1px solid var(--line);bottom:0;min-height:auto;padding:5px 8px calc(5px + env(safe-area-inset-bottom));position:fixed;width:100%;z-index:2}.studio-header:not(.studio-header--state) .brand-lockup,.studio-header:not(.studio-header--state) .header-meta{display:none}.studio-header nav{display:flex;justify-content:space-between;margin:0}.nav-item{flex:1;flex-direction:column;font-size:10px;gap:2px;min-height:50px}.nav-item span{display:block}.main-content{padding:28px 16px calc(82px + env(safe-area-inset-bottom))}.page-heading{align-items:start;flex-direction:column;gap:22px}.page-actions,.primary-button{width:100%}.metrics-grid{grid-template-columns:1fr}.metric,.metric+.metric{border-left:0;border-top:1px solid var(--line);padding:14px 0}.metric:first-child{border-top:0}.transcript-panel{border-radius:10px;padding:19px 16px 24px}.primary-grid,.secondary-grid,.tertiary-grid{gap:38px;margin-bottom:46px}.message__body p{font-size:15px}.footer{align-items:start;flex-direction:column;gap:8px}.studio-header--state{display:flex;min-height:64px;padding:10px 16px}.studio-header--state .brand-lockup strong{display:block}.studio-state{min-height:calc(100dvh - 64px);padding:11vh 16px 32px}.login-control{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading-state:before,.loading-state:after{animation:none}.nav-item,.primary-button,.text-button{transition:none}}@media(forced-colors:active){button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid CanvasText}}