:root{--ink:#11140f;--paper:#eee7d7;--panel:#f7f0df;--muted:#8a8679;--line:#26291f;--line-soft:#d6cdbc;--acid:#d8ff3e;--blue:#77d7ff;--red:#ef4d37;--green:#55d679;--orange:#ff5b22;--mono:"Cascadia Mono","JetBrains Mono","SFMono-Regular",monospace;--display:"Bodoni 72","Bodoni MT","Didot",serif}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--mono);background:radial-gradient(circle at 12% -10%,rgba(216,255,62,.22),transparent 28rem),radial-gradient(circle at 88% 8%,rgba(119,215,255,.16),transparent 24rem),var(--ink)}a{color:inherit}button,input,textarea,select{font:inherit}.grid-glow{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.topbar{height:82px;padding:0 28px;color:var(--paper);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35382f}.wordmark{font-family:var(--display);font-size:32px;letter-spacing:-.07em;line-height:1}.wordmark b{font-family:var(--mono);color:var(--acid);padding:0 5px}.topbar p{margin:7px 0 0;color:#a9aa9f;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.top-actions{display:flex;gap:24px;align-items:center}.top-actions>a{font-size:9px;color:#aaa;text-transform:uppercase;letter-spacing:.14em;text-decoration:none}.top-actions>a:hover{color:var(--acid)}.signal{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.16em}.signal i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 18px var(--red)}.signal.online i{background:var(--acid);box-shadow:0 0 18px var(--acid)}
.shell{padding:18px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:6px 6px 0 #000}.panel-head{min-height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px}.panel-head>span{font-size:10px;background:var(--ink);color:var(--acid);padding:4px 7px}.panel-head h1,.panel-head h2{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.035em;margin:0}.panel-head .badge,.panel-head .ghost{margin-left:auto}.link-panel{display:grid;grid-template-columns:220px minmax(220px,1fr) minmax(260px,1.2fr) 130px minmax(180px,.9fr);align-items:end;margin-bottom:16px}.link-panel .panel-head{height:74px;border-bottom:0;border-right:1px solid var(--line)}label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;padding:10px 12px;color:#55584e}input,textarea,select{display:block;width:100%;margin-top:5px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--muted);padding:10px 2px 7px;outline:none}select{padding:8px 2px}input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 2px 0 var(--acid)}button{border:0;background:var(--ink);color:var(--paper);padding:11px 13px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}button:hover,button:focus-visible{color:var(--acid);outline:2px solid var(--acid);outline-offset:-2px}button:disabled{opacity:.35;cursor:not-allowed}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 10px}.ghost:hover{background:var(--acid);color:var(--ink)}.link-panel>button{margin:0 12px 12px}.link-panel output{font-size:10px;color:#5f6258;padding:0 14px 14px;line-height:1.4}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:16px}.metric{padding:14px;min-height:104px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;top:-32px;width:90px;height:90px;border:1px solid rgba(17,20,15,.18);transform:rotate(20deg)}.metric small{display:block;color:#666a5e;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.metric strong{display:block;font-family:var(--display);font-size:42px;line-height:1;margin-top:12px}.metric span{font-size:10px;color:#666a5e}.workspace{display:grid;grid-template-columns:minmax(230px,.86fr) minmax(470px,1.75fr) minmax(300px,1.05fr);grid-template-rows:minmax(560px,64vh) minmax(500px,48vh);gap:16px}.projects,.catalog{grid-row:1/3}.row-form{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line-soft)}.row-form input{margin:0}.projects nav{padding:8px;overflow:auto;max-height:calc(100% - 112px)}.project{width:100%;text-align:left;background:transparent;color:var(--ink);border-bottom:1px solid var(--line-soft);padding:14px 10px}.project:hover,.project.active{background:var(--acid);outline:0;color:var(--ink)}.project b{display:block;text-transform:none;font-size:12px;letter-spacing:0}.project small{display:block;color:#64685c;margin-top:6px}.empty,.hint,.muted{font-size:10px;color:#6c7065;line-height:1.6}.empty{padding:10px}.badge{border:1px solid var(--line);font-size:9px;padding:4px 8px}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.test-card{min-height:104px;background:#181b14;color:var(--paper);text-align:left;border:1px solid #000;box-shadow:4px 4px 0 #000;display:flex;flex-direction:column;justify-content:space-between}.test-card b{font-family:var(--display);font-size:20px;letter-spacing:-.03em;text-transform:none}.test-card span{font-weight:400;line-height:1.45;color:#bfc2b5;text-transform:none;letter-spacing:0}.test-card[data-state=pass]{background:#10351d}.test-card[data-state=fail]{background:#3c1711}.test-card[data-state=gate]{background:#3d3713}.lab-output{margin:0 14px 14px;border:1px solid var(--line);background:#151811;color:#dfe7cf}.lab-output-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #3a3e33}.lab-output-head .ghost{color:var(--paper);border-color:#596052}.run-log{height:206px;overflow:auto;margin:0;padding:12px 12px 12px 34px;font-size:11px;line-height:1.55}.run-log li{margin-bottom:8px}.run-log .pass{color:#91f7a8}.run-log .fail{color:#ff9b8d}.run-log .gate{color:#f1df72}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;background:transparent;color:var(--ink);border-right:1px solid var(--line)}.tabs button[aria-selected=true]{background:var(--acid)}#catalog-search{width:calc(100% - 24px);margin:9px 12px}.catalog-list{height:calc(100% - 132px);overflow:auto;padding:0 12px 12px}.catalog-item{padding:12px 0;border-bottom:1px solid var(--line-soft)}.catalog-item b{display:block;font-size:11px;overflow-wrap:anywhere}.catalog-item p{font-size:9px;line-height:1.5;color:#65695f;margin:6px 0}.tag{display:inline-block;font-size:8px;margin:2px 5px 2px 0;padding:3px 6px;border:1px solid var(--muted)}.tag.yes{background:var(--acid);border-color:var(--line)}.tag.no{background:#ded5c6;color:#77493f}.tag.service{background:var(--blue);border-color:var(--line);color:#10202a}.tag.contract{background:#e3d6cb;color:#6d4b41}.manual{min-width:0}.manual .hint{padding:12px 14px 0;margin:0}.file-picker{margin:12px;border:1px dashed var(--line);background:#ebe3d2;padding:14px;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker:focus-within,.file-picker:hover{background:var(--acid)}.file-picker span{display:block;margin-top:9px;font:16px var(--display);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.path-divider{display:flex;align-items:center;gap:8px;color:#777a70;font-size:8px;letter-spacing:.12em;padding:0 12px}.path-divider:before,.path-divider:after{content:"";height:1px;background:var(--line-soft);flex:1}.split{display:grid;grid-template-columns:1fr 150px}.check{display:flex;align-items:end;gap:8px;padding-bottom:18px}.check input{width:auto;margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px}.manual output{display:block;padding:0 14px 14px;font-size:10px;color:#5d6257;line-height:1.5}.transaction{grid-column:2}.mode-switch{display:flex;margin-left:auto}.mode-switch button{padding:7px 9px;background:transparent;color:var(--ink);border:1px solid var(--line);margin-left:-1px}.mode-switch button.active{background:var(--ink);color:var(--acid)}textarea{height:150px;resize:vertical;margin:0;padding:13px;background:#151811;color:#dfe7cf;border-bottom:1px solid #353a30}pre{height:165px;overflow:auto;margin:0;padding:14px;background:#151811;color:#dfe7cf;font:11px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word}
.control-grid{display:grid;grid-template-columns:minmax(570px,1.7fr) minmax(330px,.8fr);gap:16px;margin-top:16px}.agent-workbench,.usage-panel,.api-console,.realtime-logs{min-width:0}.agent-workbench .hint{margin:0;padding:13px 14px 0}.agent-config{display:grid;grid-template-columns:1.2fr 1fr .8fr}.agent-workbench>label{padding-top:5px}.agent-workbench textarea{height:112px;margin-top:7px}.agent-workbench pre{height:230px}.agent-workbench .approve{background:#123a20}.agent-workbench .danger{background:#481910}.usage-total{padding:20px 16px;border-bottom:1px solid var(--line)}.usage-total small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#686b60}.usage-total strong{display:block;font:44px/1 var(--display);margin:12px 0 4px}.usage-total span{font-size:9px;color:#686b60}.usage-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.usage-stats div{padding:14px;border-right:1px solid var(--line)}.usage-stats div:last-child{border:0}.usage-stats b,.usage-stats span{display:block}.usage-stats b{font-size:16px}.usage-stats span{font-size:8px;color:#6d7067;margin-top:6px}.provider-note{padding:16px;border-bottom:1px solid var(--line)}.provider-note>b{font:21px var(--display)}.provider-note p{font-size:9px;line-height:1.65;color:#5f6259}.provider-note code{background:#ded7c7;padding:2px 4px}.usage-records{height:176px;overflow:auto;padding:0 14px}.usage-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:9px}.usage-row b,.usage-row span{display:block}.usage-row span{color:#686c61;margin-top:4px}.usage-row strong{color:#1e6a34}.api-console{grid-column:1/3}.api-console .hint{padding:12px 14px 0;margin:0}.api-request-line{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:end;padding:12px}.api-request-line select,.api-request-line input{margin:0}.api-console textarea{height:130px}.api-console pre{height:230px}.realtime-logs{grid-column:1/3;background:#121510;color:#dce3d3}.realtime-logs .panel-head{border-color:#3c4037}.realtime-logs .panel-head>span{background:var(--acid);color:var(--ink)}.realtime-logs .panel-head .badge{border-color:#555b4e;margin-left:auto;color:#969d8d}.log-toolbar{display:grid;grid-template-columns:170px 1fr auto auto;align-items:end;padding:10px 12px;border-bottom:1px solid #34382f}.log-toolbar select,.log-toolbar input{color:#dce3d3;border-color:#565c4f;margin:0}.log-toolbar .ghost{color:#dce3d3;border-color:#565c4f}.log-columns,.system-log li{display:grid;grid-template-columns:95px 74px minmax(0,1fr) 85px;gap:12px}.log-columns{padding:8px 14px;color:#70786a;font-size:8px;letter-spacing:.13em;border-bottom:1px solid #34382f}.system-log{height:400px;overflow:auto;margin:0;padding:0;list-style:none}.system-log li{padding:9px 14px;border-bottom:1px solid #282c25;font-size:9px;line-height:1.45;align-items:start}.system-log time{color:#737b6d}.system-log .level{text-transform:uppercase;font-weight:700}.system-log .message{overflow-wrap:anywhere}.system-log .message b{display:block;color:#e8eddf}.system-log .message span{display:block;color:#858d7f;margin-top:3px;white-space:pre-wrap}.system-log .duration{color:#737b6d;text-align:right}.system-log li[data-level=success] .level{color:#82e99c}.system-log li[data-level=error] .level{color:#ff806c}.system-log li[data-level=warn] .level{color:#ecd972}.system-log li[data-level=info] .level{color:#73cdec}
@media(max-width:1180px){.link-panel{grid-template-columns:1fr 1fr}.link-panel .panel-head{grid-column:1/3;border-right:0;border-bottom:1px solid var(--line)}.metrics{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:260px 1fr;grid-template-rows:auto auto auto}.catalog{grid-row:3;grid-column:1/3}.projects{grid-row:1/3}.asset-tools,.transaction{grid-column:2}.catalog-list{height:360px}.control-grid{grid-template-columns:1fr}.api-console,.realtime-logs{grid-column:1}.agent-config{grid-template-columns:1fr 1fr}}@media(max-width:760px){.topbar{padding:0 16px}.topbar p,.top-actions>a{display:none}.link-panel,.metrics,.workspace,.test-grid,.split,.control-grid,.agent-config,.api-request-line{display:block}.panel{margin-bottom:14px}.projects nav,.catalog-list{max-height:none;height:320px}.test-card{margin-bottom:10px}.signal span{display:none}.api-request-line>*{margin-bottom:10px}.log-toolbar{grid-template-columns:1fr 1fr}.log-columns,.system-log li{grid-template-columns:66px 58px minmax(0,1fr)}.log-columns span:last-child,.system-log .duration{display:none}}
@media(prefers-reduced-motion:no-preference){.panel{animation:rise .32s both}.metrics .panel:nth-child(2){animation-delay:.04s}.metrics .panel:nth-child(3){animation-delay:.08s}.metrics .panel:nth-child(4){animation-delay:.12s}.metrics .panel:nth-child(5){animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* Sectioned control-room shell. Existing panels keep their IDs and actions;
   this layer presents one focused testing workspace at a time. */
.dashboard-nav{position:fixed;z-index:4;top:82px;bottom:0;width:248px;padding:20px 12px;background:#10130e;border-right:1px solid #3c4036;color:#e9e9dc;display:flex;flex-direction:column;gap:4px}.dashboard-nav button{padding:12px 11px;background:transparent;color:#c6cabd;border:1px solid transparent;text-align:left;display:grid;grid-template-columns:28px 1fr;column-gap:9px;row-gap:2px;box-shadow:none;letter-spacing:0}.dashboard-nav button span{grid-row:1/3;color:#788071;font-size:9px}.dashboard-nav button b{font:15px var(--display);letter-spacing:-.02em;text-transform:none}.dashboard-nav button small{font-size:8px;color:#7f8778;text-transform:uppercase;letter-spacing:.1em}.dashboard-nav button:hover{color:#fff;background:#1a1f16;outline:0}.dashboard-nav button[aria-current=page]{background:var(--acid);color:var(--ink);border-color:#b3d92d;box-shadow:4px 4px 0 #050605}.dashboard-nav button[aria-current=page] span,.dashboard-nav button[aria-current=page] small{color:#34401a}.nav-orbit{height:70px;border-bottom:1px solid #373c32;margin:0 5px 10px;position:relative;overflow:hidden}.nav-orbit:before{content:"FRAMEOS / OPS";position:absolute;left:0;bottom:10px;color:var(--acid);font-size:9px;letter-spacing:.18em}.nav-orbit i{position:absolute;border:1px solid #66715b;border-radius:50%}.nav-orbit i:nth-child(1){width:78px;height:78px;right:-6px;top:-33px}.nav-orbit i:nth-child(2){width:43px;height:43px;right:12px;top:-15px;border-color:var(--acid)}.nav-orbit i:nth-child(3){width:6px;height:6px;right:29px;top:4px;background:var(--orange);border:0}.nav-footer{margin-top:auto;border-top:1px solid #373c32;padding:14px 5px 3px;display:flex;align-items:center;gap:7px;color:#7f8778;font-size:8px;letter-spacing:.12em}.nav-footer i{width:7px;height:7px;border-radius:50%;background:#ef4d37}.nav-footer[data-online=true] i{background:var(--acid);box-shadow:0 0 10px var(--acid)}
body[data-dashboard-view] .topbar{padding-left:276px}.shell{margin-left:248px;min-height:calc(100vh - 82px)}body[data-dashboard-view] [data-dashboard-panel]{display:none}body[data-dashboard-view=overview] [data-dashboard-panel~="overview"],body[data-dashboard-view=projects] [data-dashboard-panel~="projects"],body[data-dashboard-view=media] [data-dashboard-panel~="media"],body[data-dashboard-view=editing] [data-dashboard-panel~="editing"],body[data-dashboard-view=agents] [data-dashboard-panel~="agents"],body[data-dashboard-view=observability] [data-dashboard-panel~="observability"],body[data-dashboard-view=api] [data-dashboard-panel~="api"]{display:grid}body[data-dashboard-view] .workspace{display:block;min-height:0}body[data-dashboard-view] .workspace>.panel{margin:0 0 16px}body[data-dashboard-view] .control-grid{display:block}body[data-dashboard-view] .control-grid>.panel{margin:0 0 16px}body[data-dashboard-view=projects] .projects{min-height:calc(100vh - 200px)}body[data-dashboard-view=editing] .catalog{min-height:360px}body[data-dashboard-view=overview] .lab{min-height:580px}.link-panel{margin-bottom:16px}
@media(max-width:900px){.dashboard-nav{position:sticky;top:0;width:100%;height:auto;overflow:auto;flex-direction:row;padding:8px;border-right:0;border-bottom:1px solid #3c4036}.dashboard-nav button{min-width:150px}.dashboard-nav .nav-orbit,.dashboard-nav .nav-footer{display:none}body[data-dashboard-view] .topbar{padding-left:16px}.shell{margin-left:0}.dashboard-nav+ .shell{padding-top:14px}}