.materials-workspace{--paper:#faf8f4;--ink:#20201d;--rule:#d8d3ca;--muted:#746f67;--accent:#d99a38;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100%;background:var(--paper);color:var(--ink);font:14px/1.4 system-ui,sans-serif}.materials-species{min-width:0;border-right:1px solid var(--rule);padding:20px 12px}.materials-species>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.materials-species h1,.materials-title{margin:0 0 20px 8px;font-size:18px}.materials-title{display:inline-block}.materials-icon-button{display:inline-grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid var(--rule);border-radius:4px;background:transparent;color:inherit;cursor:pointer}.materials-icon-button:disabled{opacity:.4;cursor:not-allowed}.materials-species-list{display:grid;gap:2px}.materials-species-list button{border:0;border-radius:4px;padding:9px 10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.materials-species-list button.is-selected{background:#e9e4dc;font-weight:600}.materials-content{min-width:0;padding:24px 28px 48px}.materials-heading,.materials-sheet-header,.materials-subheading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.materials-heading h2{display:inline-block;margin:0 10px 12px 0;font-size:24px}.materials-code{color:var(--muted);font:12px ui-monospace,monospace}.materials-pill{border:0;border-radius:999px;padding:8px 14px;background:var(--accent);color:#1f180d;font-weight:650;cursor:pointer}.materials-table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.materials-table-wrap{max-width:100%;overflow:auto}.materials-table-wrap table{min-width:720px}.materials-table td,.materials-table th{padding:10px 8px;border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap}.materials-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.materials-mappings{max-width:720px;margin-top:36px}.materials-preview h2,.materials-subheading h2{margin:0 0 10px;font-size:15px}.materials-subheading>div{min-width:0}.materials-subheading p{margin-top:0}.materials-map-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr);align-items:center;padding:7px 0;border-bottom:1px solid var(--rule);text-transform:capitalize}.materials-field input,.materials-map-row select{min-width:0;border:1px solid var(--rule);border-radius:4px;padding:7px 8px;background:#fff;color:var(--ink)}.materials-sheet{position:fixed;inset:0 0 0 auto;z-index:20;width:min(480px,100vw);overflow:auto;padding:20px;border-left:1px solid var(--rule);background:var(--paper);box-sizing:border-box}.materials-sheet-header h2{margin:0 0 12px;font-size:20px}.materials-duplicate-form{display:grid;gap:14px}.materials-field{display:grid;gap:5px;color:var(--muted);font-size:12px}.materials-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--rule);border-radius:4px}.materials-types legend{color:var(--muted);font-size:12px}.materials-preview-counts{color:var(--muted)}.materials-preview-list{max-height:260px;overflow:auto;border-top:1px solid var(--rule)}.materials-preview-list div{display:flex;justify-content:space-between;gap:16px;padding:7px 2px;border-bottom:1px solid var(--rule)}.materials-preview-list .is-skipped{color:var(--muted);text-decoration:line-through}.materials-empty{display:grid;min-height:50vh;place-items:center;color:var(--muted)}.materials-error{position:fixed;right:16px;bottom:16px;z-index:30;max-width:min(420px,calc(100vw - 32px));margin:0;padding:10px 12px;border:1px solid #b94a3d;border-radius:4px;background:#fff;color:#842c22}@media (max-width:700px){.materials-workspace{grid-template-columns:minmax(0,1fr)}.materials-species{border-right:0;border-bottom:1px solid var(--rule)}.materials-species-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow:auto}.materials-content{padding:18px 12px 36px}.materials-heading{align-items:flex-start;gap:12px}.materials-map-row{grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr);gap:10px}}