.material-group { margin:14px 0; border:1px solid var(--line); border-radius:11px; min-width:0; overflow:hidden; }
.material-group-heading { display:flex; align-items:center; gap:13px; padding:16px; list-style:none; background:#faf7f1; }
.material-group-heading::-webkit-details-marker { display:none; }
.material-group-chevron { color:var(--gold); flex:none; transition:transform .15s; font-size:20px; }
.material-group[open] .material-group-chevron { transform:rotate(180deg); }
.material-group-title { display:grid; gap:5px; min-width:0; flex:1; overflow-wrap:anywhere; }
.material-group-title strong { font-size:15px; font-weight:500; }
.material-group-title small { color:var(--gold); font-size:11px; }
.material-group-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.material-group-actions button { font-size:12px; padding:9px 12px; }
.material-group-body { padding:0 12px; }
.material-group-body td { padding:14px 9px; }
.material-group-body td input[type=number] { width:95px; min-height:40px; padding:9px; }
.material-variant-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.material-variant-identity strong { color:var(--ink); font-size:13px; font-weight:500; }
.material-group .material-thumb { width:50px; height:50px; }
.material-inventory-toggle { display:flex; gap:7px; align-items:center; font-size:12px; margin:0; white-space:nowrap; }
.material-inventory-toggle input[type=checkbox] { width:17px; height:17px; margin:0; accent-color:var(--green); flex:none; }
.material-stock-state { display:block; margin-top:7px; color:var(--green); font-size:11px; }
.material-stock-state.is-out { color:#a06a4f; }
.material-group tr.is-dirty [data-material-inventory-save] { border-color:var(--green); color:var(--green); background:#edf1e9; }
dialog.material-variant-dialog { width:1060px; }
.material-variant-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:25px; align-items:start; }
.material-variant-fields,#material-stage-preview { min-width:0; }
#material-stage-preview { position:sticky; top:12px; }
.material-variant-shared { display:grid; gap:8px; margin:0 0 22px; padding:13px 15px; border:1px solid var(--line); background:#f8f4ec; border-radius:9px; }
.material-variant-shared strong { font-size:16px; font-weight:500; }
.material-dimension-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 10px; }
.material-dimension-grid input { padding-left:10px; padding-right:5px; }
.material-variant-out { margin:0 0 23px; }
.material-thread-swatch { display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:72px; min-width:0; height:48px; padding:7px; border-radius:8px; background:#f3efe7; vertical-align:middle; flex:none; }
.material-thread-swatch i { display:block; width:100%; height:5px; border-radius:8px; background:var(--thread-color); box-shadow:inset 0 1px 1px #ffffff5c,0 1px 2px #3d34282b; flex:none; }
.material-thread-swatch.material-thumb { object-fit:initial; }
.material-thread-editor { max-width:540px; margin:auto; }
.material-thread-preview { display:flex; align-items:center; gap:18px; min-height:105px; padding:16px; border:1px solid var(--line); border-radius:12px; background:#faf7f1; margin:0 0 18px; }
.material-thread-preview .material-thread-swatch { width:160px; height:65px; gap:9px; }
.material-thread-preview .material-thread-swatch i { height:7px; }
.material-thread-preview [data-thread-color-label] { font-size:13px; color:var(--muted); font-variant-numeric:tabular-nums; }
.material-thread-palette { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:0 0 20px; }
.material-thread-palette button { background:var(--thread-color); height:39px; min-height:0; padding:0; border:1px solid #6d60494d; border-radius:8px; box-shadow:inset 0 1px 2px #fff7; }
.material-thread-palette button[aria-pressed=true] { outline:2px solid var(--green); outline-offset:3px; }
.material-thread-color-fields { grid-template-columns:90px minmax(0,1fr); }
.material-thread-color-fields input[type=color] { width:100%; min-height:44px; padding:5px; cursor:pointer; }
.studio-card-art > .material-thread-swatch { position:static; padding:12px; width:75%; max-width:140px; height:72px; background:#f3efe7; }
.studio-thread-selected > button { display:flex; align-items:center; gap:8px; }
.studio-thread-selected .material-thread-swatch { width:32px; height:25px; padding:3px; gap:3px; }
.studio-thread-selected .material-thread-swatch i { height:3px; }
.studio-strand-item.studio-thread-selected > button:last-child { font-size:11px; border-left:0; }
.material-category-row { border:1px solid var(--line); border-radius:10px; padding:16px; min-width:0; margin:0 0 18px; }
.material-category-row legend { padding:0 7px; color:var(--gold); font-size:12px; }
.material-category-row .material-inventory-toggle { white-space:normal; line-height:1.6; }
.material-category-row .field-grid label { margin-bottom:16px; }
@media(max-width:1000px) and (min-width:761px) {
  .material-group-heading { flex-wrap:wrap; }
  .material-group-actions { margin-left:auto; }
  .material-group-body .table-wrap { overflow:auto; }
  .material-group-body table { min-width:620px; }
}
@media(max-width:760px) {
  .material-group-heading { gap:10px; padding:13px; flex-wrap:wrap; }
  .material-group-heading > .material-group-title { width:calc(100% - 90px); flex:auto; }
  .material-group-heading .material-thumb { width:43px; height:43px; }
  .material-group-actions { width:100%; padding-left:0; }
  .material-group-actions button { flex:1; padding:9px 7px; }
  .material-group-body { padding:14px; }
  .material-group-body td { padding:0; }
  .material-group-body td input[type=number] { width:100%; }
  .material-group-body td.actions-cell { justify-content:flex-start; flex-wrap:wrap; }
  .material-group-body td.actions-cell button { flex:1; padding:9px; }
  .material-group-body td[data-label="缺货状态"] { align-self:start; }
  .material-inventory-toggle { font-size:11px; gap:5px; }
  .material-variant-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  #material-stage-preview { position:static; }
  .material-dimension-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .material-dimension-grid label { font-size:11px; }
  .material-dimension-grid input { padding:10px 7px; }
  .material-variant-dialog .dialog-actions button { min-width:0; padding:11px 8px; font-size:12px; white-space:nowrap; }
  .material-management .toolbar-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .material-management .toolbar-actions #material-add { grid-column:1/-1; }
}
@media(max-width:370px) {
  .material-group-heading,.material-group-body { padding:11px; }
  .material-group-title strong { font-size:14px; }
  .material-group-title .muted { font-size:11px; }
  .material-group-body .table-wrap tr { gap:12px 10px; }
  .material-dimension-grid { gap:0 6px; }
  .material-dimension-grid input { padding:10px 5px; }
}