.materials-pane { min-width:0; font-size:14px; color:var(--text-primary,#272727); }
.materials-pane * { box-sizing:border-box; }
.materials-pane-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 20px; }
.materials-pane h2 { margin:0; font-size:18px; line-height:28px; font-weight:600; }
.materials-pane-heading p { margin:5px 0 0; }
.materials-pane-muted { margin:0; color:var(--text-tertiary,#888); font-size:12px; line-height:21px; }
.materials-pane-action { border:0; background:none; padding:0; font:inherit; color:var(--text-secondary,#666); font-size:12px; text-align:left; cursor:pointer; text-decoration:none; }
.materials-pane-action:hover { color:#bd5130; }
.materials-pane-action:focus-visible,.materials-pane-tab:focus-visible { outline:2px solid #e8613a; outline-offset:4px; }
.materials-pane-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:24px; align-items:start; min-width:0; }
.materials-pane-library { min-width:0; }
.materials-pane-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.materials-pane input.materials-pane-search { width:220px; max-width:100%; min-width:0; height:36px; border:1px solid var(--border-default,#e4e4e4); border-radius:8px; padding:8px 11px; background:var(--surface-canvas,#fff); color:inherit; font:inherit; font-size:13px; }
.materials-pane-sources { display:flex; flex-wrap:wrap; gap:4px; }
.materials-pane-tab { border:0; background:none; border-radius:6px; color:var(--text-secondary,#777); padding:7px 9px; font:inherit; font-size:12px; cursor:pointer; }
.materials-pane-tab[aria-pressed="true"] { background:#fff0e9; color:#b64f2d; }
.materials-pane-subtoolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:18px 0 10px; }
.materials-pane-count { color:var(--text-secondary,#777); font-size:12px; white-space:nowrap; }
.materials-pane-types { display:flex; flex-wrap:wrap; gap:11px; }
.materials-pane-types button[aria-pressed="true"] { color:#b64f2d; font-weight:500; }
.materials-pane-file-list { border-top:1px solid var(--border-subtle,#e9e9e9); }
.materials-pane-file-row { display:grid; grid-template-columns:17px 35px minmax(0,1fr) max-content; align-items:center; gap:13px; padding:17px 10px; min-width:0; border-bottom:1px solid var(--border-subtle,#e9e9e9); cursor:pointer; transition:background .15s; }
.materials-pane-file-row:hover { background:#fcfaf8; }
.materials-pane-file-row.is-selected { background:#fff8f4; }
.materials-pane .materials-pane-file-row input[type="checkbox"] { width:16px; height:16px; min-height:16px; padding:0; margin:0; accent-color:#e8613a; }
.materials-pane-file-icon { display:grid; place-items:center; width:32px; height:39px; border:1px solid #e5dbd4; border-radius:5px; background:#faf6f2; color:#ae7a5d; font-size:9px; letter-spacing:.03em; }
.materials-pane-file-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.materials-pane-file-copy strong { font-size:13px; line-height:21px; font-weight:500; overflow-wrap:anywhere; }
.materials-pane-file-meta { color:var(--text-tertiary,#888); font-size:11px; line-height:18px; overflow-wrap:anywhere; }
.materials-pane-size { color:var(--text-tertiary,#888); font-size:12px; white-space:nowrap; }
.materials-pane-package { min-width:0; border:1px solid var(--border-subtle,#e6e6e6); border-radius:11px; padding:19px; background:var(--surface-canvas,#fff); }
.materials-pane-package-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.materials-pane-package h3 { font-size:15px; line-height:24px; font-weight:600; margin:0; }
.materials-pane-package-heading > span { font-size:12px; color:var(--text-tertiary,#888); }
.materials-pane-context { display:grid; grid-template-columns:68px minmax(0,1fr); gap:7px 10px; font-size:12px; line-height:20px; margin:17px 0; }
.materials-pane-context dt { color:var(--text-tertiary,#888); }
.materials-pane-context dd { margin:0; overflow-wrap:anywhere; }
.materials-pane-chosen { margin:15px 0 10px; }
.materials-pane-chosen-file { display:flex; gap:9px; align-items:flex-start; margin-bottom:12px; font-size:12px; line-height:20px; }
.materials-pane-checkmark { color:#6f8b75; }
.materials-pane-chosen-file > span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
.materials-pane-chosen-file > button { flex:none; font-size:17px; padding:0 2px; }
.materials-pane-note { color:var(--text-tertiary,#888); font-size:11px; line-height:20px; margin:20px 0 0; }
.materials-pane-prepared { border-top:1px solid var(--border-subtle,#e9e9e9); margin-top:20px; padding-top:17px; }
.materials-pane-prepared > p { margin:6px 0 15px; }
.materials-pane-prepared-file { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin:12px 0; font-size:12px; line-height:20px; }
.materials-pane-prepared-file > span:first-child { min-width:0; overflow-wrap:anywhere; }
.materials-pane-prepared-file > a,.materials-pane-prepared-file > .materials-pane-unavailable { flex:none; }
.materials-pane-unavailable { color:var(--text-tertiary,#999); font-size:11px; }
.materials-pane-missing { font-size:12px; color:#a2774c; line-height:21px; }
.materials-pane-empty { padding:44px 20px; text-align:center; }
.materials-pane-empty-icon { display:block; font-size:30px; color:#b18e77; margin-bottom:13px; }
.materials-pane-empty h3 { font-size:14px; font-weight:500; margin:0 0 8px; }
.materials-pane-gaps { margin:20px 0; color:var(--text-secondary,#777); font-size:12px; }
.materials-pane-gaps summary { cursor:pointer; }
.materials-pane-gaps p { margin:9px 0; line-height:22px; }
.materials-pane-demo { color:#a78b77; font-size:12px; }
@media(max-width:1100px) { .materials-pane-layout { grid-template-columns:minmax(0,1fr); }.materials-pane-package { max-width:none; }.materials-pane-chosen { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; }.materials-pane-package .materials-pane-context { max-width:460px; } }
@media(max-width:650px) { .materials-pane-heading { align-items:flex-start; }.materials-pane h2 { font-size:16px; }.materials-pane input.materials-pane-search { width:100%; }.materials-pane-toolbar { gap:9px; }.materials-pane-subtoolbar { align-items:flex-start; }.materials-pane-types { justify-content:flex-end; gap:10px; }.materials-pane-file-row { grid-template-columns:16px 29px minmax(0,1fr); gap:10px; padding:15px 5px; }.materials-pane-file-icon { width:27px; height:34px; font-size:8px; }.materials-pane-size { grid-column:3; margin-top:-5px; font-size:11px; }.materials-pane-chosen { display:block; }.materials-pane-package { padding:17px; } }