:root,[data-theme=dark]{--app-bg:#09090B;--app-bg-deep:#060607;--app-surface:#111113;--app-surface-2:#141418;--app-surface-3:#1A1A1F;--rail-bg:#0A0A0C;--app-border:rgba(255,255,255,0.07);--app-border-strong:rgba(255,255,255,0.12);--app-border-hover:rgba(255,255,255,0.16);--app-fg1:#FAFAFA;--app-fg2:#A1A1AA;--app-fg3:#8B909C;--accent:#D4E3A4;--accent-fg:#09090B;--accent-soft:rgba(212,227,164,0.14);--accent-border:rgba(212,227,164,0.32);--accent-glow:rgba(212,227,164,0.20);--ok:#8FBF8F;--warn:#D4A574;--danger:#D97757;--info:#60A5FA;--radius-sm:8px;--radius-md:10px;--radius-card:14px;--radius-lg:16px;--radius-pill:9999px;--density-pad:20px;--density-gap:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.30);--shadow-md:0 4px 12px rgba(0,0,0,0.40);--shadow-lg:0 16px 40px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.06);--lime:#D4E3A4;--lime-fg:#1A2410;--lime-soft:rgba(212,227,164,0.13);--lime-border:rgba(212,227,164,0.32);--lime-glow:rgba(212,227,164,0.42);--agent-home-glow:radial-gradient(circle at 70% 25%,rgba(212,227,164,0.09) 0%,transparent 58%);--agent-glass-bg:rgba(18,18,22,0.88);--agent-glass-border:rgba(255,255,255,0.09);--agent-glass-shadow:0 32px 80px rgba(0,0,0,0.45),0 0 0 1px rgba(212,227,164,0.32),0 0 64px rgba(212,227,164,0.07);--agent-preview-bg:rgba(255,255,255,0.06);--agent-preview-stroke:rgba(255,255,255,0.28);--agent-preview-fill:rgba(255,255,255,0.11);--agent-preview-subtle:rgba(255,255,255,0.42);--agent-preview-card:#0A0A0B;--oc-font-display:var(--font-anton),Impact,Arial Narrow Bold,system-ui,sans-serif;--oc-font-ui:var(--font-inter),-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--oc-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--oc-ease-out:cubic-bezier(0.16,1,0.3,1);--oc-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--oc-ease-snap:cubic-bezier(0.4,0,0.2,1);--oc-ink:var(--app-bg);--oc-ink-1:var(--app-bg-deep);--oc-ink-2:var(--app-surface);--oc-ink-3:var(--app-surface-2);--oc-s0:var(--app-surface);--oc-s1:var(--app-surface);--oc-s2:var(--app-surface-2);--oc-s3:var(--app-surface-3);--oc-b0:var(--app-border);--oc-b1:var(--app-border);--oc-b2:var(--app-border-strong);--oc-t0:var(--app-fg1);--oc-t1:var(--app-fg2);--oc-t2:var(--app-fg3);--oc-t3:var(--app-fg3);--oc-lime:var(--accent);--oc-lime-d:#A3B86C;--oc-lime-glow:var(--accent-border);--oc-lime-dim:var(--accent-soft);--oc-red:#EF4444;--oc-red-dim:rgba(239,68,68,0.15);--oc-blue:var(--info);--oc-blue-dim:rgba(96,165,250,0.15);--oc-amber:var(--warn);--oc-amber-dim:rgba(212,165,116,0.15);--oc-violet:#9F8BFF;--oc-violet-dim:rgba(159,139,255,0.15);--oc-canvas-light:var(--app-bg-deep);--oc-canvas-border:var(--app-border);--oc-panel-divider:var(--app-border)}[data-theme=light]{--app-bg:#FAFAF8;--app-bg-deep:#F4F4F1;--app-surface:#FFFFFF;--app-surface-2:#F7F7F4;--app-surface-3:#EFEFEA;--rail-bg:#F2F2EE;--app-border:rgba(9,9,11,0.08);--app-border-strong:rgba(9,9,11,0.14);--app-border-hover:rgba(9,9,11,0.18);--app-fg1:#0A0A0B;--app-fg2:#52525B;--app-fg3:#8A8A93;--accent:#A3B86C;--accent-fg:#FAFAFA;--accent-soft:rgba(163,184,108,0.14);--accent-border:rgba(163,184,108,0.35);--accent-glow:rgba(163,184,108,0.22);--ok:#6FA06F;--warn:#C48750;--danger:#C2593E;--info:#2563EB;--shadow-sm:0 1px 2px rgba(9,9,11,0.04);--shadow-md:0 4px 12px rgba(9,9,11,0.06);--shadow-lg:0 16px 40px rgba(9,9,11,0.08);--lime:#D4E3A4;--lime-fg:#1A2410;--lime-soft:rgba(212,227,164,0.32);--lime-border:rgba(190,210,140,0.50);--lime-glow:rgba(212,227,164,0.38);--agent-home-glow:radial-gradient(circle at 70% 25%,rgba(212,227,164,0.50) 0%,transparent 55%);--agent-glass-bg:rgba(255,255,255,0.94);--agent-glass-border:rgba(15,23,42,0.06);--agent-glass-shadow:0 24px 60px rgba(15,23,42,0.11),0 1px 2px rgba(15,23,42,0.04),0 0 0 1px rgba(190,210,140,0.40);--agent-preview-bg:#F4F4F2;--agent-preview-stroke:rgba(0,0,0,0.11);--agent-preview-fill:rgba(0,0,0,0.04);--agent-preview-subtle:rgba(0,0,0,0.40);--agent-preview-card:#FFFFFF;--oc-lime:var(--accent);--oc-lime-d:#5A7025;--oc-lime-glow:var(--accent-border);--oc-lime-dim:var(--accent-soft)}.oc-display{font-family:var(--oc-font-display);font-weight:400;letter-spacing:-.01em;line-height:1;text-transform:uppercase}.oc-mono{font-family:var(--oc-font-mono);letter-spacing:.02em}.oc-hero{font-family:var(--oc-font-display);font-weight:400;font-size:clamp(40px,5vw,52px);line-height:.96;letter-spacing:-.01em;text-transform:uppercase;color:var(--app-fg1);margin:0}.oc-hero .hl{color:var(--accent)}[data-theme=light] .oc-hero .hl{color:#5A7025}.oc-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--app-fg3);font-weight:600;font-family:var(--oc-font-ui)}.oc-eyebrow:before{content:"// ";opacity:.6}.oc-shell{background:var(--app-bg);color:var(--app-fg1);font-family:var(--oc-font-ui)}.oc-shell *{box-sizing:border-box}.oc-shell ::-webkit-scrollbar{width:8px;height:8px}.oc-shell ::-webkit-scrollbar-track{background:transparent}.oc-shell ::-webkit-scrollbar-thumb{background:var(--app-border-strong);border-radius:99px}.oc-rail{background:var(--rail-bg);border-right:1px solid var(--app-border);display:flex;flex-direction:column;padding:16px 0;gap:4px;flex-shrink:0;transition:width .22s var(--oc-ease-out);overflow:hidden}.oc-rail-item{display:flex;align-items:center;gap:12px;height:38px;padding:0 10px;color:var(--app-fg2);cursor:pointer;border-radius:9px;font-size:13px;font-weight:500;transition:background .14s var(--oc-ease-snap),color .14s var(--oc-ease-snap);white-space:nowrap;background:transparent;width:100%;text-align:left;font-family:inherit;border:0;position:relative;box-sizing:border-box}.oc-rail-item.active,.oc-rail-item:hover{color:var(--app-fg1);background:var(--app-surface-2)}.oc-rail-item.active{box-shadow:inset 2px 0 0 var(--accent)}.oc-topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--app-border);padding:0 28px;gap:16px;background:var(--app-bg)}.oc-breadcrumb,.oc-topbar{display:flex;align-items:center}.oc-breadcrumb{gap:8px;font-size:12px;color:var(--app-fg2)}.oc-breadcrumb b{color:var(--app-fg1);font-weight:600}.oc-breadcrumb .sep{color:var(--app-fg3)}.oc-search-field{height:34px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 12px;width:320px;font-size:13px;cursor:pointer}.oc-search-field,.oc-search-field kbd{color:var(--app-fg2);font-family:inherit}.oc-search-field kbd{margin-left:auto;font-size:10px;font-weight:600;padding:2px 6px;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:4px}.oc-iterbar{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 14px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:99px;font-size:11px;height:34px}.oc-iterbar-label{color:var(--app-fg3);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.oc-iterbar-count{color:var(--app-fg1);font-weight:700;font-variant-numeric:tabular-nums}.oc-iterbar-count b{color:var(--accent)}.oc-iterbar-track{width:64px;height:4px;border-radius:99px;background:var(--app-border);overflow:hidden}.oc-iterbar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .3s var(--oc-ease-out)}.oc-icon-btn{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--app-fg2);cursor:pointer;transition:all .14s var(--oc-ease-snap);position:relative;font-family:inherit}.oc-icon-btn:hover{background:var(--app-surface-2);color:var(--app-fg1);border-color:var(--app-border)}.oc-icon-btn .dot{position:absolute;top:7px;right:7px;width:6px;height:6px;background:#F97316;border-radius:99px}.oc-icon-btn.oc-chat-action{background:var(--app-surface-1);border-color:var(--app-border);color:var(--app-fg1)}.oc-icon-btn.oc-chat-action:hover:not(:disabled){background:var(--app-surface-2);border-color:var(--app-border-strong,var(--app-border));color:var(--app-fg0,var(--app-fg1));transform:translateY(-1px)}.oc-icon-btn.oc-chat-action:disabled{opacity:.45;cursor:not-allowed}.oc-btn{height:34px;border-radius:9px;padding:0 14px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;transition:all .14s var(--oc-ease-snap);white-space:nowrap}.oc-btn:disabled{opacity:.55;cursor:not-allowed}.oc-btn-primary{background:var(--app-fg1);color:var(--app-bg)}.oc-btn-primary:hover:not(:disabled){opacity:.9}.oc-btn-accent{background:var(--accent);color:var(--accent-fg)}.oc-btn-accent:hover:not(:disabled){filter:brightness(1.05)}.oc-btn-ghost{background:transparent;color:var(--app-fg1);border-color:var(--app-border-strong)}.oc-btn-ghost:hover:not(:disabled),.oc-btn-subtle{background:var(--app-surface-2)}.oc-btn-subtle{color:var(--app-fg1);border-color:var(--app-border)}.oc-btn-subtle:hover:not(:disabled){background:var(--app-surface-3);border-color:var(--app-border-strong)}.oc-btn-danger{background:var(--danger);color:#fff}.oc-btn-danger:hover:not(:disabled){filter:brightness(1.05)}.oc-btn-sm{height:30px;padding:0 12px;font-size:12px}.oc-btn-xs{height:26px;padding:0 10px;font-size:11px;border-radius:7px}.oc-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-card);padding:var(--density-pad);transition:border-color .14s var(--oc-ease-snap)}.oc-card.flat{background:transparent;border-color:var(--app-border)}.oc-card.interactive{cursor:pointer}.oc-card.interactive:hover{border-color:var(--app-border-strong)}.oc-card.raised{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.35)}[data-theme=light] .oc-card.raised{box-shadow:0 1px 2px rgba(9,9,11,.04),0 8px 24px rgba(9,9,11,.05)}.oc-kpi{padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-height:134px;position:relative}.oc-kpi-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.oc-kpi-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--app-fg3);font-weight:600}.oc-kpi-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--app-fg2);background:var(--app-surface-2)}.oc-kpi-value{display:flex;align-items:baseline;gap:8px}.oc-kpi-num{font-family:var(--oc-font-ui);font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--app-fg1);font-variant-numeric:tabular-nums;line-height:1}.oc-kpi-unit{font-size:13px;color:var(--app-fg3);font-weight:500}.oc-kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.oc-kpi-delta.up{color:#8FBF8F}.oc-kpi-delta.down{color:var(--danger)}[data-theme=light] .oc-kpi-delta.up{color:#6FA06F}.oc-kpi-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--app-fg3)}.oc-kpi-spark{height:32px;width:100%}.oc-seg{display:inline-flex;padding:3px;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:8px;gap:2px}.oc-seg button{height:26px;padding:0 12px;font-size:12px;font-weight:500;background:transparent;border:0;border-radius:6px;color:var(--app-fg2);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:all .12s var(--oc-ease-snap)}.oc-seg button:hover{color:var(--app-fg1)}.oc-seg button.active{background:var(--app-surface);color:var(--app-fg1);box-shadow:0 1px 2px rgba(0,0,0,.15)}[data-theme=light] .oc-seg button.active{box-shadow:0 1px 2px rgba(0,0,0,.06)}.oc-activity-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--app-border);font-size:13px}.oc-activity-row:last-child{border-bottom:0}.oc-activity-icon{width:28px;height:28px;border-radius:8px;background:var(--app-surface-2);display:flex;align-items:center;justify-content:center;color:var(--app-fg2)}.oc-activity-title{color:var(--app-fg1);font-weight:500}.oc-activity-meta{color:var(--app-fg3);font-size:12px}.oc-activity-chip{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent-fg);background:var(--accent);padding:3px 8px;border-radius:99px;text-transform:uppercase}.oc-activity-chip.dim{background:var(--app-surface-2);color:var(--app-fg2);border:1px solid var(--app-border)}.oc-tool-card{padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;cursor:pointer;min-height:130px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-card);transition:border-color .14s var(--oc-ease-snap)}.oc-tool-card:hover{border-color:var(--app-border-strong)}.oc-tool-card .tool-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--app-surface-2);color:var(--app-fg1)}.oc-tool-card .tool-title{font-weight:600;color:var(--app-fg1);font-size:14px}.oc-tool-card .tool-desc{font-size:12px;color:var(--app-fg2);line-height:1.45}.oc-tool-card .tool-arrow{position:absolute;top:16px;right:16px;color:var(--app-fg3);opacity:.8;transition:transform .14s var(--oc-ease-snap)}.oc-tool-card:hover .tool-arrow{transform:translate(2px,-2px);color:var(--app-fg1)}.oc-tool-card .tool-pill{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--app-fg2);background:var(--app-surface-2);padding:2px 7px;border-radius:99px;align-self:flex-start;border:1px solid var(--app-border)}.oc-empty-stage{border:1px dashed var(--app-border-strong);border-radius:16px;padding:56px 40px;display:flex;flex-direction:column;align-items:center;gap:18px;background:radial-gradient(ellipse 60% 50% at 50% 0,var(--accent-soft),transparent 70%),var(--app-surface);position:relative;overflow:hidden}.oc-empty-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--app-border) 1px,transparent 1px),linear-gradient(90deg,var(--app-border) 1px,transparent 1px);background-size:28px 28px;opacity:.4;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 75%);pointer-events:none}.oc-empty-stage>*{position:relative;z-index:1}.oc-chat-msg{padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;max-width:85%}.oc-chat-msg.user{background:var(--app-surface-2);color:var(--app-fg1);align-self:flex-end;border:1px solid var(--app-border)}.oc-chat-msg.ai{background:transparent;color:var(--app-fg1);border:0;padding-left:0;padding-right:0}.oc-prompt-input{background:var(--app-surface);border:1px solid var(--app-border-strong);border-radius:14px;padding:12px 12px 8px;display:flex;flex-direction:column;gap:10px}.oc-prompt-input textarea{resize:none;width:100%;min-height:42px;background:transparent;border:0;outline:0;color:var(--app-fg1);font-family:inherit;font-size:13px;line-height:1.5}.oc-prompt-input textarea::-moz-placeholder{color:var(--app-fg3)}.oc-prompt-input textarea::placeholder{color:var(--app-fg3)}.oc-status-dot{width:7px;height:7px;border-radius:99px;display:inline-block;flex-shrink:0}.oc-status-dot.live{background:#6FCF97;box-shadow:0 0 0 3px rgba(111,207,151,.15)}.oc-status-dot.draft{background:#D4A574}.oc-status-dot.error{background:var(--danger)}.oc-status-dot.ok{background:var(--ok)}@keyframes oc-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes oc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes oc-spin{to{transform:rotate(1turn)}}@keyframes oc-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ag-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes canvas-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes oc-glowPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px rgba(0,0,0,0)}}.oc-a,.oc-a1{animation:oc-fadeUp .4s var(--oc-ease-out) both}.oc-a1{animation-delay:.06s}.oc-a2{animation:oc-fadeUp .4s var(--oc-ease-out) both;animation-delay:.12s}.oc-a3{animation:oc-fadeUp .4s var(--oc-ease-out) both;animation-delay:.18s}.oc-a4{animation:oc-fadeUp .4s var(--oc-ease-out) both;animation-delay:.24s}.oc-a5{animation:oc-fadeUp .4s var(--oc-ease-out) both;animation-delay:.3s}.oc-glow{position:absolute;pointer-events:none;border-radius:50%;z-index:0}@keyframes oc-float{0%,to{transform:scale(1) rotate(0deg);opacity:.85}33%{transform:scale(1.09) rotate(4deg);opacity:1}66%{transform:scale(.93) rotate(-3deg);opacity:.7}}@keyframes oc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.oc-shimmer{background:linear-gradient(90deg,var(--app-border) 25%,var(--app-border-strong) 50%,var(--app-border) 75%);background-size:200% 100%;animation:oc-shimmer 1.8s linear infinite}:where(a,button,[role=button],input,textarea,select,summary):focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}