:root{--font-geist-sans:"Geist","Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-geist-mono:"Geist Mono","SF Mono",Menlo,Monaco,Consolas,"Liberation Mono",monospace;--font-geist-pixel:"Geist Mono","SF Mono",Menlo,Monaco,Consolas,"Liberation Mono",monospace;--bg-0:#111621;--bg-1:#171e2c;--bg-2:#1c2434;--surface-0:#1b2434;--surface-1:#212c3f;--surface-2:#273347;--text-0:#f6f8ff;--text-1:#ccd4e6;--text-2:#9aa6be;--line:rgba(223,234,255,0.08);--line-strong:rgba(223,234,255,0.16);--hover:rgba(174,202,255,0.08);--brand:#7aa2ff;--brand-weak:rgba(122,162,255,0.14);--success:#78dba9;--shadow-soft:0 14px 30px rgba(12,18,31,0.24)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 500px at 20% -20%,#2c3d5e 0,transparent 70%),var(--bg-0);color:var(--text-0);font-family:var(--font-geist-sans),"Inter","Segoe UI",sans-serif;line-height:1.4}a{color:inherit}.op-meta{margin-top:0;margin-bottom:0;font-size:10.5px;line-height:1.45;color:var(--text-2);letter-spacing:.03em}.op-meta,.op-tech-label{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.op-tech-label{letter-spacing:.02em}.op-panel-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-1);font-family:var(--font-geist-sans),sans-serif}.op-page{height:100vh;padding:18px;display:flex;flex-direction:column;overflow:hidden}.op-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 2px 16px}.op-page-title{margin:0;font-family:var(--font-geist-pixel),monospace;font-size:26px;letter-spacing:.05em;text-transform:uppercase}.op-page-subtitle{margin:8px 0 0;color:var(--text-2);font-size:13px;line-height:1.55}.op-page-meta{display:inline-flex;align-items:center;gap:8px}.op-workspace-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;grid-gap:16px;gap:16px;flex:1 1;min-height:0}.op-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(33,44,63,.92),rgba(27,36,52,.95));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:0;overflow:hidden}.op-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}.op-main-head{padding-bottom:12px}.op-session-list{flex:1 1;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:9px}.op-panel--main{position:relative;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.op-session-item{border:1px solid transparent;border-radius:10px;padding:10px;background:rgba(244,248,255,.02);transition:border-color .2s ease,background-color .2s ease;cursor:pointer;outline:none}.op-session-item:hover{border-color:var(--line);background:var(--hover);transform:none}.op-session-item:focus-visible{border-color:var(--brand)}.op-session-item.is-active{border-color:rgba(122,162,255,.28);background:rgba(122,162,255,.16)}.op-session-item__header{display:flex;flex-direction:column;gap:3px}.op-session-item__title{font-size:13px;line-height:1.4;color:var(--text-0)}.op-session-item__project,.op-session-item__title{margin:0;font-family:var(--font-geist-sans),sans-serif}.op-session-item__project{font-size:12px;color:var(--text-2)}.op-session-item__meta{margin-top:9px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.op-thread{overflow:auto;height:100%;padding:0 0 350px;margin-left:14px;margin-right:14px;display:flex;flex-direction:column;gap:14px;min-height:0;opacity:1;transition:opacity .18s ease}.op-session-list::-webkit-scrollbar,.op-source-list::-webkit-scrollbar,.op-thread::-webkit-scrollbar{width:8px}.op-session-list::-webkit-scrollbar-track,.op-source-list::-webkit-scrollbar-track,.op-thread::-webkit-scrollbar-track{background:transparent}.op-session-list::-webkit-scrollbar-thumb,.op-source-list::-webkit-scrollbar-thumb,.op-thread::-webkit-scrollbar-thumb{background:rgba(41,53,76,.9);border-radius:999px}.op-session-list::-webkit-scrollbar-thumb:hover,.op-source-list::-webkit-scrollbar-thumb:hover,.op-thread::-webkit-scrollbar-thumb:hover{background:rgba(64,80,112,.95)}.op-thread.is-switching{opacity:.74}.op-message{border-color:var(--line);transition:background-color .2s ease,border-color .2s ease;width:min(100%,880px)}.op-animate-in{animation:op-fade-in .24s ease both}.op-message.is-user{background:rgba(122,162,255,.12);align-self:flex-end;width:min(72%,720px)}.op-message.is-assistant{background:rgba(236,242,255,.04);align-self:stretch}.op-message__content{display:flex;flex-direction:column;gap:10px;padding-top:14px}.ui-card-content.op-message__content{padding-top:14px}.op-message__meta{display:flex;gap:8px;align-items:center;color:var(--text-2);font-family:var(--font-geist-mono),monospace;font-size:11px}.op-message__body{font-size:14px;color:var(--text-1);line-height:1.68;font-family:var(--font-geist-sans),sans-serif}.op-response-stack{display:flex;flex-direction:column;gap:12px}.op-response-block{border-color:rgba(225,236,255,.1);background:linear-gradient(180deg,rgba(49,63,86,.96),rgba(42,56,78,.96));box-shadow:0 8px 18px rgba(16,22,34,.22)}.op-response-block__header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid rgba(230,239,255,.12)}.op-response-block__title{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#d6e1f8;font-family:var(--font-geist-mono),monospace;line-height:1.3}.op-response-block__body{font-size:13.5px;line-height:1.72;color:#dde5f6;font-family:var(--font-geist-sans),sans-serif}.ui-card-content.op-response-block__body{padding-top:14px}.op-response-block__list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.op-thinking-state{display:flex;flex-direction:column;gap:10px}.op-thinking-state__label{margin:0;font-size:12.5px;color:var(--text-2);font-family:var(--font-geist-mono),monospace}.op-skeleton-lines{display:flex;flex-direction:column;gap:8px}.op-skeleton-line{height:9px;width:100%;border-radius:999px;background:linear-gradient(90deg,rgba(214,225,248,.14),rgba(214,225,248,.24) 50%,rgba(214,225,248,.14));background-size:200% 100%;animation:op-skeleton-pulse 2.8s ease-in-out infinite}.op-skeleton-line.is-mid{width:78%}.op-skeleton-line.is-short{width:62%}@keyframes op-skeleton-pulse{0%,to{background-position:100% 0;opacity:.7}50%{background-position:0 0;opacity:1}}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}.op-composer-wrap{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:48px 0 0;display:flex;flex-direction:column;gap:12px;background-color:unset;background:unset;background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}.op-example-prompts{gap:7px}.op-composer,.op-example-prompts{display:flex;flex-direction:column}.op-composer{gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(33,44,63,.92),rgba(27,36,52,.95));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.op-composer__header{display:flex;flex-direction:column;gap:10px;padding:0}.op-composer__controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.op-composer__group{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.op-composer__title{margin:0;font-size:11px;color:#bdc9df;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-geist-sans),sans-serif}.op-composer__select-wrap{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%}.op-composer__select-wrap:after{content:"";position:absolute;top:50%;right:12px;width:8px;height:8px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:translateY(-65%) rotate(45deg);pointer-events:none}.op-composer__select{width:-moz-fit-content;width:fit-content;min-width:140px;max-width:220px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:10px;background:rgba(20,29,42,.84);color:var(--text-0);padding:9px 34px 9px 12px;font-size:13px;line-height:1.4;outline:none;transition:border-color .2s ease,background-color .2s ease;font-family:var(--font-geist-sans),sans-serif}.op-composer__select:focus-visible{border-color:var(--brand)}.op-composer__body{position:relative;display:flex;flex-direction:column;gap:10px;padding:0}.op-composer__sources{display:flex;flex-direction:column;gap:6px}.op-composer__textarea{min-height:112px;resize:vertical;padding-bottom:42px}.op-composer__quick-prompts{position:absolute;bottom:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.op-composer__quick-prompts .ui-button{pointer-events:auto;background:rgba(32,44,64,.9);border:1px solid rgba(223,234,255,.08)}.op-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0}.op-composer__footer-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1}.op-composer__footer-sources{min-width:0}.op-chip-row,.op-composer__footer-sources,.op-pill-row{display:flex;flex-wrap:wrap;gap:6px}.op-pill{letter-spacing:.01em}.op-panel--context{padding-bottom:14px;background:linear-gradient(180deg,rgba(36,47,67,.9),rgba(32,43,61,.93))}.op-panel--context,.op-panel--sidebar{height:100%}.op-context-card{margin:14px 14px 0;background:rgba(50,62,84,.5)}.op-context-section{padding:14px 14px 0}.op-context-section,.op-source-list{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0}.op-source-list{overflow:auto;padding-right:6px}.op-source-card{border-color:rgba(225,236,255,.09);background:linear-gradient(180deg,rgba(56,70,96,.58),rgba(48,62,86,.58));transition:border-color .2s ease,background-color .2s ease}.op-source-card:hover{border-color:var(--line-strong);background:var(--hover);transform:none}.op-source-card.is-selected{border-color:var(--brand);background:rgba(122,162,255,.2)}.op-source-card__header{display:flex;flex-direction:column;gap:8px}.op-source-card__title{margin:0;font-size:13px;line-height:1.45;font-family:var(--font-geist-sans),sans-serif}.op-source-card__badges{display:flex;flex-wrap:wrap;gap:6px}.op-source-card__body{padding-top:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.6;color:var(--text-2);font-family:var(--font-geist-sans),sans-serif}.op-source-card__meta{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--font-geist-mono),monospace;font-size:11px;color:var(--text-2)}.op-source-card__footer{padding-top:0}.op-source-card__action{min-width:84px}.op-action-toolbar{display:flex;flex-direction:column;gap:9px}.op-action-toolbar__row{display:flex;flex-wrap:wrap;gap:6px}.op-action-chip{white-space:nowrap}.op-context-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(132,151,184,.16);border:1px solid rgba(174,196,236,.16);color:var(--text-1);border-radius:999px;padding:3px 10px}.op-context-chip.is-muted{background:transparent}.op-context-chip__label{border:0;background:transparent;color:inherit;font-size:12px;font-family:var(--font-geist-sans),sans-serif;padding:0;margin:0;cursor:pointer}.op-context-chip__remove{min-height:16px;height:16px;width:16px;border-radius:50%;padding:0}.op-output-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.op-filter-card{background:rgba(34,45,63,.82);border-color:rgba(225,236,255,.08)}.ui-card-content.op-filter-card__content{padding-top:14px}.op-filter-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:nowrap;vertical-align:bottom}.op-search{display:flex;flex-direction:column;gap:6px;min-width:300px}.op-search-input{height:38px;border:1px solid var(--line);border-radius:9px;background:rgba(24,34,50,.75);color:var(--text-0);padding:0 12px;outline:none;transition:border-color .2s ease,background-color .2s ease;font-family:var(--font-geist-sans),sans-serif}.op-search-input::placeholder{color:var(--text-2)}.op-search-input:focus-visible{border-color:var(--brand)}.op-output-card{border-color:rgba(225,236,255,.09);background:linear-gradient(180deg,rgba(52,65,89,.7),rgba(44,57,79,.7));transition:border-color .2s ease,background-color .2s ease}.op-output-card:hover{border-color:rgba(225,236,255,.15);background:linear-gradient(180deg,rgba(54,68,92,.72),rgba(46,60,82,.72));transform:none}.op-output-enter{height:-moz-fit-content;height:fit-content;animation:op-fade-in .28s ease both}.op-output-card__header{display:flex;flex-direction:column;gap:9px;padding-bottom:11px;border-bottom:1px solid rgba(230,239,255,.09)}.op-output-card__title{margin:0;font-size:14px;line-height:1.45;font-family:var(--font-geist-sans),sans-serif}.op-output-card__badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.op-output-card__body{padding-top:12px;display:flex;flex-direction:column;gap:0;font-size:13px;line-height:1.65;color:var(--text-2);font-family:var(--font-geist-sans),sans-serif}.op-output-card__body p{margin-top:14px;margin-bottom:0}.op-output-card__footer{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:0;margin-top:2px}.op-output-card__open{border:0;background:transparent;color:var(--text-2);font-size:12px;cursor:pointer;padding:0}.op-output-card__open:hover{color:var(--text-0)}.op-empty-state{border-style:dashed;background:rgba(216,228,255,.04);color:var(--text-2)}.op-knowledge-empty{margin-bottom:10px}.ui-button{border-radius:8px;border:1px solid transparent;font-family:var(--font-geist-sans),sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--default{background:rgba(122,162,255,.22);color:var(--text-0);border-color:rgba(122,162,255,.4)}.ui-button--default:hover{background:rgba(122,162,255,.3)}.ui-button--secondary{background:rgba(236,244,255,.08);color:var(--text-1);border-color:var(--line)}.ui-button--secondary:hover{background:rgba(236,244,255,.12)}.ui-button--outline{background:transparent;color:var(--text-1);border-color:var(--line-strong)}.ui-button--outline:hover{background:var(--hover)}.ui-button--ghost{background:transparent;color:var(--text-2);border-color:transparent}.ui-button--ghost:hover{background:rgba(236,244,255,.08);color:var(--text-0)}.ui-button--default{min-height:40px;padding:0 14px;font-size:13px}.ui-button--sm{min-height:30px;padding:0 10px;font-size:12px}.ui-button--icon{width:26px;height:26px;padding:0}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;line-height:1;font-family:var(--font-geist-mono),monospace}.ui-badge--default{color:var(--text-0);background:var(--brand-weak);border:1px solid rgba(122,162,255,.4)}.ui-badge--secondary{color:var(--text-1);background:rgba(184,203,236,.14);border:1px solid rgba(184,203,236,.2)}.ui-badge--outline{color:var(--text-2);background:transparent}.ui-badge--outline,.ui-card{border:1px solid var(--line)}.ui-card{border-radius:12px;background:rgba(39,51,72,.62)}.ui-card-header{padding:14px 14px 11px}.ui-card-title{margin:0;font-weight:600}.ui-card-content{padding:14px}.ui-card-content.op-output-card__body{padding-bottom:14px}.ui-card-footer{padding:0 14px 14px}.ui-textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(20,29,42,.8);color:var(--text-0);padding:10px 12px;font-size:14px;line-height:1.5;outline:none;transition:border-color .2s ease;font-family:var(--font-geist-sans),sans-serif}.ui-textarea::placeholder{color:var(--text-2)}.ui-textarea:focus-visible{border-color:var(--brand)}@media (max-width:1280px){.op-workspace-grid{grid-template-columns:260px minmax(0,1fr)}.op-panel--context{grid-column:1/-1}.op-message.is-user{width:min(82%,720px)}.op-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.op-page{height:auto;min-height:100vh;padding:10px;overflow:visible}.op-workspace-grid{grid-template-columns:1fr;min-height:auto;flex:none}.op-panel{min-height:360px}.op-panel--main{display:flex;position:static}.op-message,.op-message.is-user{width:100%}.op-thread{height:auto;padding-bottom:16px}.op-composer-wrap{position:static;padding:14px 0 0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.op-composer__controls{align-items:stretch;flex-direction:column}.op-composer__group,.op-composer__select,.op-composer__select-wrap{width:100%;max-width:none}.op-composer__footer,.op-composer__footer-main{flex-direction:column;align-items:stretch}.op-output-grid{grid-template-columns:1fr}.op-search{min-width:100%}}.op-session-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:start}.op-session-detail-main{display:flex;flex-direction:column;gap:14px;min-width:0}.op-session-detail-section{padding:0}.op-session-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.op-session-detail-value{margin:4px 0 0}.op-session-detail-prompt,.op-session-detail-value{color:var(--text-1);font-size:14px;font-family:var(--font-geist-sans),sans-serif}.op-session-detail-prompt{margin:0;line-height:1.65;white-space:pre-wrap}.op-session-detail-sources{max-height:none}.op-session-detail-outputs{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.op-session-detail-side{min-height:auto}@media (max-width:1200px){.op-session-detail-layout,.op-session-detail-meta{grid-template-columns:1fr}.op-session-detail-outputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:840px){.op-session-detail-outputs{grid-template-columns:1fr}}