#materialExtractPage .material-extract-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;align-items:start;margin-top:20px;}
#materialExtractPage .material-extract-card{padding:24px;margin:0;min-width:0;border-radius:16px;box-shadow:none;}
#materialExtractPage h2{font-size:18px;margin:0 0 18px;}
#materialExtractPage .material-upload-zone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border:1px dashed #bbb6cd;border-radius:12px;background:#f3f1f7;cursor:pointer;text-align:center;}
#materialExtractPage .material-upload-zone:hover{background:#eae7f1;border-color:#89819f;}
#materialExtractPage .material-upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#827895;font-size:27px;}
#materialExtractPage .material-upload-zone strong{font-size:15px;color:#454358;}
#materialExtractPage .material-upload-zone>span:last-child{font-size:13px;color:#75758a;font-weight:400;}
#materialExtractPage .material-file-input{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
#materialExtractPage .material-extract-source:focus-within .material-upload-zone{outline:2px solid #aaa1c1;outline-offset:3px;}
#materialExtractPage .settings-muted{font-size:13px;font-weight:400;line-height:1.8;}
#materialExtractPage .material-extract-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:hidden;margin:18px 0;}
#materialExtractPage .material-extract-preview:empty{display:none;}
#materialExtractPage .material-extract-preview img{width:100%;height:120px;border-radius:10px;object-fit:contain;background:#f6f7f9;}
#materialExtractPage .material-extract-preview img:only-child{grid-column:1/-1;height:240px;}
#materialExtractPage #materialExtractStatus{font-size:13px;line-height:1.8;color:#65758a;margin:14px 0 0;overflow-wrap:anywhere;}
#materialExtractPage #materialExtractRetry{margin-top:12px;}
#materialExtractPage .section-title-row{align-items:center;margin-bottom:18px;gap:12px;}
#materialExtractPage .section-title-row h2{margin:0;}
#materialExtractPage #materialExtractCopy{font-size:13px;margin:0;border-radius:8px;min-height:36px;}
#materialExtractPage #materialExtractResult{gap:14px;align-items:start;}
#materialExtractPage #materialExtractResult section{padding:0;background:#fff;border-color:#e4e7ee;border-radius:12px;overflow:hidden;}
#materialExtractPage #materialExtractResult h3{padding:14px 18px;margin:0;background:#ece9f2;color:#4e4861;font-size:14px;font-weight:600;}
#materialExtractPage #materialExtractResult section:nth-child(2n) h3{background:#e7efe9;color:#476458;}
#materialExtractPage #materialExtractResult section:nth-child(3n) h3{background:#f0ebe2;color:#75644d;}
#materialExtractPage #materialExtractResult p{padding:16px 18px;margin:0;font-size:14px;line-height:1.95;color:#46556a;}
#materialExtractPage #materialExtractResult section:last-child{grid-column:1/-1;}
#materialExtractPage #materialExtractEmpty:not([hidden]){padding:48px 24px;text-align:center;background:#fafbfc;border:1px dashed #dfe4ec;border-radius:12px;}
@media(max-width:1050px){#materialExtractPage #materialExtractResult{grid-template-columns:1fr;}}
@media(max-width:760px){#materialExtractPage .material-extract-workspace{grid-template-columns:1fr;}#materialExtractPage .material-extract-card{padding:20px;}#materialExtractPage .material-extract-preview img:only-child{height:200px;}}

#materialExtractPage .material-upload-zone{position:relative;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
#materialExtractPage .material-upload-zone.is-dragging{background:#e8e3f1;border-color:#756b94;box-shadow:0 0 0 3px rgba(117,107,148,.12);}
#materialExtractPage .material-drop-hint{font-size:12px;color:#8a849a;font-weight:400;}
#materialExtractPage .material-accuracy-note{margin:16px 0 0;padding:10px 12px;border-radius:9px;background:#f8f6f1;color:#776b57;font-size:12px;line-height:1.7;}
#materialExtractPage .material-extract-progress{margin:16px 0 0;padding:12px 14px;border:1px solid #e5e2ec;border-radius:10px;background:#fbfafc;}
#materialExtractPage .material-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#706b80;font-size:12px;}
#materialExtractPage .material-progress-meta strong{color:#5b5274;font-size:12px;font-weight:700;}
#materialExtractPage .material-progress-track{height:6px;border-radius:999px;background:#ebe8f0;overflow:hidden;}
#materialExtractPage .material-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a496c2,#7c6e9c);transition:width .25s ease;}
#materialExtractPage .material-frame-card{position:relative;min-width:0;margin:0;border:1px solid #e6e8ee;border-radius:10px;background:#f7f8fa;overflow:hidden;}
#materialExtractPage .material-frame-card img{display:block;width:100%;height:120px;border-radius:0;object-fit:contain;background:#f6f7f9;}
#materialExtractPage .material-frame-card:only-child{grid-column:1/-1;}
#materialExtractPage .material-frame-card:only-child img{height:240px;}
#materialExtractPage .material-frame-card figcaption{padding:6px 8px;background:#fff;color:#7a8290;font-size:11px;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#materialExtractPage #materialExtractResult section h3{display:flex;align-items:center;gap:8px;}
#materialExtractPage .material-result-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;}
#materialExtractPage .material-result-badge.is-recognized{background:#e9f3ee;color:#4d7663;}
#materialExtractPage .material-result-badge.is-inferred{background:#eeeaf5;color:#6a5d82;}
#materialExtractPage .material-result-badge.is-review{background:#f7eee3;color:#886b4d;}
#materialExtractPage .material-result-copy{margin:0 0 0 auto;padding:4px 9px;min-height:26px;border-radius:7px;font-size:11px;line-height:1;}
#materialExtractPage .material-result-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:2px;}
#materialExtractPage .material-result-actions button{min-height:36px;border-radius:9px;}
@media(max-width:760px){#materialExtractPage .material-frame-card:only-child img{height:200px;}#materialExtractPage #materialExtractResult section h3{align-items:flex-start;flex-wrap:wrap;}#materialExtractPage .material-result-copy{margin-left:auto;}}

#materialExtractPage .material-extract-history-card{grid-column:1/-1;padding:20px 24px;display:block;}
#materialExtractPage .material-extract-history-card .section-title-row{margin-bottom:8px;}
#materialExtractPage .material-extract-history-card .settings-muted{margin:0 0 14px;}
#materialExtractPage .material-history-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #edf0f4;}
#materialExtractPage .material-history-thumb{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#f0edf4;color:#857b95;font-size:13px;}
#materialExtractPage .material-history-thumb img{width:100%;height:100%;object-fit:contain;}
#materialExtractPage .material-history-copy{flex:1;}
#materialExtractPage .material-history-toggle{display:block;width:100%;margin:8px 0 0;padding:10px;border:0;border-radius:8px;background:#f6f4f9;color:#776789;font-size:13px;cursor:pointer;}
#materialExtractPage .material-history-toggle:hover{background:#ede8f3;}
#materialExtractPage .material-history-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
#materialExtractPage .material-history-copy strong{font-size:14px;color:#3f4050;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#materialExtractPage .material-history-copy span{font-size:12px;color:#8a8b99;}
#materialExtractPage .material-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;}
#materialExtractPage .material-history-actions button{min-height:32px;padding:5px 10px;border-radius:8px;font-size:12px;}
#materialExtractPage .material-history-delete{border:0;background:transparent;color:#9b7180;cursor:pointer;}
#materialExtractPage .material-history-delete:hover{color:#7a5362;background:#fbf2f4;}
#materialExtractPage .material-history-empty{margin:0;padding:18px;border:1px dashed #dfe4ec;border-radius:10px;background:#fafbfc;color:#858a98;font-size:13px;text-align:center;}
@media(max-width:760px){#materialExtractPage .material-extract-history-card{padding:18px 20px;}#materialExtractPage .material-history-row{align-items:flex-start;flex-direction:column;gap:10px;}#materialExtractPage .material-history-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;}}
@media(max-width:760px){#materialExtractPage .material-result-actions{justify-content:stretch;flex-wrap:wrap;}#materialExtractPage .material-result-actions button{flex:1 1 180px;}}
#materialExtractPage #materialExtractResult section[data-material-field="recreationPrompt"]{grid-column:1/-1;}
#materialExtractPage #materialExtractResult{grid-template-columns:minmax(0,1fr);gap:12px;}
#materialExtractPage #materialExtractResult section:not([hidden]){display:block;}
#materialExtractPage #materialExtractResult section[hidden]{display:none;}
#materialExtractPage #materialExtractResult section h3{flex-wrap:wrap;align-items:center;padding:16px 20px;gap:10px;font-size:16px;line-height:1.5;border-bottom:1px solid #eeedf2;background:#f7f6fa;}
#materialExtractPage #materialExtractResult section:nth-child(2n) h3{background:#f7f6fa;}
#materialExtractPage #materialExtractResult section:nth-child(3n) h3{background:#f7f6fa;}
#materialExtractPage #materialExtractResult section p{padding:20px 24px;line-height:2;color:#4b5262;}
#materialExtractPage .material-result-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px;border-bottom:1px solid #eeedf2;margin-bottom:6px;}
#materialExtractPage .material-result-nav button{margin:0;min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:#f5f5f7;color:#696778;font-size:14px;font-weight:500;cursor:pointer;box-shadow:none;}
#materialExtractPage .material-result-nav button:hover{background:#efedf4;color:#5b5078;}
#materialExtractPage .material-result-nav button.is-active{background:#eae5f1;color:#594970;border-color:#d8cfe5;font-weight:600;}
#materialExtractPage .material-result-nav button:focus-visible{outline:2px solid #89749f;outline-offset:2px;}
#materialExtractPage .material-extract-results:has(#materialExtractEmpty[hidden]){display:block;}
#materialExtractPage .material-extract-result-column{display:contents;}
#materialExtractPage .material-extract-result-column:has(#materialExtractEmpty[hidden]){display:flex;flex-direction:column;gap:20px;min-width:0;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden])>.material-extract-source{display:flex;flex-direction:column;gap:0;align-self:stretch;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-upload-zone{padding:12px;gap:6px;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-upload-icon{display:none;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-extract-preview{margin:14px 0 0;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-frame-card:only-child img{height:180px;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-accuracy-note{margin-top:12px;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-extract-progress{display:none;}
@media(min-width:761px){
  #materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-extract-preview:not(:empty){flex:1;align-content:center;background:#f7f7fa;border:1px solid #eceaf1;border-radius:12px;padding:10px;min-height:200px;}
  #materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-frame-card:only-child{border:0;background:transparent;}
  #materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-frame-card:only-child img{height:auto;max-height:320px;object-fit:contain;background:transparent;}
  #materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) .material-frame-card figcaption{background:transparent;padding-top:10px;}
  #materialExtractPage .material-extract-workspace:has(#materialExtractEmpty[hidden]) #materialExtractStatus{padding-top:12px;border-top:1px solid #eeedf2;}
}
#materialExtractPage .material-result-actions{margin-top:6px;padding-top:16px;border-top:1px solid #eeedf2;}
#materialExtractPage #materialExtractResult section[data-material-field="recreationPrompt"]{grid-template-columns:minmax(0,1fr);}
#materialExtractPage #materialExtractResult section[data-material-field="recreationPrompt"] h3{padding:12px 18px;}
#materialExtractPage .material-keyword-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:16px 18px;}
#materialExtractPage .material-keyword-list span{padding:5px 10px;border-radius:6px;background:#f2f5f4;color:#4e635b;font-size:13px;line-height:1.6;}
@media(max-width:900px){#materialExtractPage #materialExtractResult section:not([hidden]){grid-template-columns:minmax(0,1fr);}#materialExtractPage #materialExtractResult section h3{padding:12px 16px;}}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty:not([hidden])){align-items:stretch;}
#materialExtractPage .material-extract-workspace:has(#materialExtractEmpty:not([hidden]))>.material-extract-source{align-self:stretch;height:auto;display:flex;flex-direction:column;gap:0;}
#materialExtractPage .material-extract-source>h2{display:flex;align-items:center;min-height:36px;margin:0 0 18px;}
#materialExtractPage .material-extract-source>.settings-muted{margin:16px 0 0;}
#materialExtractPage .material-extract-source>#materialExtractStatus:empty{display:none;}
#materialExtractPage .material-extract-results:has(#materialExtractEmpty:not([hidden])){align-self:stretch;height:auto;display:flex;flex-direction:column;gap:0;}
#materialExtractPage .material-extract-results:has(#materialExtractEmpty:not([hidden]))>#materialExtractResult:empty{display:none;}
#materialExtractPage #materialExtractEmpty.material-empty-guide:not([hidden]){display:flex;flex:1;flex-direction:column;justify-content:flex-start;gap:18px;padding:0;background:transparent;border:0;text-align:left;margin:0;}
#materialExtractPage .material-empty-guide header h3{margin:8px 0;font-size:24px;color:#49465a;line-height:1.4;}
#materialExtractPage .material-empty-eyebrow{color:#817691;font-size:13px;}
#materialExtractPage .material-empty-guide p{font-size:14px;line-height:1.75;color:#737785;margin:0;}
#materialExtractPage .material-empty-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#materialExtractPage .material-empty-capabilities article{padding:14px 18px;border-radius:12px;background:#f0edf5;min-width:0;}
#materialExtractPage .material-empty-capabilities article:nth-child(2){background:#eaf1ed;}
#materialExtractPage .material-empty-capabilities article:nth-child(3){background:#f4efe7;}
#materialExtractPage .material-empty-capabilities article:nth-child(4){background:#edf1f5;}
#materialExtractPage .material-empty-capabilities article>span{font-size:12px;color:#8a8498;letter-spacing:2px;}
#materialExtractPage .material-empty-capabilities h4{margin:8px 0 6px;font-size:15px;color:#484c5b;}
#materialExtractPage .material-empty-guide footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:#777785;border-top:1px solid #ececf1;padding-top:18px;}
#materialExtractPage .material-empty-guide footer b{color:#aaa6b6;font-weight:400;}
@media(max-width:900px){#materialExtractPage .material-empty-capabilities{grid-template-columns:1fr;}#materialExtractPage #materialExtractEmpty.material-empty-guide:not([hidden]){padding:12px 0;}#materialExtractPage .material-empty-guide header h3{font-size:21px;}}