.mq-workbench { display:grid; grid-template-columns:1.25fr 1fr; gap:1px; background:var(--border-color, #233128); border:1px solid var(--border-color, #233128); margin-top:32px; }
.mq-work-card { min-width:0; display:flex; flex-direction:column; gap:20px; padding:32px; background:#080d0a; }
.mq-work-research { grid-row:span 2; background:radial-gradient(ellipse at 0 0, #10241a 0, #080d0a 65%); }
.mq-work-card h3 { font-family:var(--font-display); font-size:clamp(24px, 2.2vw, 32px); line-height:1.15; letter-spacing:-.025em; }
.mq-work-card p { color:var(--text-secondary); line-height:1.65; }
.mq-brief { border-left:2px solid var(--accent); padding:4px 0 4px 18px; line-height:1.7; color:var(--text-secondary); }
.mq-brief > span { display:block; color:var(--accent); font:11px var(--font-mono); letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.mq-evidence-preview, .mq-build-preview { border:1px solid #25372b; background:#060a07; }
.mq-work-research .mq-evidence-preview { flex:1; display:flex; flex-direction:column; }
.mq-work-research .mq-evidence-row { flex:1; }
.mq-preview-bar, .mq-build-preview > div:first-child { display:flex; justify-content:space-between; gap:12px; font:10px var(--font-mono); color:var(--text-tertiary); letter-spacing:.1em; }
.mq-preview-bar { padding:14px 16px; border-bottom:1px solid #25372b; }
.mq-evidence-row { display:flex; align-items:center; gap:14px; padding:20px 16px; border-bottom:1px solid #18251d; }
.mq-evidence-row:last-child { border-bottom:0; }
.mq-evidence-row > span:first-child { color:var(--accent); font:12px var(--font-mono); }
.mq-evidence-row > div { flex:1; min-width:0; }
.mq-evidence-row b { font-size:14px; font-weight:500; }
.mq-evidence-row small { display:block; color:var(--text-tertiary); font-size:12px; margin-top:5px; }
.mq-file-tag { font:9px var(--font-mono); color:var(--accent); letter-spacing:.08em; }
.mq-output-stack { display:grid; gap:8px; }
.mq-output-stack > span { display:flex; justify-content:space-between; gap:12px; border:1px solid #243128; padding:12px 14px; font:12px var(--font-mono); overflow-wrap:anywhere; }
.mq-output-stack b { color:var(--accent); font-size:9px; font-weight:400; text-align:right; }
.mq-build-preview { padding:18px; }
.mq-build-preview > b { display:block; font-size:17px; margin:20px 0; }
.mq-preview-slider { height:4px; background:#27362d; margin:22px 0; }
.mq-preview-slider i { display:block; width:62%; height:100%; background:var(--accent); position:relative; }
.mq-preview-slider i::after { content:""; position:absolute; width:10px; height:10px; right:0; top:-3px; background:var(--accent); }
.mq-build-preview small { color:var(--text-tertiary); }
.mq-work-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:18px; margin-top:auto; border-top:1px solid #243128; color:var(--accent); font-size:14px; }
.mq-work-note { color:var(--text-tertiary); font-size:12px; line-height:1.6; margin-top:18px; max-width:850px; }
.mq-cap-flow { display:grid; gap:10px; margin:30px 0; font:11px var(--font-mono); color:var(--text-secondary); }
.mq-cap-flow > span { display:flex; align-items:center; gap:12px; }
.mq-cap-flow b { color:var(--accent); font-weight:400; }
.mq-cap-flow > span::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,#24432e,transparent); }
.mq-cap-code { padding:18px; margin:30px 0; border:1px solid #243128; font:12px/2 var(--font-mono); color:var(--text-secondary); }
.mq-cap-code b { color:var(--accent); font-weight:400; }
.mq-cell:focus-within { border-color:var(--accent); }
@media (max-width:760px) { .mq-workbench { grid-template-columns:1fr; } .mq-work-card { padding:24px; } .mq-work-research { grid-row:auto; } }
@media (max-width:420px) { .mq-evidence-row { gap:9px; padding:16px 12px; } .mq-evidence-row .mq-file-tag { display:none; } }