.journal-material-preset{margin:0 0 12px;padding:12px 14px;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:9px;background:var(--card)}
.journal-material-preset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.journal-material-preset-head .btn{white-space:nowrap}
.journal-material-preset-hint{margin-top:4px;font-size:var(--ui-font-meta,12px)}
.journal-material-preset-scroll{margin-top:10px;max-height:360px;overflow:auto}
.journal-material-preset-table{width:100%;border-collapse:collapse;font-size:13px}
.journal-material-preset-table th{position:sticky;top:0;background:var(--card);text-align:left;font-weight:500;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border)}
.journal-material-preset-table td{padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
.journal-material-preset-table tr:hover>td{background:var(--row-hover)}
.journal-material-preset-table .journal-preset-num{text-align:right;white-space:nowrap}
.journal-material-preset-table .journal-preset-action{padding:4px 10px;white-space:nowrap}
@media(max-width:640px){
  .journal-material-preset-table thead{display:none}
  .journal-material-preset-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:6px 0;border-bottom:1px solid var(--border)}
  .journal-material-preset-table td{border:0;padding:3px 8px}
  .journal-material-preset-table td:nth-child(4){grid-column:1/-1}
}