.material-tool { margin:24px 0; padding:22px; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius); }
.material-tool p { font-size:15px; }
.mt-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; margin:20px 0; }
.mt-fields label { display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600; min-width:0; }
.mt-fields input, .mt-fields select { width:100%; min-width:0; height:46px; padding:8px 10px; font:inherit; font-size:16px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.mt-fields select { text-overflow:ellipsis; }
.mt-fields .mt-wide { grid-column:1/-1; }
.mt-fields small { font-size:12px; color:var(--muted); font-weight:400; }
.mt-message { margin:16px 0; min-height:24px; color:var(--muted); }
.mt-warning { color:var(--bad); font-weight:600; }
.mt-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 12px; }
.mt-result-item { padding:13px; border:1px solid var(--border); background:var(--surface); border-radius:var(--radius); }
.mt-result-item dt { color:var(--muted); font-size:13px; line-height:1.4; }
.mt-result-item dd { margin:5px 0 0; font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; overflow-wrap:break-word; }
.material-tool .mt-result-note { color:var(--muted); font-size:13px; line-height:1.5; margin:12px 0 0; }
.material-tool details { margin-top:16px; font-size:14px; }
.material-tool summary { cursor:pointer; }
.material-tool input:focus-visible, .material-tool select:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(max-width:540px) {
  .material-tool { padding:16px; }
  .mt-fields { grid-template-columns:minmax(0,1fr); }
  .mt-result-grid { grid-template-columns:minmax(0,1fr); }
  .mt-result-item dd { font-size:21px; }
}