@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--steel:#3e596f;--steel-deep:#2c4256;--cyan:#06b6d4;--cyan-ink:#0e7490;--cyan-soft:#e6f6fa;--bg:#fff;--canvas:#eef1f4;--subtle:#f5f6f8;--fg:#0a0c10;--fg-2:#3b424c;--muted:#6b7280;--faint:#9aa1ab;--border:#e3e7ec;--border-strong:#cfd5dd;--ok:#1f8a5b;--warn:#b4791f;--info:var(--cyan-ink);--surface-card:var(--bg);--surface-page:var(--canvas);--surface-inset:var(--subtle);--text-body:var(--fg);--text-secondary:var(--fg-2);--text-muted:var(--muted);--text-meta:11px;--accent:var(--cyan);--accent-text:var(--cyan-ink);--brand:var(--steel);--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--text-page-title:24px;--text-card-title:16px;--text-item-title:14.5px;--text-body-sm:13px;--text-desc:12.5px;--text-mono-slug:10.5px;--text-mono-label:9.5px;--tracking-tight:-.02em;--tracking-ui:-.005em;--tracking-caps:.12em}.os-root{font-family:var(--font-sans);color:var(--fg);background:var(--canvas);-webkit-font-smoothing:antialiased;letter-spacing:var(--tracking-ui);height:100%}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink);font-size:11px;font-weight:500}.mono{font-family:var(--font-mono)}:root{--r-sm:7px;--r:11px;--r-lg:16px;--r-full:100px;--shadow-card:0 1px 2px #1018280a, 0 1px 3px #1018280d;--shadow-pop:0 8px 28px -10px #14212e38;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:30px;--ease-ui:.16s ease}*{box-sizing:border-box}.brandmark{align-items:center;gap:11px;display:flex}.brandmark .mark{background:linear-gradient(150deg, var(--steel), var(--steel-deep));border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.brandmark .mark span{font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;font-size:13px;font-weight:600}.brandmark .wm{flex-direction:column;line-height:1;display:flex}.brandmark .wm .o{letter-spacing:.02em;color:var(--fg);font-size:15px;font-weight:700}.brandmark .wm .o em{color:var(--cyan-ink);font-style:normal}.brandmark .wm .sub{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--faint);margin-top:3px;font-size:9.5px}.pill{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-full);border:1px solid var(--border-strong);color:var(--muted);background:var(--bg);align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.pill .dot{background:var(--faint);border-radius:50%;width:6px;height:6px}.pill.running{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--border));background:color-mix(in srgb, var(--ok) 8%, #fff)}.pill.running .dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent)}.pill.beta{color:var(--cyan-ink);border-color:color-mix(in srgb, var(--cyan) 40%, var(--border));background:var(--cyan-soft)}.pill.beta .dot{background:var(--cyan)}.icon-tile{border-radius:var(--r-sm);background:var(--subtle);color:var(--steel);border:1px solid var(--border);flex:none;place-items:center;display:grid}.icon-tile svg{width:60%;height:60%}.statchip{border-radius:50%;flex:none;width:8px;height:8px}.statchip.action{background:var(--cyan)}.statchip.review{background:var(--warn)}.statchip.ok{background:var(--ok)}.statchip.wait{background:var(--faint)}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-head h2{letter-spacing:.01em;color:var(--fg);align-items:center;gap:9px;margin:0;font-size:13px;font-weight:600;display:flex}.section-head h2 svg{width:16px;height:16px;color:var(--steel)}.section-head .count{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--border);border-radius:var(--r-full);padding:1px 8px;font-size:11px}.section-head .link{color:var(--muted);align-items:center;gap:5px;font-size:12px;text-decoration:none;display:inline-flex}.section-head .link svg{width:13px;height:13px}.skill-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);transition:var(--ease-ui);cursor:pointer;flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.skill-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-pop);transform:translateY(-1px)}.skill-card .ic{width:40px;height:40px}.skill-card .nm{font-size:var(--text-item-title);letter-spacing:-.01em;font-weight:600}.skill-card .ds{font-size:var(--text-desc);color:var(--muted);margin:0;line-height:1.5}.skill-card .ft{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.skill-card .slug{font-family:var(--font-mono);font-size:var(--text-mono-slug);color:var(--faint)}.skill-card .run{color:var(--cyan-ink);opacity:0;transition:var(--ease-ui);align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex;transform:translate(-4px)}.skill-card .run svg{width:13px;height:13px}.skill-card:hover .run{opacity:1;transform:none}.agent-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);transition:var(--ease-ui);cursor:pointer;padding:20px;position:relative;overflow:hidden}.agent-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--cyan) 13%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.agent-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-pop)}.agent-card .top{align-items:flex-start;gap:14px;display:flex}.agent-card .ic{width:44px;height:44px;color:var(--steel)}.agent-card .nm{font-size:var(--text-card-title);letter-spacing:-.015em;align-items:center;gap:10px;font-weight:600;display:flex}.agent-card .slug{font-family:var(--font-mono);font-size:var(--text-mono-slug);color:var(--faint);margin-top:3px}.agent-card .ds{font-size:var(--text-desc);color:var(--muted);max-width:92%;margin:14px 0 0;line-height:1.5}.agent-card .metrics{border-top:1px solid var(--border);gap:26px;margin-top:16px;padding-top:16px;display:flex}.agent-card .metrics .m .v{letter-spacing:var(--tracking-tight);font-size:18px;font-weight:600}.agent-card .metrics .m .k{font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:3px}.proj-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.proj-row:first-child{border-top:0}.proj-row .nm{font-size:var(--text-body-sm);font-weight:600}.proj-row .meta{color:var(--muted);margin-top:2px;font-size:11.5px}.proj-row .stage{font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.act-row{border-top:1px solid var(--border);gap:12px;padding:11px 0;display:flex}.act-row:first-child{border-top:0}.act-row .ic{width:28px;height:28px;color:var(--steel)}.act-row .t1{font-size:var(--text-desc)}.act-row .t1 b{font-weight:600}.act-row .t1 .tgt{color:var(--fg-2)}.act-row .t2{font-size:var(--text-meta);color:var(--muted);margin-top:2px}.act-row .time{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;margin-left:auto;font-size:10px}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card)}.panel .ph{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.panel .ph h3{font-size:var(--text-desc);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.panel .ph h3 svg{width:15px;height:15px;color:var(--steel)}.panel .ph .cnt{font-family:var(--font-mono);font-size:var(--text-mono-slug);color:var(--faint)}.panel .pb{padding:6px 18px 12px}.input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-body-sm);align-items:center;gap:9px;padding:9px 13px;display:flex}.input svg{width:16px;height:16px;color:var(--faint)}.input .kbd{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px}.avatar{background:linear-gradient(150deg, var(--cyan), var(--cyan-ink));color:#fff;font-family:var(--font-mono);border-radius:9px;flex:none;place-items:center;font-weight:600;display:grid}.os-shell{background:var(--canvas);grid-template-columns:224px 1fr 312px;height:100%;display:grid}.os-shell .side{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;padding:22px 16px;display:flex}.os-shell .side .nav{flex-direction:column;gap:2px;margin-top:30px;display:flex}.os-shell .side .nav .lbl{font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:16px 0 8px;padding:0 10px}.os-shell .side .nav a{border-radius:var(--r-sm);font-size:var(--text-body-sm);color:var(--fg-2);align-items:center;gap:11px;padding:8px 10px;text-decoration:none;display:flex}.os-shell .side .nav a svg{width:17px;height:17px;color:var(--faint)}.os-shell .side .nav a.active{background:var(--steel);color:#fff}.os-shell .side .nav a.active svg{color:#fff}.os-shell .side .nav a:not(.active):hover{background:var(--subtle)}.os-shell .side .user{border-top:1px solid var(--border);align-items:center;gap:11px;margin-top:auto;padding:11px 8px 4px;display:flex}.os-shell .side .user .avatar{width:32px;height:32px;font-size:11px}.os-shell .side .user .nm{font-size:12.5px;font-weight:600}.os-shell .side .user .rl{font-size:var(--text-meta);color:var(--muted)}.os-shell .main{padding:26px 30px;overflow-y:auto}.os-shell .topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.os-shell .topbar h1{font-size:var(--text-page-title);letter-spacing:-.025em;margin:6px 0 0;font-weight:600}.os-shell .topbar .date{color:var(--muted);font-size:12.5px}.os-shell .topbar .input{width:280px}.os-shell .skill-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.os-shell .agent-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.os-shell .rail{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;gap:26px;padding:24px 20px;display:flex;overflow-y:auto}.os-shell .rail .blk h3{font-size:var(--text-desc);align-items:center;gap:8px;margin:0 0 4px;font-weight:600;display:flex}.os-shell .rail .blk h3 svg{width:15px;height:15px;color:var(--steel)}.os-shell .rail .blk .sub{font-size:var(--text-meta);color:var(--faint);margin-bottom:8px}html,body,#root{height:100%;margin:0}body{background:var(--canvas);font-family:var(--font-sans);color:var(--fg)}.os-shell{height:100vh}.login-wrap{background:var(--canvas);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);width:360px;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:30px 28px;display:flex}.login-card .brandmark{margin-bottom:8px}.field{flex-direction:column;gap:6px;display:flex}.field span{font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.field input{font:inherit;font-size:var(--text-body-sm);color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);outline:none;padding:9px 12px;transition:border-color .16s}.field input:focus{border-color:var(--steel)}.form-error{font-size:var(--text-meta);color:var(--warn)}.btn-primary{font:inherit;font-size:var(--text-body-sm);color:#fff;background:var(--steel);border-radius:var(--r-sm);cursor:pointer;border:none;padding:10px 14px;font-weight:600;transition:opacity .16s}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{font:inherit;font-size:var(--text-body-sm);color:var(--fg-2);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;align-self:flex-start;padding:9px 14px;font-weight:600;transition:background .16s}.btn-secondary:hover{background:var(--subtle)}.coming-soon{opacity:.55}.coming-soon .skill-card{cursor:default}.coming-soon .skill-card .run{display:none}.settings-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;max-width:480px;padding:22px;display:flex}.field-row{font-size:var(--text-body-sm);gap:16px;display:flex}.field-row .k{width:80px;font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);flex:none;padding-top:2px}.skill-head{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.skill-head .slug{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--faint)}.skill-head p{font-size:var(--text-body-sm);color:var(--fg-2);margin:4px 0 0}.sub{font-size:var(--text-meta);color:var(--faint)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--border));background:color-mix(in srgb, var(--ok) 8%, #fff)}.pill.ok .dot{background:var(--ok)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, var(--border));background:color-mix(in srgb, var(--warn) 8%, #fff)}.pill.warn .dot{background:var(--warn)}.run-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);max-width:560px;margin-bottom:24px;padding:22px}.run-form{flex-direction:column;gap:14px;display:flex}.run-form select,.run-form textarea,.run-form input[type=file]{font:inherit;font-size:var(--text-body-sm);color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);outline:none;padding:9px 12px}.run-form select:focus,.run-form textarea:focus{border-color:var(--steel)}.run-form .btn-primary{align-self:flex-start}.run-list{flex-direction:column;gap:6px;max-width:560px;display:flex}.run-row{color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-body-sm);align-items:center;gap:14px;padding:9px 14px;text-decoration:none;transition:background .16s;display:flex}.run-row:hover{background:var(--subtle)}.run-when{color:var(--faint);font-size:var(--text-meta)}.run-id{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--faint);margin-left:auto}.run-status{align-items:center;gap:12px;display:flex}.run-elapsed{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--faint)}.event-stream{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;max-width:760px;max-height:50vh;margin-bottom:20px;padding:14px 16px;display:flex;overflow-y:auto}.event-line{font-size:var(--text-body-sm);align-items:baseline;gap:12px;display:flex}.event-ts{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--faint);flex:none}.event-kind{font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);flex:none;width:64px}.event-line.error .event-kind,.event-line.error .event-msg{color:var(--warn)}.event-line.output .event-kind{color:var(--ok)}.event-msg{word-break:break-word}.run-error{border:1px solid color-mix(in srgb, var(--warn) 40%, var(--border));background:color-mix(in srgb, var(--warn) 6%, #fff);border-radius:var(--r-sm);max-width:760px;font-size:var(--text-body-sm);color:var(--fg);margin-bottom:20px;padding:12px 16px}.outputs-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;max-width:560px;padding:18px 20px;display:flex}.outputs-card h2{font-size:var(--text-body);margin:0 0 4px}.output-row{font-size:var(--text-body-sm);align-items:center;gap:10px;display:flex}.output-name{word-break:break-all;flex:1}.output-row .btn-secondary{align-self:center;text-decoration:none}