html,body{margin:0;padding:0;height:100%;background:var(--ob-bg)}#root{height:100%}:root{--ob-bg: #0a0b0d;--ob-bg-2: #0e1013;--ob-panel: #111316;--ob-panel-2: #15181c;--ob-hover: #181b20;--ob-border: #1d2127;--ob-border-strong: #2a2f37;--ob-fg: #e6e8eb;--ob-fg-2: #b6bbc2;--ob-fg-3: #7a8089;--ob-fg-4: #51575f;--ob-green: #5fd99a;--ob-green-bg: rgba(95, 217, 154, .1);--ob-green-bd: rgba(95, 217, 154, .28);--ob-red: #f17a7a;--ob-red-bg: rgba(241, 122, 122, .1);--ob-red-bd: rgba(241, 122, 122, .3);--ob-amber: #f4c065;--ob-amber-bg: rgba(244, 192, 101, .1);--ob-amber-bd: rgba(244, 192, 101, .3);--ob-blue: #6aa9f4;--ob-blue-bg: rgba(106, 169, 244, .1);--ob-blue-bd: rgba(106, 169, 244, .3);--ob-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ob-sans: "Inter", system-ui, -apple-system, sans-serif;color-scheme:dark;--ob-violet: #c89bd9;--ob-violet-bg: rgba(200,155,217,.1);--ob-violet-bd: rgba(200,155,217,.3);--ob-syn-key: #8aaedb;--ob-syn-str: #b5d8a0;--ob-syn-num: #d4a76a;--ob-primary-bg: #1f3550;--ob-primary-bd: #2a4870;--ob-primary-fg: #cfe1fb;--ob-blue-bg-soft: rgba(106,169,244,.06);--ob-red-bg-hover: rgba(241,122,122,.16);--ob-shadow-pop: 0 8px 24px rgba(0,0,0,.4);--ob-shadow-modal: 0 20px 60px rgba(0,0,0,.6);--ob-shadow-card: 0 16px 40px rgba(0,0,0,.4);--ob-scrim: rgba(2,3,5,.66)}.ob-app{background:var(--ob-bg);color:var(--ob-fg);font-family:var(--ob-sans);font-size:13px;line-height:1.5;width:100%;height:100%;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}.ob-app *{box-sizing:border-box}.ob-app a{color:var(--ob-blue);text-decoration:none}.ob-app a:hover{text-decoration:underline;text-underline-offset:2px}.mono{font-family:var(--ob-mono);font-feature-settings:"zero","ss01";letter-spacing:-.005em}.ob-topbar{height:44px;flex:0 0 44px;display:flex;align-items:center;gap:28px;padding:0 20px;border-bottom:1px solid var(--ob-border);background:var(--ob-bg-2)}.ob-brand{font-family:var(--ob-mono);font-size:13px;letter-spacing:.02em;color:var(--ob-fg);display:flex;align-items:center;gap:8px}.ob-brand-mark{width:14px;height:14px;border:1.5px solid var(--ob-fg);position:relative;display:inline-block}.ob-brand-mark:after{content:"";position:absolute;left:2.5px;top:2.5px;width:6px;height:6px;background:var(--ob-fg)}.ob-nav{display:flex;gap:2px}.ob-nav a{font-size:12.5px;color:var(--ob-fg-3);padding:6px 10px;border-radius:4px}.ob-nav a.active{color:var(--ob-fg);background:var(--ob-hover)}.ob-nav a:hover{color:var(--ob-fg);text-decoration:none}.ob-topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--ob-fg-3);font-size:12px}.ob-search{display:flex;align-items:center;gap:8px;background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:5px;padding:4px 10px;width:220px;font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-3)}.ob-kbd{font-family:var(--ob-mono);font-size:10.5px;color:var(--ob-fg-4);border:1px solid var(--ob-border);border-radius:3px;padding:0 4px;background:var(--ob-bg)}.ob-theme-toggle{display:flex;align-items:center;gap:4px;border:1px solid var(--ob-border);border-radius:5px;padding:2px}.ob-theme-toggle button{font-size:11px;padding:2px 8px;border-radius:3px;color:var(--ob-fg-3);cursor:pointer;background:transparent;border:none;font-family:inherit}.ob-theme-toggle button.active{background:var(--ob-hover);color:var(--ob-fg)}.ob-lang-toggle{display:flex;align-items:center;gap:4px;border:1px solid var(--ob-border);border-radius:5px;padding:2px}.ob-lang-toggle button{font-size:11px;padding:2px 8px;border-radius:3px;color:var(--ob-fg-3);cursor:pointer;background:transparent;border:none;font-family:inherit}.ob-lang-toggle button.active{background:var(--ob-hover);color:var(--ob-fg)}.ob-crumb{height:36px;flex:0 0 36px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:12px;color:var(--ob-fg-3);gap:8px;background:var(--ob-bg)}.ob-crumb .sep{color:var(--ob-fg-4)}.ob-crumb .leaf{color:var(--ob-fg)}.ob-crumb a{color:inherit}.ob-crumb a:hover{color:var(--ob-fg)}.ob-crumb-actions{margin-left:auto;display:flex;gap:6px}.ob-btn{font-family:var(--ob-sans);font-size:12px;height:26px;padding:0 10px;border-radius:4px;border:1px solid var(--ob-border-strong);background:var(--ob-panel);color:var(--ob-fg);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ob-btn:hover{background:var(--ob-hover)}.ob-btn.primary{background:var(--ob-primary-bg);border-color:var(--ob-primary-bd);color:var(--ob-primary-fg)}.ob-btn.ghost{background:transparent;border-color:transparent}.ob-btn.ghost:hover{background:var(--ob-hover);border-color:var(--ob-border)}.ob-btn.sm{height:22px;padding:0 8px;font-size:11px}.ob-btn.disabled{color:var(--ob-fg-4);cursor:not-allowed;background:transparent}.ob-btn .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.ob-user-menu{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--ob-border)}.ob-user-menu .avatar{width:22px;height:22px;border-radius:50%;background:var(--ob-blue-bg);border:1px solid var(--ob-blue-bd);color:var(--ob-blue);font-family:var(--ob-mono);font-size:11px;display:flex;align-items:center;justify-content:center}.ob-main{flex:1;min-width:0;padding:24px 20px;overflow:hidden}.ob-page-title{display:flex;align-items:baseline;gap:14px;margin:0 0 4px}.ob-page-title h1{font-family:var(--ob-mono);font-size:20px;font-weight:500;margin:0;letter-spacing:-.01em;color:var(--ob-fg)}.ob-page-title .ver{color:var(--ob-fg-3);font-family:var(--ob-mono);font-size:14px}.ob-page-sub{color:var(--ob-fg-3);font-size:12.5px;margin-bottom:18px}.ob-section{margin-bottom:20px}.ob-section-head{display:flex;align-items:center;gap:10px;padding:0 0 8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-3)}.ob-section-head .count{font-family:var(--ob-mono);color:var(--ob-fg-4);font-weight:400;letter-spacing:0;text-transform:none}.ob-section-head .grow{flex:1}.ob-section-head .actions{display:flex;gap:6px}.ob-panel{background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:6px}.ob-table{width:100%;border-collapse:collapse;font-size:12.5px}.ob-table thead th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ob-fg-3);padding:8px 12px;border-bottom:1px solid var(--ob-border);background:var(--ob-panel-2);height:32px}.ob-table tbody td{padding:0 12px;height:34px;border-bottom:1px solid var(--ob-border);vertical-align:middle;color:var(--ob-fg-2)}.ob-table tbody tr:last-child td{border-bottom:none}.ob-table tbody tr:hover td{background:var(--ob-hover)}.ob-table tbody tr.clickable{cursor:pointer}.ob-table .mono,.ob-table td.mono{font-family:var(--ob-mono);color:var(--ob-fg)}.ob-table td.num{font-family:var(--ob-mono);font-variant-numeric:tabular-nums;text-align:right}.ob-table td.muted{color:var(--ob-fg-3)}.ob-table .row-arrow{color:var(--ob-fg-4)}.ob-table tbody tr:hover .row-arrow{color:var(--ob-fg)}.ob-table th.right,.ob-table td.right{text-align:right}.ob-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--ob-mono);font-size:11px;height:18px;padding:0 7px;border-radius:3px;letter-spacing:.01em;border:1px solid;white-space:nowrap}.ob-badge .swatch{width:6px;height:6px;border-radius:50%;background:currentColor}.ob-badge.ok{color:var(--ob-green);background:var(--ob-green-bg);border-color:var(--ob-green-bd)}.ob-badge.failed{color:var(--ob-red);background:var(--ob-red-bg);border-color:var(--ob-red-bd)}.ob-badge.running{color:var(--ob-amber);background:var(--ob-amber-bg);border-color:var(--ob-amber-bd)}.ob-badge.queued{color:var(--ob-amber);background:var(--ob-amber-bg);border-color:var(--ob-amber-bd);opacity:.85}.ob-badge.claimed{color:var(--ob-amber);background:var(--ob-amber-bg);border-color:var(--ob-amber-bd)}.ob-badge.error{color:var(--ob-red);background:var(--ob-red-bg);border-color:var(--ob-red-bd)}.ob-badge.timeout{color:var(--ob-red);background:var(--ob-red-bg);border-color:var(--ob-red-bd);opacity:.85}.ob-badge.neutral,.ob-badge.draft{color:var(--ob-fg-3);background:var(--ob-hover);border-color:var(--ob-border-strong)}.ob-badge.disabled{color:var(--ob-fg-4);background:var(--ob-hover);border-color:var(--ob-border-strong)}.ob-badge.published{color:var(--ob-blue);background:var(--ob-blue-bg);border-color:var(--ob-blue-bd)}.ob-badge.diff-easy{color:var(--ob-green);background:var(--ob-green-bg);border-color:var(--ob-green-bd)}.ob-badge.diff-medium{color:var(--ob-amber);background:var(--ob-amber-bg);border-color:var(--ob-amber-bd)}.ob-badge.diff-hard{color:var(--ob-red);background:var(--ob-red-bg);border-color:var(--ob-red-bd)}.ob-tag{display:inline-flex;align-items:center;font-family:var(--ob-mono);font-size:11px;height:18px;padding:0 6px;border-radius:3px;border:1px solid var(--ob-border-strong);background:var(--ob-panel-2);color:var(--ob-fg-3)}.ob-kv{display:grid;grid-template-columns:140px 1fr;font-size:12.5px}.ob-kv>div{padding:7px 12px;border-bottom:1px solid var(--ob-border)}.ob-kv>div:nth-last-child(-n+2){border-bottom:none}.ob-kv .k{color:var(--ob-fg-3);font-size:11.5px;font-family:var(--ob-sans)}.ob-kv .v{color:var(--ob-fg);font-family:var(--ob-mono);font-size:12px}.ob-kv .v.sans{font-family:var(--ob-sans)}.ob-axis-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.ob-axis-grid th{font-family:var(--ob-mono);font-size:11px;text-align:center;color:var(--ob-fg-3);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--ob-border)}.ob-axis-grid th.axis-name{text-align:left;padding-left:14px;min-width:200px}.ob-axis-grid td{padding:4px 6px;border-bottom:1px solid var(--ob-border);height:36px}.ob-axis-grid tr:last-child td{border-bottom:none}.ob-axis-grid td.axis-name{font-family:var(--ob-sans);font-size:12.5px;color:var(--ob-fg);padding-left:14px}.ob-axis-grid td.axis-name .axis-id{color:var(--ob-fg-4);font-family:var(--ob-mono);font-size:11px;margin-left:6px}.ob-axis-cell{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;border-radius:4px;font-family:var(--ob-mono);font-size:11.5px}.ob-axis-cell.pass{background:var(--ob-green-bg);color:var(--ob-green);border:1px solid var(--ob-green-bd)}.ob-axis-cell.fail{background:var(--ob-red-bg);color:var(--ob-red);border:1px solid var(--ob-red-bd)}.ob-axis-cell.mixed{background:var(--ob-amber-bg);color:var(--ob-amber);border:1px solid var(--ob-amber-bd)}.ob-axis-cell.miss{background:transparent;color:var(--ob-fg-4);border:1px dashed var(--ob-border-strong)}.ob-axis-cell .count{opacity:.75;font-size:10.5px}.ob-axis-grid td.total{text-align:right;padding-right:14px;font-family:var(--ob-mono);color:var(--ob-fg-2);font-size:11.5px}.ob-code{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:5px;font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-2);padding:10px 12px;white-space:pre;overflow:hidden;line-height:1.6}.ob-code .c-key{color:var(--ob-fg-3)}.ob-code .c-val{color:var(--ob-fg)}.ob-code .c-str{color:var(--ob-syn-str)}.ob-code .c-num{color:var(--ob-syn-num)}.ob-code .c-cmt{color:var(--ob-fg-4);font-style:italic}.ob-code .c-err{color:var(--ob-red)}.ob-code .c-ok{color:var(--ob-green)}.ob-code .c-mask{color:var(--ob-fg-4)}.ob-code-head{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--ob-panel-2);border-bottom:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-3)}.ob-code-head .grow{flex:1}.ob-code-head .file{color:var(--ob-fg-2)}.ob-coll-row{border-bottom:1px solid var(--ob-border)}.ob-coll-row:last-child{border-bottom:none}.ob-coll-head{display:flex;align-items:center;gap:12px;padding:0 14px;height:36px;cursor:pointer;font-size:12.5px}.ob-coll-head:hover{background:var(--ob-hover)}.ob-coll-head .chev{color:var(--ob-fg-4);font-family:var(--ob-mono);font-size:10px;width:12px}.ob-coll-head .name{color:var(--ob-fg);font-family:var(--ob-mono);font-size:12px}.ob-coll-head .kind{color:var(--ob-fg-3);font-family:var(--ob-mono);font-size:11px}.ob-coll-head .grow{flex:1}.ob-coll-head .dur{color:var(--ob-fg-3);font-family:var(--ob-mono);font-size:11.5px;font-variant-numeric:tabular-nums}.ob-coll-body{padding:0 14px 12px 40px}.ob-stub{padding:80px 40px;text-align:center;border:1px dashed var(--ob-border-strong);border-radius:8px;background:var(--ob-panel-2)}.ob-stub h2{font-family:var(--ob-mono);font-weight:500;font-size:16px;color:var(--ob-fg);margin:0 0 8px}.ob-stub p{color:var(--ob-fg-3);font-size:13px;margin:0 0 18px;max-width:460px;margin-inline:auto}.tick-ok{color:var(--ob-green);font-family:var(--ob-mono)}.tick-fail{color:var(--ob-red);font-family:var(--ob-mono)}.tick-miss{color:var(--ob-fg-4);font-family:var(--ob-mono)}.ob-meta-row{display:flex;gap:24px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--ob-border)}.ob-meta-row .item{display:flex;flex-direction:column;gap:2px}.ob-meta-row .item .k{font-size:10.5px;color:var(--ob-fg-3);text-transform:uppercase;letter-spacing:.08em}.ob-meta-row .item .v{font-family:var(--ob-mono);color:var(--ob-fg);font-size:12.5px}.ob-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ob-input{font-family:var(--ob-mono);font-size:12px;background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:4px;padding:5px 9px;color:var(--ob-fg);height:28px;outline:none}.ob-input::placeholder{color:var(--ob-fg-4)}.ob-chip{font-family:var(--ob-mono);font-size:11.5px;height:24px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ob-border-strong);background:var(--ob-panel);color:var(--ob-fg-2);border-radius:4px;cursor:pointer}.ob-chip.active{background:var(--ob-hover);color:var(--ob-fg);border-color:var(--ob-fg-3)}.ob-chip .x{color:var(--ob-fg-4)}.ob-legend{display:flex;gap:14px;font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-3)}.ob-legend .item{display:flex;align-items:center;gap:6px}.ob-legend .sw{width:10px;height:10px;border-radius:2px;border:1px solid}.ob-bar{height:4px;background:var(--ob-border);border-radius:2px;overflow:hidden;display:flex}.ob-bar .seg-ok{background:var(--ob-green)}.ob-bar .seg-fail{background:var(--ob-red)}.ob-bar .seg-pending{background:var(--ob-amber)}.ob-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ob-border);border:1px solid var(--ob-border);border-radius:6px;overflow:hidden}.ob-stat-row .cell{background:var(--ob-panel);padding:14px 16px}.ob-stat-row .cell .lbl{color:var(--ob-fg-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.ob-stat-row .cell .val{font-family:var(--ob-mono);font-size:22px;color:var(--ob-fg);letter-spacing:-.01em}.ob-stat-row .cell .delta{font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-3);margin-left:6px}.ob-two-col{display:grid;grid-template-columns:1fr 320px;gap:20px}.ob-section h3{font-family:var(--ob-sans);font-weight:500;font-size:13px;margin:0;color:var(--ob-fg)}.ob-callout{padding:8px 12px;background:var(--ob-amber-bg);border:1px solid var(--ob-amber-bd);border-radius:5px;color:var(--ob-amber);font-family:var(--ob-mono);font-size:11.5px;display:flex;align-items:center;gap:8px}:root[data-theme=light]{color-scheme:light;--ob-bg: #f6f7f9;--ob-bg-2: #eef1f4;--ob-panel: #ffffff;--ob-panel-2: #f4f6f8;--ob-hover: #e9edf1;--ob-border: #e3e6ea;--ob-border-strong: #d3d8de;--ob-fg: #131619;--ob-fg-2: #3a4047;--ob-fg-3: #5f6873;--ob-fg-4: #888f98;--ob-green: #0c7c46;--ob-green-bg: rgba(12,124,70,.1);--ob-green-bd: rgba(12,124,70,.28);--ob-red: #c83434;--ob-red-bg: rgba(200,52,52,.1);--ob-red-bd: rgba(200,52,52,.3);--ob-amber: #975f00;--ob-amber-bg: rgba(151,95,0,.12);--ob-amber-bd: rgba(151,95,0,.3);--ob-blue: #1d4ed8;--ob-blue-bg: rgba(29,78,216,.1);--ob-blue-bd: rgba(29,78,216,.28);--ob-violet: #7f4edb;--ob-violet-bg: rgba(127,78,219,.1);--ob-violet-bd: rgba(127,78,219,.3);--ob-syn-key: #1d6fb8;--ob-syn-str: #2f7d3a;--ob-syn-num: #b45309;--ob-primary-bg: #1d4ed8;--ob-primary-bd: #1a44bf;--ob-primary-fg: #ffffff;--ob-blue-bg-soft: rgba(29,78,216,.07);--ob-red-bg-hover: rgba(200,52,52,.14);--ob-shadow-pop: 0 8px 24px rgba(15,17,20,.12);--ob-shadow-modal: 0 20px 60px rgba(15,17,20,.18);--ob-shadow-card: 0 16px 40px rgba(15,17,20,.12);--ob-scrim: rgba(20,24,30,.45)}.payload-tree-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--ob-border);background:var(--ob-panel-2);font-size:12px}.payload-tree{font-family:var(--ob-mono);font-size:12px;color:var(--ob-fg-2);max-height:380px;overflow:hidden}.payload-tree .row{display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;border-bottom:1px solid transparent}.payload-tree .row:hover{background:var(--ob-hover)}.payload-tree .row.selected{background:var(--ob-blue-bg);border-left:2px solid var(--ob-blue);padding-left:10px}.payload-tree .row.selected .name{color:var(--ob-fg)}.payload-tree .row .indent{color:var(--ob-fg-4);white-space:pre}.payload-tree .row .icon{color:var(--ob-fg-3);width:12px;text-align:center}.payload-tree .row .name{color:var(--ob-fg)}.payload-tree .row .ext{font-family:var(--ob-mono);font-size:10px;padding:1px 5px;border-radius:2px;background:var(--ob-bg-2);color:var(--ob-fg-4);border:1px solid var(--ob-border);margin-left:4px}.payload-tree .row .grow{flex:1}.payload-tree .row .size{color:var(--ob-fg-4);font-size:11px}.payload-preview-head{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--ob-border);background:var(--ob-panel-2);font-family:var(--ob-mono);font-size:11.5px}.payload-preview-head .kind-pill{font-family:var(--ob-mono);font-size:10px;padding:2px 7px;border-radius:3px;background:var(--ob-bg);color:var(--ob-fg-3);border:1px solid var(--ob-border);text-transform:lowercase}.payload-preview-body{min-height:280px;max-height:420px;overflow:hidden;background:var(--ob-bg)}.payload-preview-foot{padding:6px 12px;border-top:1px solid var(--ob-border);background:var(--ob-panel-2);font-family:var(--ob-mono);font-size:10.5px;color:var(--ob-fg-3);display:flex;gap:8px;align-items:center}.preview-code{display:grid;grid-template-columns:40px 1fr;font-family:var(--ob-mono);font-size:12px;line-height:18px;padding:8px 0}.preview-code .g{text-align:right;padding:0 10px;color:var(--ob-fg-4);font-size:11px;border-right:1px solid var(--ob-border);white-space:pre}.preview-code .c{padding:0 14px;white-space:pre}.preview-binary{padding:60px 40px;text-align:center;color:var(--ob-fg-3)}.preview-binary .glyph{width:36px;height:36px;border:1.5px solid var(--ob-fg-4);border-radius:4px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:var(--ob-fg-4);font-family:var(--ob-mono);font-size:13px}.preview-binary h4{font-family:var(--ob-mono);font-size:13px;font-weight:500;color:var(--ob-fg-2);margin:0 0 6px}.preview-binary p{margin:0 0 12px;font-size:12px}.preview-md{padding:18px 22px;color:var(--ob-fg-2);font-size:13px;line-height:1.6;max-height:380px;overflow:hidden}.preview-md h1{font-size:18px;margin:0 0 12px;color:var(--ob-fg);font-weight:600}.preview-md h2{font-size:14px;margin:16px 0 8px;color:var(--ob-fg);font-weight:600}.preview-md p{margin:0 0 10px}.preview-md code{font-family:var(--ob-mono);font-size:11.5px;background:var(--ob-bg-2);padding:1px 5px;border-radius:3px;color:var(--ob-fg)}.preview-md ul{margin:0 0 10px;padding-left:20px}.preview-md li{margin:0 0 4px}.replace-payload{border:1px solid var(--ob-border);border-radius:6px;background:var(--ob-panel);overflow:hidden}.replace-payload-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--ob-border);background:var(--ob-panel-2)}.replace-payload-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;padding:12px}.cli-card{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:5px;overflow:hidden;font-family:var(--ob-mono)}.cli-card-head{padding:6px 12px;background:var(--ob-bg-2);border-bottom:1px solid var(--ob-border);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-4);display:flex;align-items:center;gap:8px}.cli-card-body{padding:10px 12px;font-size:11.5px;color:var(--ob-fg-2);line-height:1.65}.cli-card-body .c-cmt{color:var(--ob-fg-4)}.cli-card-body .c-val{color:var(--ob-fg)}.parsed-preview{display:flex;flex-direction:column;gap:12px}.pp-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--ob-border);padding:10px 14px}.pp-row:last-child{border-bottom:none}.pp-row .k{font-family:var(--ob-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ob-fg-3);padding-top:3px}.pp-row .v{font-size:12.5px;color:var(--ob-fg)}.pp-row .v .ob-tag{margin-right:4px}.pp-svc-list{display:flex;flex-direction:column;gap:6px}.pp-svc{display:flex;gap:10px;align-items:center;padding:6px 10px;background:var(--ob-bg-2);border:1px solid var(--ob-border);border-radius:4px;font-family:var(--ob-mono);font-size:11.5px}.pp-svc .name{color:var(--ob-fg)}.pp-svc .img{color:var(--ob-fg-3)}.pp-svc .grow{flex:1}.pp-svc .check{color:var(--ob-green)}.pp-check{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:8px 10px;background:var(--ob-bg-2);border:1px solid var(--ob-border);border-radius:4px;margin-bottom:6px}.pp-check:last-child{margin-bottom:0}.pp-check .num{font-family:var(--ob-mono);font-size:10px;color:var(--ob-fg-4);padding-top:2px}.pp-check .pp-check-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pp-check .pp-check-name{font-family:var(--ob-mono);font-size:12px;color:var(--ob-fg)}.pp-check .pp-check-body{font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-3);line-height:1.55}.pp-check .pp-check-body .v{color:var(--ob-fg-2)}.pp-collect{display:flex;flex-wrap:wrap;gap:6px}.pp-collect-pill{font-family:var(--ob-mono);font-size:11px;padding:3px 8px;border-radius:3px;background:var(--ob-bg-2);border:1px solid var(--ob-border);color:var(--ob-fg-2)}.verifier-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ob-bg-2);border-top:1px solid var(--ob-border);border-bottom:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-3)}.verifier-banner .ob-chip{height:22px}.verifier-banner .write-target{color:var(--ob-fg-2)}.verifier-banner .write-target .mono-line{color:var(--ob-blue)}.payload-pane{display:grid;grid-template-columns:4fr 6fr;gap:12px}.ob-app .field{display:flex;flex-direction:column;gap:6px}.ob-app .field-row{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start;padding:12px 14px;border-bottom:1px solid var(--ob-border)}.ob-app .field-row:last-child{border-bottom:none}.ob-app .field-row .label{font-size:12px;color:var(--ob-fg-2);padding-top:6px}.ob-app .field-row .label .req{color:var(--ob-red);margin-left:2px}.ob-app .field-row .label .hint{display:block;color:var(--ob-fg-4);font-size:11px;margin-top:2px;line-height:1.4;font-family:var(--ob-mono)}.ob-app .field-row .control .help{color:var(--ob-fg-3);font-size:11.5px;margin-top:5px;line-height:1.5}.ob-app .field-row .control .help .mono{color:var(--ob-fg-2)}.ob-app .ob-text{background:var(--ob-bg);border:1px solid var(--ob-border-strong);border-radius:4px;padding:6px 10px;font-family:var(--ob-mono);font-size:12.5px;color:var(--ob-fg);height:30px;outline:none;width:100%;box-sizing:border-box}.ob-app .ob-text.invalid{border-color:var(--ob-red-bd);background:var(--ob-red-bg)}.ob-app .ob-text:focus{border-color:var(--ob-blue)}.ob-app .ob-text.sans{font-family:var(--ob-sans);font-size:13px}.ob-app textarea.ob-text{height:auto;min-height:60px;resize:vertical;line-height:1.5;padding:8px 10px}.ob-app .ob-select{background:var(--ob-bg);border:1px solid var(--ob-border-strong);border-radius:4px;padding:0 28px 0 10px;font-family:var(--ob-mono);font-size:12.5px;color:var(--ob-fg);height:30px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ob-fg-3) 50%),linear-gradient(135deg,var(--ob-fg-3) 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-size:5px 5px;background-repeat:no-repeat}.ob-app .ob-chips-input{display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:var(--ob-bg);border:1px solid var(--ob-border-strong);border-radius:4px;padding:5px 8px;min-height:30px}.ob-app .ob-chips-input .ob-tag{background:var(--ob-hover);color:var(--ob-fg);border-color:var(--ob-border-strong);padding-right:4px;gap:4px;display:inline-flex;align-items:center}.ob-app .ob-chips-input .ob-tag .x{color:var(--ob-fg-4);cursor:pointer;padding:0 2px}.ob-app .ob-chips-input input{background:transparent;border:0;outline:0;color:var(--ob-fg);font-family:var(--ob-mono);font-size:11.5px;min-width:80px;flex:1}.ob-app .ob-chips-input input::placeholder{color:var(--ob-fg-4)}.ob-app .ob-kv-rows{display:flex;flex-direction:column;gap:6px}.ob-app .ob-kv-row{display:grid;grid-template-columns:1fr 1fr 24px;gap:6px;align-items:center}.ob-app .ob-kv-row .x{color:var(--ob-fg-4);font-family:var(--ob-mono);cursor:pointer;text-align:center}.ob-app .ob-kv-row .x:hover{color:var(--ob-red)}.ob-editor{border:1px solid var(--ob-border);border-radius:6px;background:var(--ob-bg);overflow:hidden}.ob-editor-tabs{display:flex;align-items:stretch;background:var(--ob-panel-2);border-bottom:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:11.5px}.ob-editor-tab{padding:7px 14px;color:var(--ob-fg-3);border-right:1px solid var(--ob-border);display:flex;align-items:center;gap:8px;cursor:pointer}.ob-editor-tab.active{background:var(--ob-bg);color:var(--ob-fg)}.ob-editor-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ob-bg)}.ob-editor-tab .dot-modified{color:var(--ob-amber)}.ob-editor-toolbar{margin-left:auto;padding:4px 8px;display:flex;align-items:center;gap:4px;border-left:1px solid var(--ob-border)}.ob-editor-toolbar .ob-chip{height:22px;font-size:11px}.ob-editor-body{display:grid;grid-template-columns:40px 1fr;font-family:var(--ob-mono);font-size:12px;line-height:18px;min-height:220px}.ob-editor-gutter{background:var(--ob-bg-2);border-right:1px solid var(--ob-border);color:var(--ob-fg-4);text-align:right;padding:8px 8px 8px 0;font-size:11px;-webkit-user-select:none;user-select:none;white-space:pre}.ob-editor-content{padding:8px 14px;white-space:pre;overflow:hidden;color:var(--ob-fg-2);position:relative}.ob-editor-content .k{color:var(--ob-syn-key)}.ob-editor-content .s{color:var(--ob-syn-str)}.ob-editor-content .n{color:var(--ob-syn-num)}.ob-editor-content .c{color:var(--ob-fg-4);font-style:italic}.ob-editor-content .b{color:var(--ob-violet)}.ob-editor-content .err-squiggle{background-image:linear-gradient(135deg,transparent 0%,transparent 45%,var(--ob-red) 45%,var(--ob-red) 55%,transparent 55%);background-size:4px 4px;background-repeat:repeat-x;background-position:bottom;padding-bottom:2px}.ob-editor-content .h-cursor{position:relative}.ob-editor-content .h-cursor:after{content:"";position:absolute;right:-1px;top:-1px;width:1.5px;height:18px;background:var(--ob-fg);animation:ob-blink 1.1s steps(2) infinite}@keyframes ob-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ob-editor-statusbar{display:flex;align-items:center;gap:14px;padding:5px 12px;background:var(--ob-panel-2);border-top:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:10.5px;color:var(--ob-fg-4)}.ob-editor-statusbar .err-pill{color:var(--ob-red);display:inline-flex;align-items:center;gap:5px}.ob-editor-statusbar .ok-pill{color:var(--ob-green);display:inline-flex;align-items:center;gap:5px}.ob-editor-statusbar .grow{flex:1}.ob-md-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ob-border);border-radius:6px;overflow:hidden;background:var(--ob-bg)}.ob-md-split>div{min-height:280px}.ob-md-split .ob-editor-body{border-right:1px solid var(--ob-border)}.ob-md-preview{padding:14px 18px;background:var(--ob-panel);color:var(--ob-fg-2);font-size:13px;line-height:1.6;overflow:hidden}.ob-md-preview h1{font-size:18px;margin:0 0 12px;color:var(--ob-fg);font-weight:600}.ob-md-preview h2{font-size:14px;margin:16px 0 8px;color:var(--ob-fg);font-weight:600}.ob-md-preview p{margin:0 0 10px}.ob-md-preview code{font-family:var(--ob-mono);font-size:11.5px;background:var(--ob-bg);padding:1px 5px;border-radius:3px;color:var(--ob-fg)}.ob-md-preview ul{margin:0 0 10px;padding-left:20px}.ob-md-preview li{margin:0 0 4px}.ob-md-preview .preview-tag{font-family:var(--ob-mono);font-size:10px;color:var(--ob-fg-4);padding:3px 8px;background:var(--ob-bg-2);border-bottom:1px solid var(--ob-border);margin:-14px -18px 14px}.ob-dropzone{border:1.5px dashed var(--ob-border-strong);border-radius:6px;padding:36px 24px;text-align:center;background:var(--ob-bg);color:var(--ob-fg-3);font-size:12.5px}.ob-dropzone.active{border-color:var(--ob-blue);background:var(--ob-blue-bg-soft)}.ob-dropzone .glyph{width:36px;height:28px;margin:0 auto 10px;border:1.5px solid var(--ob-fg-3);border-radius:3px;position:relative}.ob-dropzone .glyph:before{content:"";position:absolute;top:-6px;left:0;width:12px;height:6px;background:var(--ob-bg);border:1.5px solid var(--ob-fg-3);border-bottom:none;border-radius:3px 3px 0 0}.ob-dropzone .glyph:after{content:"↓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ob-fg-3);font-size:14px;padding-top:2px}.ob-dropzone h4{font-family:var(--ob-mono);font-size:13px;color:var(--ob-fg);margin:0 0 6px;font-weight:500}.ob-dropzone .or{color:var(--ob-fg-4);font-size:11px;margin:10px 0 6px}.ob-dropzone .cli{display:inline-flex;align-items:center;gap:8px;background:var(--ob-bg-2);border:1px solid var(--ob-border);border-radius:4px;padding:5px 9px 5px 11px;font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-2)}.ob-dropzone .cli .copy{color:var(--ob-fg-4);padding-left:8px;border-left:1px solid var(--ob-border);margin-left:4px;cursor:pointer}.ob-dropzone .cli .copy:hover{color:var(--ob-fg)}.ob-dropzone .ceiling{color:var(--ob-fg-4);font-size:11px;margin-top:14px;font-family:var(--ob-mono)}.ob-tree{font-family:var(--ob-mono);font-size:12px;color:var(--ob-fg-2)}.ob-tree .row{display:flex;align-items:center;gap:8px;padding:4px 14px;border-bottom:1px solid var(--ob-border)}.ob-tree .row:last-child{border-bottom:none}.ob-tree .row:hover{background:var(--ob-hover)}.ob-tree .row .indent{color:var(--ob-fg-4);white-space:pre}.ob-tree .row .icon{color:var(--ob-fg-3);width:12px;text-align:center}.ob-tree .row .name{color:var(--ob-fg)}.ob-tree .row .grow{flex:1}.ob-tree .row .size{color:var(--ob-fg-4);font-size:11px}.ob-check-card{border:1px solid var(--ob-border);border-radius:6px;background:var(--ob-panel);margin-bottom:10px}.ob-check-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ob-border);background:var(--ob-panel-2)}.ob-check-head .handle{color:var(--ob-fg-4);cursor:grab;font-family:var(--ob-mono)}.ob-check-head .type-pill{font-family:var(--ob-mono);font-size:11px;padding:2px 8px;border-radius:3px;background:var(--ob-bg);border:1px solid var(--ob-border-strong);color:var(--ob-fg)}.ob-check-head .type-pill.http{color:var(--ob-blue);border-color:var(--ob-blue-bd);background:var(--ob-blue-bg)}.ob-check-head .type-pill.command{color:var(--ob-green);border-color:var(--ob-green-bd);background:var(--ob-green-bg)}.ob-check-head .type-pill.log{color:var(--ob-amber);border-color:var(--ob-amber-bd);background:var(--ob-amber-bg)}.ob-check-head .type-pill.compose{color:var(--ob-violet);border-color:var(--ob-violet-bd);background:var(--ob-violet-bg)}.ob-check-head .name-input{background:transparent;border:0;color:var(--ob-fg);font-family:var(--ob-mono);font-size:12.5px;outline:none;flex:1}.ob-check-head .name-input:focus{color:var(--ob-fg)}.ob-check-head .x{color:var(--ob-fg-4);cursor:pointer;padding:4px}.ob-check-head .x:hover{color:var(--ob-red)}.ob-check-body{display:grid;grid-template-columns:130px 1fr;font-size:12.5px}.ob-check-body>div{padding:7px 12px;border-bottom:1px solid var(--ob-border)}.ob-check-body>div:nth-last-child(-n+2){border-bottom:none}.ob-check-body .k{color:var(--ob-fg-3);font-size:11.5px;font-family:var(--ob-mono);display:flex;align-items:center}.ob-check-body .v{font-family:var(--ob-mono);color:var(--ob-fg)}.ob-check-body .v.code-snip{color:var(--ob-fg);background:var(--ob-bg);padding:4px 7px;border-radius:3px;border:1px solid var(--ob-border);display:inline-block}.ob-type-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;padding:4px;background:var(--ob-panel-2);border:1px dashed var(--ob-border-strong);border-radius:6px}.ob-type-picker .opt{padding:14px 10px;background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:var(--ob-mono);font-size:12px}.ob-type-picker .opt:hover{border-color:var(--ob-fg-3);background:var(--ob-hover)}.ob-type-picker .opt .t-name{color:var(--ob-fg);font-weight:500}.ob-type-picker .opt .t-desc{color:var(--ob-fg-3);font-size:11px;font-family:var(--ob-sans);line-height:1.4}.ob-search-pop{position:absolute;top:36px;left:0;right:0;background:var(--ob-panel);border:1px solid var(--ob-border-strong);border-radius:5px;box-shadow:var(--ob-shadow-pop);z-index:5;font-size:12.5px;max-height:240px;overflow:hidden}.ob-search-pop .row{display:flex;align-items:center;gap:10px;padding:7px 12px;cursor:pointer;border-bottom:1px solid var(--ob-border)}.ob-search-pop .row:hover,.ob-search-pop .row.focus{background:var(--ob-hover)}.ob-search-pop .row .id{font-family:var(--ob-mono);color:var(--ob-fg)}.ob-search-pop .row .ver{font-family:var(--ob-mono);color:var(--ob-fg-3);font-size:11.5px}.ob-search-pop .row .grow{flex:1}.ob-search-pop .row .add{color:var(--ob-blue);font-family:var(--ob-mono);font-size:11px}.ob-case-row{display:grid;grid-template-columns:18px 2fr 70px 100px 110px 70px 24px;gap:8px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--ob-border);font-size:12px}.ob-case-row:last-child{border-bottom:none}.ob-case-row .handle{color:var(--ob-fg-4);cursor:grab;text-align:center;font-family:var(--ob-mono)}.ob-case-row .id{font-family:var(--ob-mono);color:var(--ob-fg)}.ob-case-row .ver{font-family:var(--ob-mono);color:var(--ob-fg-3);font-size:11.5px}.ob-case-row .x{color:var(--ob-fg-4);cursor:pointer;text-align:center}.ob-case-row .x:hover{color:var(--ob-red)}.ob-case-row .num{font-family:var(--ob-mono)}.ob-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ob-scrim);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.ob-modal{background:var(--ob-panel);border:1px solid var(--ob-border-strong);border-radius:8px;box-shadow:var(--ob-shadow-modal);width:520px;max-width:calc(100% - 48px);display:flex;flex-direction:column}.ob-modal.wide{width:640px}.ob-modal-head{padding:14px 18px 12px;border-bottom:1px solid var(--ob-border);display:flex;align-items:center;gap:10px}.ob-modal-head h3{font-family:var(--ob-mono);font-size:14px;font-weight:500;color:var(--ob-fg);margin:0;letter-spacing:-.005em}.ob-modal-head .x{margin-left:auto;color:var(--ob-fg-4);font-family:var(--ob-mono);cursor:pointer}.ob-modal-body{padding:16px 18px;font-size:12.5px;color:var(--ob-fg-2);line-height:1.55}.ob-modal-body .field-row{padding:10px 0;border-color:var(--ob-border);grid-template-columns:130px 1fr}.ob-modal-body .field-row:first-child{padding-top:0}.ob-modal-body .field-row:last-child{border-bottom:none;padding-bottom:0}.ob-modal-foot{padding:12px 18px;border-top:1px solid var(--ob-border);display:flex;align-items:center;gap:8px}.ob-modal-foot .grow{flex:1}.ob-btn.danger{background:var(--ob-red-bg);border-color:var(--ob-red-bd);color:var(--ob-red)}.ob-btn.danger:hover{background:var(--ob-red-bg-hover)}.ob-btn.lg{height:32px;padding:0 14px;font-size:13px}.ob-modal .summary{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:5px;padding:10px 12px;font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-2);display:grid;grid-template-columns:90px 1fr;gap:4px 14px;line-height:1.5}.ob-modal .summary .k{color:var(--ob-fg-3)}.ob-modal .summary .v{color:var(--ob-fg)}.ob-modal .summary .v.draft{color:var(--ob-amber)}.ob-modal .summary .v.green{color:var(--ob-green)}.ob-validation{border:1px solid var(--ob-red-bd);background:var(--ob-red-bg);border-radius:5px;padding:10px 12px;margin-bottom:14px}.ob-validation .head{color:var(--ob-red);font-family:var(--ob-mono);font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.ob-validation ul{margin:0;padding:0;list-style:none}.ob-validation li{font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-2);padding:4px 0 4px 14px;border-top:1px solid var(--ob-red-bd);position:relative}.ob-validation li:before{content:"·";position:absolute;left:4px;color:var(--ob-red)}.ob-validation li .loc{color:var(--ob-fg-4)}.ob-validation li a{color:var(--ob-red);text-decoration:underline;text-underline-offset:2px}.ob-success{border:1px solid var(--ob-green-bd);background:var(--ob-green-bg);border-radius:5px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-green)}.ob-save{display:inline-flex;align-items:center;gap:6px;font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-3)}.ob-save .dot{width:6px;height:6px;border-radius:50%;background:var(--ob-green)}.ob-save.saving .dot{background:var(--ob-amber);animation:ob-pulse 1s ease-in-out infinite}.ob-save.err .dot{background:var(--ob-red)}.ob-save.err{color:var(--ob-red)}@keyframes ob-pulse{0%,to{opacity:1}50%{opacity:.3}}.ob-draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:22px;align-items:start}.ob-side-card{background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:6px;margin-bottom:12px}.ob-side-card .head{padding:10px 12px;border-bottom:1px solid var(--ob-border);display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-3)}.ob-side-card .body{padding:12px;display:flex;flex-direction:column;gap:8px}.ob-side-card .body .lead{font-size:12.5px;color:var(--ob-fg-2);line-height:1.5}.ob-side-card .ob-btn{justify-content:center;width:100%;height:30px;font-size:12.5px}.ob-fork-strip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ob-bg-2);border:1px solid var(--ob-border);border-radius:6px;font-family:var(--ob-mono);font-size:12px;margin-bottom:18px}.ob-fork-strip .arr{color:var(--ob-fg-4)}.ob-fork-strip .next{color:var(--ob-amber)}.ob-fork-strip .ob-text{width:64px;height:24px;padding:0 6px;font-size:12px;text-align:center}.ob-spin{display:inline-block;width:12px;height:12px;border:1.5px solid var(--ob-border-strong);border-top-color:var(--ob-amber);border-radius:50%;animation:ob-spin .9s linear infinite}.ob-spin.lg{width:18px;height:18px;border-width:2px}.ob-spin.blue{border-top-color:var(--ob-blue)}.ob-spin.fg{border-top-color:var(--ob-fg)}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--ob-mono);font-size:11px;color:var(--ob-amber)}.ob-live .dot{width:7px;height:7px;border-radius:50%;background:var(--ob-amber);box-shadow:0 0 0 0 var(--ob-amber);animation:ob-live-pulse 1.6s ease-out infinite}@keyframes ob-live-pulse{0%{box-shadow:0 0 #f4c06580}to{box-shadow:0 0 0 8px #f4c06500}}.ob-login-stage{width:100%;height:100%;background:var(--ob-bg);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.ob-login-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--ob-border) 1px,transparent 1px),linear-gradient(90deg,var(--ob-border) 1px,transparent 1px);background-size:80px 80px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%)}.ob-login-card{width:380px;background:var(--ob-panel);border:1px solid var(--ob-border-strong);border-radius:8px;padding:28px 32px 26px;position:relative;z-index:1;box-shadow:var(--ob-shadow-card)}.ob-login-card .brand{display:flex;align-items:center;gap:9px;font-family:var(--ob-mono);font-size:14px;color:var(--ob-fg);margin-bottom:22px}.ob-login-card h2{font-family:var(--ob-sans);font-size:17px;font-weight:500;margin:0 0 4px;color:var(--ob-fg)}.ob-login-card .sub{color:var(--ob-fg-3);font-size:12.5px;margin-bottom:22px;line-height:1.5}.ob-login-card .field{gap:5px;margin-bottom:12px}.ob-login-card .field label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-3)}.ob-login-card .field .row-with-link{display:flex;align-items:baseline}.ob-login-card .field .row-with-link .grow{flex:1}.ob-login-card .field .row-with-link a{font-size:11px;color:var(--ob-fg-4)}.ob-login-card .ob-text{height:34px}.ob-login-card .submit{margin-top:18px}.ob-login-card .submit .ob-btn{width:100%;justify-content:center;height:34px;font-size:13px}.ob-login-card .err{background:var(--ob-red-bg);border:1px solid var(--ob-red-bd);color:var(--ob-red);border-radius:4px;padding:7px 10px;font-family:var(--ob-mono);font-size:11.5px;margin-bottom:14px}.ob-login-card .foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--ob-border);font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-4);line-height:1.6}.ob-login-card .foot code{background:var(--ob-bg);padding:1px 5px;border-radius:3px;border:1px solid var(--ob-border);color:var(--ob-fg-2)}.ob-poll-strip{display:flex;align-items:center;gap:12px;padding:9px 14px;background:var(--ob-amber-bg);border:1px solid var(--ob-amber-bd);border-radius:6px;font-family:var(--ob-mono);font-size:12px;color:var(--ob-amber);margin-bottom:20px}.ob-poll-strip .grow{flex:1}.ob-skel{background:linear-gradient(90deg,var(--ob-panel) 0%,var(--ob-hover) 40%,var(--ob-panel) 80%);background-size:200% 100%;border-radius:3px;animation:ob-skel 1.6s ease-in-out infinite}@keyframes ob-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.ob-from-draft{display:inline-flex;align-items:center;gap:5px;font-family:var(--ob-mono);font-size:10.5px;padding:0 6px;height:16px;border-radius:3px;background:var(--ob-violet-bg);border:1px solid var(--ob-violet-bd);color:var(--ob-violet);margin-left:6px}.ob-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 720px){.ob-template-grid{grid-template-columns:1fr}}.ob-template-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--ob-panel);border:1px solid var(--ob-border-strong);border-radius:6px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .1s,background .1s}.ob-template-card:hover{border-color:var(--ob-fg-3);background:var(--ob-hover)}.ob-template-card.selected{border-color:var(--ob-blue);background:var(--ob-blue-bg-soft);box-shadow:inset 0 0 0 1px var(--ob-blue)}.ob-template-card-head{display:flex;align-items:center;gap:10px}.ob-template-glyph{width:24px;height:24px;border:1px solid var(--ob-fg-3);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-2);flex-shrink:0;position:relative;background:var(--ob-bg)}.ob-template-card.selected .ob-template-glyph{border-color:var(--ob-blue);color:var(--ob-blue)}.ob-template-glyph.llm:before,.ob-template-glyph.llm:after{content:"";position:absolute;left:4px;right:4px;height:1.5px;background:currentColor}.ob-template-glyph.llm:before{top:7px}.ob-template-glyph.llm:after{bottom:7px}.ob-template-glyph.llm>span{width:10px;height:1.5px;background:currentColor}.ob-template-glyph.script{font-weight:600;letter-spacing:-.04em}.ob-template-glyph.empty:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px dashed currentColor;border-radius:2px}.ob-template-name{font-family:var(--ob-mono);font-size:13px;color:var(--ob-fg);font-weight:500}.ob-template-badge{margin-left:auto;font-family:var(--ob-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ob-fg-4);padding:1px 5px;border:1px solid var(--ob-border);border-radius:2px}.ob-template-card.selected .ob-template-badge{color:var(--ob-blue);border-color:var(--ob-blue-bd);background:var(--ob-blue-bg)}.ob-template-desc{font-size:12px;color:var(--ob-fg-3);line-height:1.45;min-height:34px}.ob-template-preview{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:4px;padding:8px 10px;font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-3);line-height:1.55;display:flex;flex-direction:column;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-template-preview>span{display:block;overflow:hidden;text-overflow:ellipsis}.ob-view-tabs{display:inline-flex;background:var(--ob-panel-2);border:1px solid var(--ob-border);border-radius:5px;padding:2px;gap:0}.ob-view-tabs>button{font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-3);background:transparent;border:none;border-radius:3px;padding:4px 14px;height:24px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ob-view-tabs>button:hover{color:var(--ob-fg)}.ob-view-tabs>button.active{background:var(--ob-bg);color:var(--ob-fg);box-shadow:inset 0 -1.5px 0 var(--ob-blue)}.ob-view-tabs>button[disabled]{color:var(--ob-fg-4);cursor:not-allowed}.ob-view-tabs .dot-err{color:var(--ob-red);font-size:8px}.ob-coll-card{background:var(--ob-panel);border:1px solid var(--ob-border);border-radius:6px;margin-bottom:12px;overflow:hidden}.ob-coll-card-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ob-panel-2);border-bottom:1px solid var(--ob-border);cursor:pointer;-webkit-user-select:none;user-select:none}.ob-coll-card-head .chev{font-family:var(--ob-mono);font-size:10px;color:var(--ob-fg-4);width:12px;transition:transform .1s}.ob-coll-card-head.collapsed .chev{transform:rotate(-90deg)}.ob-coll-card-head .label{font-family:var(--ob-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-2)}.ob-coll-card-head.collapsed .label{color:var(--ob-fg-3)}.ob-coll-card-head .summary{font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-4)}.ob-coll-card-head .req{color:var(--ob-red);font-family:var(--ob-mono)}.ob-coll-card-head .actions{margin-left:auto;display:flex;gap:6px}.ob-coll-card-body{padding:0}.ob-coll-card.disabled .ob-coll-card-body{display:none}.ob-coll-card-body .field-row{padding:10px 14px}.ob-coll-stub{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--ob-panel);border:1px dashed var(--ob-border-strong);border-radius:6px;margin-bottom:12px;color:var(--ob-fg-3);font-size:12px}.ob-coll-stub .grow{flex:1}.ob-coll-stub strong{color:var(--ob-fg);font-family:var(--ob-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ob-mode-toggle{display:inline-flex;background:var(--ob-bg);border:1px solid var(--ob-border-strong);border-radius:3px;padding:1px}.ob-mode-toggle>button{font-family:var(--ob-mono);font-size:10.5px;color:var(--ob-fg-3);background:transparent;border:0;border-radius:2px;padding:2px 8px;height:20px;cursor:pointer}.ob-mode-toggle>button.active{background:var(--ob-panel-2);color:var(--ob-fg)}.ob-cmd-list{display:flex;flex-direction:column;gap:6px}.ob-cmd-row{display:grid;grid-template-columns:16px 18px 1fr 22px;gap:6px;align-items:start}.ob-cmd-row .idx{font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-4);padding-top:8px;text-align:right}.ob-cmd-row .handle{font-family:var(--ob-mono);color:var(--ob-fg-4);cursor:grab;padding-top:6px;text-align:center}.ob-cmd-row .x{color:var(--ob-fg-4);font-family:var(--ob-mono);cursor:pointer;text-align:center;padding-top:6px}.ob-cmd-row .x:hover{color:var(--ob-red)}.ob-cmd-row textarea.ob-text{font-family:var(--ob-mono);font-size:11.5px;min-height:30px;resize:vertical;line-height:1.5}.ob-token-pop-wrap{position:relative;display:inline-block}.ob-token-pop-trigger{font-family:var(--ob-mono);font-size:10.5px;height:22px;padding:0 8px;border:1px solid var(--ob-border-strong);background:var(--ob-panel);color:var(--ob-fg-3);border-radius:3px;cursor:pointer}.ob-token-pop-trigger:hover{color:var(--ob-fg);background:var(--ob-hover)}.ob-token-pop{position:absolute;right:0;margin-top:4px;background:var(--ob-panel);border:1px solid var(--ob-border-strong);border-radius:5px;box-shadow:var(--ob-shadow-pop);padding:6px;z-index:20;display:flex;flex-direction:column;gap:3px;min-width:160px}.ob-token-pop>button{font-family:var(--ob-mono);font-size:11.5px;color:var(--ob-fg-2);background:transparent;border:0;text-align:left;padding:5px 8px;border-radius:3px;cursor:pointer}.ob-token-pop>button:hover{background:var(--ob-hover);color:var(--ob-fg)}.ob-lock-card{background:var(--ob-bg-2);border:1px dashed var(--ob-border-strong);border-radius:6px;padding:12px 14px;margin-bottom:12px}.ob-lock-card .head{font-family:var(--ob-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ob-fg-4);margin-bottom:6px}.ob-lock-card .ob-tag{margin:0 4px 4px 0}.ob-app .ob-kv-row.empty{opacity:.6}.ob-parse-error-stub{padding:40px 24px;background:var(--ob-red-bg);border:1px solid var(--ob-red-bd);border-radius:6px;color:var(--ob-fg-2);text-align:center;font-family:var(--ob-mono);font-size:12px;line-height:1.6}.ob-parse-error-stub h4{font-family:var(--ob-mono);font-size:13px;font-weight:500;color:var(--ob-red);margin:0 0 10px}.ob-parse-error-stub code{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:3px;padding:1px 5px;color:var(--ob-red);font-size:11.5px}.ob-template-glyph.llm>span,.ob-template-glyph.empty>span,.ob-template-glyph.script>span{display:none}.ob-md{color:var(--ob-fg);font-size:13px;line-height:1.6}.ob-md h1,.ob-md h2,.ob-md h3{color:var(--ob-fg);margin:.8em 0 .4em;line-height:1.3}.ob-md h1{font-size:1.4em}.ob-md h2{font-size:1.2em}.ob-md h3{font-size:1.05em}.ob-md p{margin:.5em 0}.ob-md ul,.ob-md ol{margin:.5em 0;padding-left:1.4em}.ob-md li{margin:.2em 0}.ob-md a{color:var(--ob-accent, var(--ob-fg));text-decoration:underline}.ob-md code{font-family:var(--ob-mono);font-size:.9em;background:var(--ob-bg-2);padding:1px 4px;border-radius:3px}.ob-md pre{background:var(--ob-bg-2);padding:10px 12px;border-radius:4px;overflow:auto}.ob-md pre code{background:none;padding:0}.ob-md blockquote{margin:.5em 0;padding-left:10px;border-left:3px solid var(--ob-border);color:var(--ob-fg-3)}.ob-md table{border-collapse:collapse;margin:.5em 0}.ob-md th,.ob-md td{border:1px solid var(--ob-border);padding:4px 8px}.cd-check{padding:10px 12px;border-bottom:1px solid var(--ob-border)}.cd-check:last-child{border-bottom:none}.cd-check-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cd-check-head .num{font-family:var(--ob-mono);font-size:11px;color:var(--ob-fg-4)}.cd-check-name{font-family:var(--ob-mono);font-size:12px;color:var(--ob-fg)}.cd-check-params{font-size:11.5px;color:var(--ob-fg-3);padding-left:22px}.cd-check-params>div{margin:1px 0;word-break:break-all}.ob-criteria{list-style:none;margin:8px 0 0;padding:0}.ob-criteria li{font-size:12.5px;color:var(--ob-fg-2);margin:3px 0}.ob-criteria li .ok{color:var(--ob-green);margin-right:4px}.ob-section>details>summary{list-style:none;cursor:pointer}.ob-section>details>summary::-webkit-details-marker{display:none}