:root{--bg:#f3f5f9;--fg:#132036;--muted:#58667e;--card:#fff;--line:#d8dee9;--accent:#2b55c9;--agent:#b7791f;--code:#2b55c9;--ok:#0f7a55;--bad:#c03a3a;--warn:#9a6700;--hover:#e9eefa;--chart-1:#0f7a55;--chart-2:#2b55c9;--chart-3:#b7791f;--chart-4:#9aa5b8;--chart-5:#c03a3a;--chart-6:#6b4fbb;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e5ebf4;--muted:#93a1b8;--card:#111b2d;--line:#233049;--accent:#8eafff;--agent:#f2b544;--code:#8db4ff;--ok:#3fd3a0;--bad:#ff7b7b;--warn:#f2b544;--hover:#18253c;--chart-1:#3fd3a0;--chart-2:#8db4ff;--chart-3:#f2b544;--chart-4:#5d6b84;--chart-5:#ff7b7b;--chart-6:#b9a3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:15px/1.55 var(--sans);margin:0}main{gap:20px;max-width:1120px;margin:0 auto;padding:28px 20px 64px;display:grid}h1{margin:0;font-size:clamp(26px,4vw,36px);line-height:1.1}h2{margin:0 0 10px;font-size:18px}p{margin:0}.lede{color:var(--muted);max-width:70ch}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font:12px var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px}.pill.on{color:var(--ok);border-color:currentColor}.pill.off{color:var(--warn);border-color:currentColor}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px 18px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.msg{border-left:4px solid var(--accent)}button{font:600 14px var(--sans);cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--card);border-radius:8px;padding:9px 16px}button.secondary{color:var(--fg);border-color:var(--line);background:0 0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scroll{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th{text-align:left;font:600 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px}td{border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}td.num{text-align:right;font-family:var(--mono)}.mono{font-family:var(--mono);font-size:13px}.muted{color:var(--muted)}.badge{font:600 11.5px var(--mono);white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.agent{color:var(--agent)}.code{color:var(--code)}.approval{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.approval:last-child{border-bottom:0}.small{font-size:13px}pre{background:var(--bg);border:1px solid var(--line);font:13px var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:8px 0 0;padding:10px 12px}.meter{background:var(--line);border-radius:6px;height:12px;display:flex;overflow:hidden}.meter.thin{min-width:120px;height:8px}.meter i{height:100%;display:block}.meter .paid{background:var(--ok)}.meter .committed{background:var(--code)}.meter .pending{background:var(--warn)}.studio-page{grid-template-rows:auto auto 1fr;height:100dvh;min-height:640px;display:grid}.studio-top{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.studio-top h1{font-size:22px}.studio-title{gap:2px;margin-right:auto;display:grid}.studio-back{color:var(--accent);font-weight:600;text-decoration:none}.studio-shell{grid-template-rows:auto 1fr;min-height:0;display:grid}.studio-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px 0;display:flex}.studio-tabs [role=tablist]{flex-wrap:wrap;gap:4px;display:flex}.studio-tab{color:var(--muted);background:0 0;border:1px solid #0000;border-bottom-width:2px;border-radius:8px 8px 0 0}.studio-tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.studio-tabs button.secondary{padding:6px 12px;font-size:13px}.studio-canvas{min-height:0}.studio-loading{padding:40px 20px}.hw{height:100%;min-height:0;font:14px/1.45 var(--sans);color:var(--fg);gap:10px;display:grid;overflow:auto}.hw-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hw-status{font-weight:600}.hw-status.ok,.hw-check.ok,.hw .ok{color:var(--ok)}.hw-status.bad,.hw-check.bad{color:var(--bad)}.hw .warn{color:var(--warn)}.hw-sub,.hw-legend,.hw-figure,.hw-meter-label{color:var(--muted);font-size:12.5px}.hw-actions{align-items:center;gap:10px;display:flex}.hw-btn{padding:6px 12px;font-size:13px}.hw-link{color:var(--accent);font-size:13px}.hw-check{font:600 12.5px var(--mono)}.hw-blocks{gap:14px;margin:0;padding:4px 0;list-style:none;display:flex;overflow-x:auto}.hw-blocks li{flex:none;position:relative}.hw-blocks li+li:before{content:"";border-top:2px solid var(--line);width:14px;position:absolute;top:50%;left:-14px}.hw-block{text-align:left;background:var(--card);min-width:92px;color:var(--fg);border:1px solid var(--line);border-left:4px solid var(--code);font:12px var(--mono);cursor:pointer;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.hw-block:disabled{cursor:default;opacity:1}.hw-block.agent{border-left-color:var(--agent)}.hw-block.person{border-left-color:var(--ok)}.hw-block.broken{border-color:var(--bad);color:var(--bad)}.hw-block.on{outline:2px solid var(--accent);outline-offset:1px}.hw-seq{font-weight:700}.hw-type{color:var(--muted)}.hw-hash{color:var(--muted);font-size:11px}.hw-legend i{vertical-align:-1px;background:var(--code);border-radius:2px;width:10px;height:10px;margin:0 4px 0 8px;display:inline-block}.hw-legend i.agent{background:var(--agent)}.hw-legend i.person{background:var(--ok)}.hw-payees{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hw-payee{text-align:left;background:var(--card);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;gap:4px;padding:10px 12px;font-weight:400;display:grid}.hw-payee.on{border-color:var(--accent)}.hw-name{font-weight:600}.hw-meter{background:var(--line);border-radius:5px;flex-direction:column;gap:3px;height:10px;display:flex;overflow:hidden}.hw-meter i{background:var(--ok);border-radius:5px;height:100%;display:block}.hw-meter i.hit{background:var(--warn)}.hw-meter.thin{height:6px}.hw-meter.thin i{background:var(--code);min-width:2px}.hw-k{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;font-size:12px;display:grid}.explainer{border-bottom:1px solid var(--line);background:var(--card);gap:6px;padding:10px 20px;display:grid}.explainer h2{margin:0;font-size:15px}.explainer button{padding:5px 12px;font-size:13px}.explainer ul{margin:4px 0 0;padding-left:18px}
