: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%),radial-gradient(900px 380px at 100% 0,#2a3a58 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{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{min-height:100vh;padding:18px}.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;min-height:calc(100vh - 106px)}.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}.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{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:9px}.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{flex:1 1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px;opacity:1;transition:opacity .18s ease}.op-thread.is-switching{opacity:.74}.op-message{border-color:var(--line);transition:background-color .2s ease,border-color .2s ease}.op-animate-in{animation:op-fade-in .24s ease both}.op-message.is-user{background:rgba(122,162,255,.12)}.op-message.is-assistant{background:rgba(236,242,255,.04)}.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{border-top:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:12px}.op-example-prompts{display:flex;flex-direction:column;gap:7px}.op-composer{border-color:rgba(225,236,255,.08);background:rgba(35,46,64,.88)}.op-composer__header{display:flex;flex-direction:column;gap:11px}.op-composer__group{display:flex;flex-direction:column;gap:6px}.op-composer__title{margin:0;font-size:12px;color:#bdc9df;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-geist-sans),sans-serif}.op-composer__body{display:flex;flex-direction:column;gap:12px;padding-top:0}.op-composer__sources{display:flex;flex-direction:column;gap:6px}.op-composer__textarea{min-height:108px;resize:vertical}.op-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.op-chip-row,.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-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}.op-source-list{max-height:46vh;overflow:auto}.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-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.op-page{padding:10px}.op-workspace-grid{grid-template-columns:1fr;min-height:auto}.op-panel{min-height:360px}.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}}