/* Isolated extraction workbench; retains the accepted Studio and Cburnett style. */
.extraction-card{margin-top:18px;min-width:0}
.extraction-card h3{margin:0;font:700 20px Georgia,serif}
.extraction-limitations{font-size:12px;color:var(--muted);margin:12px 0 0}
.extraction-source-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.extraction-source-controls>*{min-width:0}
.extraction-actions,.extraction-downloads,.extraction-row-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.extraction-status:empty{display:none}
.extraction-status{margin:12px 0}
.extraction-jobs{display:grid;gap:8px;margin-top:16px}
.extraction-job{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,160px) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px}
.extraction-job>div{min-width:0;display:grid;gap:5px}
.extraction-job button{text-align:left;overflow-wrap:anywhere}
.extraction-job small{color:var(--muted);overflow-wrap:anywhere}
.extraction-job progress{width:100%;accent-color:var(--accent)}
.extraction-card [aria-pressed=true]{border-color:var(--accent);background:var(--soft)}
.extraction-detail{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;min-width:0}
.extraction-downloads{font-size:12px;margin:14px 0}
.extraction-downloads>span{flex-basis:100%;color:var(--muted)}
.extraction-downloads a{display:inline-flex;align-items:center;min-height:44px}
.extraction-notice{background:#fff0d6;border-radius:8px;padding:12px;color:#784b19;font-size:13px}
.extraction-rows{display:grid;gap:9px;margin:14px 0}
.extraction-row{padding:12px;border:1px solid var(--line);border-radius:9px;min-width:0;background:#faf8f1}
.extraction-row p{font-size:12px;margin:6px 0}
.extraction-row-head small{color:var(--muted)}
.extraction-fen{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:7px}
.extraction-row label{margin-top:10px;max-width:280px}
.extraction-row pre{max-width:100%;max-height:200px;overflow:auto;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.extraction-flags{color:#784b19}
.extraction-preview{padding:12px;border:1px solid var(--line);border-radius:9px;margin:12px 0}
.extraction-preview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:12px}
.extraction-preview iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#111}
.extraction-preview>p{font-size:12px}
.extraction-board{width:100%;max-width:320px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;border-radius:6px}
.extraction-square{min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center}
.extraction-square.light{background:var(--light)}
.extraction-square.dark{background:var(--dark)}
.extraction-square img{display:block;width:84%;height:84%;object-fit:contain;pointer-events:none}
@media(max-width:760px){
  .extraction-source-controls,.extraction-preview-grid{grid-template-columns:minmax(0,1fr)}
  .extraction-job{grid-template-columns:minmax(0,1fr)}
  .extraction-preview-grid .extraction-board{max-width:280px;margin:auto}
  .extraction-card{padding:14px}
  .extraction-downloads a{flex:1 1 auto;justify-content:center}
}
