/* Shared fieldwork frame: the artwork fits the workspace, never the viewport. */
.vp-dialog.vp-workbench{--vp-brass:#bfa375;--vp-rule:#bfa37535;--vp-ink:#e8dfca;--vp-muted:#b6bdb5;box-sizing:border-box;width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(960px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid #aa93615c;border-radius:5px;color:var(--vp-ink);background:radial-gradient(ellipse at 8% 0,#29404645,transparent 58%),#101c21;box-shadow:0 32px 100px #000b,0 0 0 4px #0b1519,inset 0 0 0 1px #d0b5770b;font:16px/1.55 Georgia,serif}
.vp-dialog.vp-workbench[open]{display:flex;flex-direction:column}
.vp-dialog.vp-workbench::backdrop{background:#030b10c9;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.vp-dialog.vp-workbench .vp-head{position:relative;flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 24px;background:linear-gradient(110deg,#203139b3,#111d23);border-bottom:1px solid var(--vp-rule);box-shadow:0 5px 18px #0003;z-index:5}
.vp-dialog.vp-workbench .vp-head>div{flex:1 1 220px;min-width:0;border-left:2px solid var(--vp-brass);padding-left:14px}
.vp-dialog.vp-workbench .vp-head h1{font:400 clamp(21px,2.1vw,30px)/1.15 'Instrument Serif',Georgia,serif;letter-spacing:.02em;margin:3px 0;color:#eee3cb}
.vp-dialog.vp-workbench .vp-head .vp-eyebrow{display:block;font:10px/1.4 'DM Mono',monospace;letter-spacing:.14em;color:#bfa375;margin:0 0 6px}
.vp-dialog.vp-workbench .vp-head button{font-size:11px;padding:8px 10px;white-space:normal;max-width:150px}
.vp-dialog.vp-workbench .vp-head .vp-leave{border-color:#bfa37570;color:#ecd5aa;margin-left:6px}
.vp-dialog.vp-workbench .vp-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.vp-dialog.vp-workbench .vp-header-actions button{font:11px/1.4 'DM Mono',monospace!important;padding:8px 10px!important;max-width:none;white-space:nowrap}
.vp-dialog.vp-workbench .vp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);flex:1 1 0;min-height:0;gap:0;overflow:hidden}
.vp-dialog.vp-workbench .vp-left{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:20px;gap:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#21343875,transparent 75%),repeating-linear-gradient(120deg,#c9b98a03 0 1px,transparent 1px 6px),#0b171c;box-shadow:inset 0 0 45px #0004}
.vp-dialog.vp-workbench .vp-scene-tools,.vp-dialog.vp-workbench .vp-scene-footer{flex:0 0 auto;min-height:0;max-height:120px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a38b5d #112027}
.vp-dialog.vp-workbench .vp-scene-tools:empty,.vp-dialog.vp-workbench .vp-scene-footer:empty{display:none}
.vp-dialog.vp-workbench .vp-scene-viewport{flex:1 1 0;display:grid;place-items:center;min-height:0;min-width:0;overflow:hidden;position:relative}
.vp-dialog.vp-workbench .vp-scene-viewport:before{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #bdac7821;background:linear-gradient(#bfa37570,#bfa37570) left top/20px 1px no-repeat,linear-gradient(#bfa37570,#bfa37570) right bottom/20px 1px no-repeat}
.vp-dialog.vp-workbench .vp-scene-viewport>.vp-stage,.vp-dialog.vp-workbench .vp-scene-viewport>.ic-stage,.vp-dialog.vp-workbench .vp-scene-viewport>.tp-stage,.vp-dialog.vp-workbench .vp-scene-viewport>.sl-plan{flex:none;max-width:none;max-height:none;min-height:0;min-width:0;margin:0;border-radius:2px;box-shadow:0 8px 25px #0006}
.vp-dialog.vp-workbench .vp-right{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;min-width:0;min-height:0;overflow:hidden;padding:0;border:0;border-left:1px solid var(--vp-rule);background:linear-gradient(105deg,#1a2b31,#14232a);box-shadow:inset 5px 0 18px #0001}
.vp-dialog.vp-workbench .vp-observation-content{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:23px 22px;scrollbar-width:thin;scrollbar-color:#a38b5d #112027}
.vp-dialog.vp-workbench .vp-observation-content:focus-visible{outline:1px solid #bfa37570;outline-offset:-3px}
.vp-dialog.vp-workbench .vp-observation-content>.vp-eyebrow{display:block;padding-bottom:10px;border-bottom:1px solid var(--vp-rule);font:10px/1.4 'DM Mono',monospace;letter-spacing:.12em;color:#bfa375}
.vp-dialog.vp-workbench .vp-intro{display:block;flex:none;margin:0 0 20px;font-size:15px;line-height:1.65;color:#c2c7bc}
.vp-dialog.vp-workbench .vp-detail{flex:none;margin:0 0 20px;min-height:0;border:0;border-top:1px solid var(--vp-rule);padding:15px 0 0;background:transparent;font-size:15px;line-height:1.6}
.vp-dialog.vp-workbench .vp-detail h2,.vp-dialog.vp-workbench .vp-right h2{font:400 23px/1.2 'Instrument Serif',Georgia,serif;color:#ead5ae;margin:0 0 10px}
.vp-dialog.vp-workbench .vp-detail p{color:#d2d3c5;margin:0 0 12px}
.vp-dialog.vp-workbench .vp-action-dock{flex:0 0 auto;max-height:38%;overflow:auto;padding:14px 20px;border-top:1px solid var(--vp-rule);background:linear-gradient(110deg,#1c2b2e,#102027);box-shadow:0 -8px 18px #0002}
.vp-dialog.vp-workbench .vp-action-dock[hidden]{display:none}
.vp-dialog.vp-workbench .vp-assist{display:flex;flex-direction:column;align-items:stretch;gap:9px;flex-wrap:nowrap;margin:0;padding:0;border:0}
.vp-dialog.vp-workbench .vp-assist p{margin:0;font-size:14px;color:#c4c1ad;line-height:1.5}
.vp-dialog.vp-workbench .vp-hint-note{font-size:14px;line-height:1.6;padding:14px;border:1px solid #bfa37535;border-left:2px solid #bfa375;background:#bfa37508;color:#d8ccb4}
.vp-dialog.vp-workbench button:not(.vp-hotspot):not(.ic-hotspot):not(.tp-hotspot):not(.ic-card):not(.ic-pin):not(.sl-point):not(.sl-pad):not(.sl-waypoint):not(.sl-target):not(.f4-shelf-label):not(.ic-pin-note){font-family:'DM Mono',monospace;font-size:12px;line-height:1.5;border:1px solid #ad986052;border-radius:2px;padding:10px 12px;background:linear-gradient(110deg,#bfa3750d,#bfa37504);color:#ded6bf;transition:background-color .16s,border-color .16s}
.vp-dialog.vp-workbench button:not(.vp-hotspot):not(.ic-hotspot):not(.tp-hotspot):not(.ic-card):not(.ic-pin):hover{border-color:#ceb27c;background-color:#bfa3751c}
.vp-dialog.vp-workbench button:focus-visible{outline:2px solid #e5c895;outline-offset:2px}
.vp-dialog.vp-workbench .vp-primary{width:100%;margin-top:12px;background:#bfa37525!important;color:#f5e2bf!important;border-color:#bfa375a6!important}
.vp-dialog.vp-workbench .vp-tools,.vp-dialog.vp-workbench .sl-test-tools,.vp-dialog.vp-workbench .sl-position-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 0 8px}
.vp-dialog.vp-workbench .vp-goal,.vp-dialog.vp-workbench .ic-instruction{font-size:14px;margin:0 0 10px}
.vp-dialog.vp-workbench .vp-help-copy{flex:0 0 auto;max-height:22%;overflow:auto;margin:0;padding:12px 24px;border-bottom:1px solid var(--vp-rule);background:#bfa3750c;font-size:14px;color:#d5d0bd}
.vp-dialog.vp-workbench .ic-reference{transform:none;font-size:14px;border-left:3px solid #a79363;background:linear-gradient(115deg,#d5c7a4,#e4d6b6);box-shadow:0 3px 10px #0003}
.vp-dialog.vp-workbench .vp-conclusion{font-size:14px;border-color:#bfa37560;background:#bfa3750d}
.vp-dialog.vp-workbench .sl-comparison{font-size:12px}
@media(max-width:760px){
 .vp-dialog.vp-workbench{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:3px}
 .vp-dialog.vp-workbench .vp-head{padding:10px 12px;gap:6px}
 .vp-dialog.vp-workbench .vp-head>div{flex:1 1 100%;padding-left:10px}
 .vp-dialog.vp-workbench .vp-head .vp-eyebrow{font-size:9px;margin-bottom:3px}
 .vp-dialog.vp-workbench .vp-head button{padding:6px 8px;font-size:10px;max-width:none}
 .vp-dialog.vp-workbench .vp-head .vp-leave{margin-left:auto}
 .vp-dialog.vp-workbench .vp-header-actions{width:100%;gap:5px}
 .vp-dialog.vp-workbench .vp-header-actions button{font-size:10px!important;padding:6px 7px!important}
 .vp-dialog.vp-workbench .vp-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,.8fr)}
 .vp-dialog.vp-workbench .vp-left{padding:10px;gap:6px}
 .vp-dialog.vp-workbench .vp-right{border-left:0;border-top:1px solid var(--vp-rule)}
 .vp-dialog.vp-workbench .vp-observation-content{padding:14px 16px}
 .vp-dialog.vp-workbench .vp-action-dock{padding:10px 14px;max-height:45%}
 .vp-dialog.vp-workbench .vp-intro,.vp-dialog.vp-workbench .vp-detail{font-size:14px;margin-bottom:12px}
 .vp-dialog.vp-workbench .vp-scene-tools,.vp-dialog.vp-workbench .vp-scene-footer{max-height:76px}
 .vp-dialog.vp-workbench .vp-help-copy{padding:10px 14px;font-size:13px}
}
@media(max-height:560px) and (min-width:761px){.vp-dialog.vp-workbench .vp-head{padding:8px 16px}.vp-dialog.vp-workbench .vp-head h1{font-size:22px}.vp-dialog.vp-workbench .vp-left{padding:10px;gap:6px}.vp-dialog.vp-workbench .vp-observation-content{padding:14px}.vp-dialog.vp-workbench .vp-scene-tools,.vp-dialog.vp-workbench .vp-scene-footer{max-height:70px}}
@media(prefers-reduced-motion:reduce){.vp-dialog.vp-workbench button{transition:none}}