:root{--ob-bg: #ffffff;--ob-surface: #f6f8fc;--ob-surface-2: #edf2fa;--ob-line: #d3dae5;--ob-line-strong: #b6c2d6;--ob-ink: #0a0f1a;--ob-ink-2: #46536a;--ob-ink-3: #66748b;--ob-blue: #0038b8;--ob-blue-deep: #00238f;--ob-blue-bright: #1e5fe0;--ob-blue-tint: #e8effc;--ob-blue-tint-2: #cfddf8;--ob-on-blue: #ffffff;--ob-ok: #1f7a4d;--ob-warn: #9a6100;--ob-risk: #b3261e;--ob-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--ob-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--ob-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--ob-bg: #0c1220;--ob-surface: #131c2e;--ob-surface-2: #1b2740;--ob-line: #27344b;--ob-line-strong: #3c4c69;--ob-ink: #f2f5fa;--ob-ink-2: #a9b6cc;--ob-ink-3: #8493ac;--ob-blue: #7fa6ff;--ob-blue-deep: #5c8bf5;--ob-blue-bright: #9cbbff;--ob-blue-tint: #17233c;--ob-blue-tint-2: #1e2f4f;--ob-on-blue: #0a1020;--ob-ok: #55c48c;--ob-warn: #e0a64a;--ob-risk: #f2857c}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--ob-bg);color:var(--ob-ink);font-family:var(--ob-sans);font-size:13px;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit;border-radius:0}button{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--ob-blue-bright);outline-offset:-2px}a{color:var(--ob-blue-bright);text-underline-offset:2px}.lab{font-family:var(--ob-mono);font-size:9.5px;font-weight:500;letter-spacing:.17em;line-height:13px;text-transform:uppercase;color:var(--ob-ink-3)}.lab.strong{font-weight:600;color:var(--ob-ink)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ob-ink-3)}.display{font-family:var(--ob-display);font-weight:400}.mono{font-family:var(--ob-mono);font-size:10.5px;letter-spacing:.04em}.stripe{height:9px;background:var(--ob-blue)}.hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px 13px;border-bottom:1px solid var(--ob-ink)}.lockup{display:flex;align-items:center;gap:14px}.mark{width:26px;height:26px;flex:none;background:var(--ob-blue);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:5px 4px}.mark i{display:block;height:4px;background:var(--ob-on-blue)}.product{font-family:var(--ob-display);font-size:34px;line-height:32px;letter-spacing:-.01em}.summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.pair{display:inline-flex;align-items:center;gap:6px}.tabs{display:flex;border-bottom:1px solid var(--ob-ink);overflow-x:auto}.tab{display:flex;align-items:center;padding:0 18px;height:34px;flex:none;border-right:1px solid var(--ob-ink);text-decoration:none;background:var(--ob-bg)}.tab .lab{color:var(--ob-ink-2)}.tab.on{background:var(--ob-blue)}.tab.on .lab{color:var(--ob-on-blue)}.more{display:flex;align-items:center;gap:22px;height:28px;padding:0 18px;background:var(--ob-surface);border-bottom:1px solid var(--ob-ink);overflow-x:auto}.more a{text-decoration:none;border-bottom:2px solid transparent;padding:2px 0;flex:none}.more a.on{border-bottom-color:var(--ob-blue)}.more a.on .lab{color:var(--ob-ink)}.more .later .lab{color:var(--ob-line-strong)}.statusline{display:flex;align-items:stretch;border-bottom:1px solid var(--ob-ink);min-height:34px}.statecell{display:flex;align-items:center;padding:0 18px;border-right:1px solid var(--ob-ink)}.statecell.working{background:var(--ob-blue)}.statecell.working .lab{color:var(--ob-on-blue)}.statecell.idle{background:var(--ob-surface)}.statusparts{display:flex;align-items:center;gap:22px;padding:6px 18px;flex-wrap:wrap}.dot{display:inline-block;width:7px;height:7px;flex:none;background:var(--ob-line-strong)}.dot.healthy,.dot.ok{background:var(--ob-ok)}.dot.degraded,.dot.warn{background:var(--ob-warn)}.dot.failing,.dot.risk{background:var(--ob-risk)}.page{padding:20px 22px 40px}.title{font-family:var(--ob-display);font-size:26px;line-height:28px;margin:0}.subtitle{font-size:12px;color:var(--ob-ink-3);margin:3px 0 16px}.empty{padding:14px 0;font-size:12px;color:var(--ob-ink-3)}.error{padding:10px 12px;border:1px solid var(--ob-risk);color:var(--ob-risk);margin-bottom:14px;font-size:12px}.btn{height:30px;padding:0 14px;border:1px solid var(--ob-ink);background:var(--ob-bg);font-family:var(--ob-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.btn.primary{background:var(--ob-blue);border-color:var(--ob-blue);color:var(--ob-on-blue)}.btn:disabled{opacity:.45;cursor:default}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 10px;border:1px solid var(--ob-line);background:var(--ob-bg)}.chip .lab{font-size:9px;color:var(--ob-ink-2)}.chip.on{background:var(--ob-blue);border-color:var(--ob-ink)}.chip.on .lab{color:var(--ob-on-blue)}.field{height:30px;padding:0 9px;border:1px solid var(--ob-line-strong);background:var(--ob-bg)}.inline-select{border:0;border-bottom:1px dotted var(--ob-ink-3);background:transparent;padding:1px 0;cursor:pointer}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--ob-ink);font-family:var(--ob-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ob-ink-3);white-space:nowrap}.table td{padding:7px 10px;border-bottom:1px solid var(--ob-line);font-size:12px;line-height:17px;vertical-align:top}.table td.clip{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tr.off td{color:var(--ob-ink-3)}.tiles{display:flex;border:1px solid var(--ob-ink);margin-bottom:20px;flex-wrap:wrap}.tile{flex:1 1 150px;padding:12px 14px;border-right:1px solid var(--ob-line);display:flex;flex-direction:column;gap:6px}.tile:last-child{border-right:0}.tile .figure{font-size:26px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cols{display:flex;gap:32px;flex-wrap:wrap}.cols>*{flex:1 1 320px;min-width:0}.lane{display:flex;border-top:1px solid var(--ob-ink);padding:14px 22px 16px}.lane-label{width:140px;flex:none;display:flex;flex-direction:column;gap:5px;padding-right:12px}.lane-state{font-family:var(--ob-display);font-size:22px;line-height:22px;color:var(--ob-ink-3)}.lane-state.working{color:var(--ob-blue)}.lane-state.waiting{color:var(--ob-warn)}.lane-note{font-size:11.5px;line-height:16px;color:var(--ob-ink-3)}.boxes{display:flex;align-items:flex-start;min-width:0;flex-wrap:wrap;row-gap:12px}.arrow{width:18px;flex:none;display:flex;justify-content:center;padding-top:11px;color:var(--ob-ink-3)}.box{width:184px;flex:none;display:flex;flex-direction:column;border:1px solid var(--ob-line);background:var(--ob-bg)}.box-hd{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 9px;background:var(--ob-surface);width:100%}.box-hd .lab{color:var(--ob-ink-3)}.box.working,.box.done{border-color:var(--ob-ink)}.box.working .box-hd{background:var(--ob-blue);color:var(--ob-on-blue)}.box.working .box-hd .lab{color:var(--ob-on-blue)}.box.done .box-hd{background:var(--ob-ink);color:var(--ob-bg)}.box.done .box-hd .lab{color:var(--ob-bg)}.box.failed{border-color:var(--ob-risk)}.box.failed .box-hd{background:var(--ob-risk);color:var(--ob-on-blue)}.box.failed .box-hd .lab{color:var(--ob-on-blue)}.box.notbuilt{border-style:dashed}.box-body{padding:9px;display:flex;flex-direction:column;gap:7px}.box.idle .box-body,.box.notbuilt .box-body,.box.waiting .box-body{color:var(--ob-ink-3)}.kv{display:flex;flex-direction:column;gap:2px;font-size:11.5px;line-height:16px}.kv div{display:flex;justify-content:space-between;gap:8px}.kv .k{color:var(--ob-ink-3)}.kv .v{font-variant-numeric:tabular-nums;text-align:right}.progress{display:flex;flex-direction:column;gap:4px}.progress .row{display:flex;justify-content:space-between;font-size:11.5px;font-variant-numeric:tabular-nums}.bar{height:4px;background:var(--ob-line)}.bar i{display:block;height:4px;background:var(--ob-blue)}.badge{align-self:flex-start;border:1px solid var(--ob-blue-tint-2);background:var(--ob-blue-tint);padding:1px 5px}.badge .lab{font-size:9px;color:var(--ob-blue-deep)}.detail{border-top:1px solid var(--ob-line);padding:7px 9px 8px;display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto}.dl{display:flex;gap:6px;font-size:11px;line-height:15px}.dl .t{flex:none;width:54px;font-family:var(--ob-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding-top:1px;color:var(--ob-ink-3)}.dl .t.kept,.dl .t.done,.dl .t.new{color:var(--ob-ok)}.dl .t.failed,.dl .t.refused{color:var(--ob-risk)}.dl .t.reading,.dl .t.working{color:var(--ob-blue)}.dl .x{color:var(--ob-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beneath{display:flex;gap:32px;border-top:1px solid var(--ob-ink);padding:16px 22px 22px;flex-wrap:wrap}.beneath>div{flex:1 1 260px}.beneath .row{display:flex;gap:10px;font-size:12px;line-height:17px;padding:5px 0;border-bottom:1px solid var(--ob-line)}.beneath .row .w{flex:none;width:64px;font-family:var(--ob-mono);font-size:10.5px;color:var(--ob-ink-3)}.idlebanner{display:flex;align-items:baseline;gap:18px;padding:22px 22px 18px;flex-wrap:wrap}.idlebanner .big{font-family:var(--ob-display);font-size:44px;line-height:44px}.chart{position:relative;height:160px;margin-left:40px}.chart .gl{position:absolute;left:0;right:0;border-top:1px solid var(--ob-line)}.chart .gy{position:absolute;left:-40px;width:34px;text-align:right;font-family:var(--ob-mono);font-size:9.5px;color:var(--ob-ink-3)}.chart .bars{position:absolute;inset:0;display:flex;gap:2px;align-items:flex-end}.chart .bars div{flex:1;background:var(--ob-blue);min-height:1px}.chart .bars div:hover{background:var(--ob-blue-bright)}.hbar{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ob-line);font-size:12px}.hbar .n{width:170px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar .b{flex:1;height:6px;background:var(--ob-surface-2)}.hbar .b i{display:block;height:6px;background:var(--ob-blue)}.hbar .v{width:80px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:700px){.lane{flex-direction:column;gap:10px}.lane-label{width:auto}.hdr{padding:12px 16px}.page{padding:16px 16px 32px}}.scenarios{display:flex;flex-direction:column;gap:14px;min-width:0;flex:1}.scenario{display:flex;flex-direction:column;gap:6px}.scenario-name{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.form{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;align-items:center;font-size:12px;max-width:760px}.form>label{color:var(--ob-ink-3)}.form textarea,textarea.field{min-height:64px;padding:7px 9px;border:1px solid var(--ob-line-strong);background:var(--ob-bg);font:inherit;width:100%;resize:vertical}.card{border:1px solid var(--ob-ink);padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.card-hd{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.card-hd .display{font-size:20px;line-height:22px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.split{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.split>.main{flex:2 1 520px;min-width:0}.split>.side{flex:1 1 300px;min-width:0}.preview{width:100%;height:70vh;border:1px solid var(--ob-line-strong);background:#fff}.pill{display:inline-block;padding:1px 6px;border:1px solid var(--ob-line-strong);font-family:var(--ob-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.pill.sent,.pill.passed{border-color:var(--ob-ok);color:var(--ob-ok)}.pill.failed,.pill.turned{border-color:var(--ob-risk);color:var(--ob-risk)}.pill.waiting{border-color:var(--ob-blue);color:var(--ob-blue)}.daypick{display:flex;gap:4px;flex-wrap:wrap}body.mirror button:not([data-view]),body.mirror select,body.mirror textarea,body.mirror input:not([type=search]),body.mirror a.btn{pointer-events:none;opacity:.45;cursor:default}