/* Desktop workspaces: expand the existing instruments without replacing their layout. */
:root { --vt-ink:var(--ink); --vt-line:var(--line); --vt-surface:var(--surface); --vt-surface-2:var(--surface-2); }
.vt-guide { margin:24px 0; padding:20px 24px; border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:10px; background:var(--surface); color:var(--ink); font:15px/1.6 var(--sans); }
.vt-guide h2,.vt-guide h3 { font:600 18px/1.4 var(--mono); margin:0 0 10px; }
.vt-guide p { margin:8px 0; max-width:100ch; }
.vt-guide ol { margin:12px 0; padding-left:24px; }
.vt-guide li { margin:7px 0; }
.vt-guide details { padding:12px 0 0; border-top:1px solid var(--line); }
.vt-guide summary { cursor:pointer; font-weight:600; }
.vt-guide [role=status] { color:var(--ink-2); font-size:13px; }
.vt-guide a { color:var(--accent); }
.vt-guide button,.vt-toolbar button,.vt-toolbar select { font:600 12px/1.4 var(--mono); border:1px solid var(--vt-line); color:var(--vt-ink); background:var(--vt-surface-2); border-radius:6px; padding:8px 12px; cursor:pointer; }
.vt-guide button:hover,.vt-toolbar button:hover { border-color:var(--accent); }
.vt-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:12px 16px; background:var(--vt-surface); color:var(--vt-ink); border-bottom:1px solid var(--vt-line); font:12px/1.5 var(--mono); }
.vt-toolbar>span:first-child { margin-right:auto; font-weight:600; }
.vt-toolbar .vt-copy-status { flex-basis:100%; font-weight:400; }
.vt-copy-status:empty { display:none; }
.vt-expanded { position:fixed!important; inset:12px!important; width:auto!important; max-width:none!important; height:auto!important; max-height:none!important; overflow:auto!important; margin:0!important; z-index:2000!important; box-sizing:border-box; background:var(--bg); box-shadow:0 0 0 100vmax rgba(0,0,0,.75); }
.vt-expanded>.vt-toolbar { position:sticky; top:0; z-index:10; }
.mc-main>.vt-toolbar { grid-column:1/-1; }
.vt-diagram-view { overflow:auto; max-height:80vh; }
.vt-expanded .vt-diagram-view { max-height:calc(100vh - 230px); }
.vt-diagram-view svg { min-width:100%; }
.vt-tool-index { display:flex; flex-wrap:wrap; gap:8px 16px; margin:20px 0 28px; padding:16px; border:1px solid var(--line); border-radius:8px; font:13px/1.7 var(--mono); }
.vt-tool-index a { color:var(--accent); }
.pg-descriptor-words { display:grid; grid-template-columns:repeat(2,minmax(160px,1fr)); gap:10px; flex:1; }
.pg-evidence pre { max-height:400px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 var(--mono); }
.pg-out { overflow-x:auto; }
.pg-out [role=alert] { border-left:3px solid var(--host); padding-left:12px; }
.pg-out tr:focus,.fd-node:focus { outline:2px solid var(--accent); outline-offset:2px; }
.be-screen-shell:focus,.ax-screen-shell:focus { outline:3px solid var(--accent); outline-offset:3px; }
.vt-guide :focus-visible,.vt-toolbar :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { .fd-wg.on .fd-wire { animation:none; } }
