.mp-materials{font:15px system-ui;margin:24px 0;padding:20px;border:1px solid #d2dcd2;border-radius:16px;background:#fff;color:#24382c}.mp-materials h2{margin-top:0}.mp-materials p{line-height:1.5}.mp-materials label{display:block;margin:10px 0}.mp-materials input:not([type=checkbox]),.mp-materials select{display:block;box-sizing:border-box;max-width:100%;width:100%;padding:10px;border:1px solid #becbbe;border-radius:7px}.mp-materials input[type=checkbox]{width:auto;margin:0 8px}.mp-materials fieldset{max-height:220px;overflow:auto;border:1px solid #ddd}.mp-materials button{margin:6px 6px 6px 0;padding:10px 14px;border:1px solid #afc0af;background:#edf4ed;color:#24382c;border-radius:8px;cursor:pointer}.mp-materials button:disabled{opacity:.6}.mp-materials details{margin:14px 0;padding:12px;border:1px solid #dbe2db;border-radius:8px}.mp-materials summary{cursor:pointer;font-weight:600}.mp-materials img{width:100%;max-width:280px;height:140px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px}.mp-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.mp-material-grid article{min-width:0;border:1px solid #ddd;padding:12px;border-radius:10px}.mp-material-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.mp-materials [hidden]{display:none!important}.mp-material-dialog{width:min(1050px,94vw);max-height:90vh;border:1px solid #b8c6b8;border-radius:16px}.mp-material-dialog::backdrop{background:#0007}.mp-material-dialog>button{float:right;padding:10px}.mp-material-dialog .mp-materials{border:0;padding:8px}.mp-cloud-library-button{margin:12px;padding:12px!important}

.mp-library-guide{padding:14px 18px;background:#f1f5ef;border-radius:12px}.mp-library-guide h3{margin-top:0}.mp-library-guide li{margin:10px 0;line-height:1.5}.mp-materials .mp-material-delete{color:#922f29;background:#fff4f2;border-color:#deb0ab}

.mp-sample-card{position:relative;margin:14px 0;border:1px solid #dbe2db;border-radius:10px;padding:12px}.mp-sample-card>details{margin:0;border:0;padding:0}.mp-sample-card summary{padding-right:125px;min-height:34px}.mp-materials .mp-sample-remove,.mp-materials .mp-sample-restore{position:absolute;right:8px;top:6px;z-index:1;margin:0;background:#fff4f2;color:#922f29;border-color:#deb0ab}.mp-materials .mp-sample-remove{font-size:24px;line-height:24px;width:38px;height:38px;padding:4px}

.mp-material-grid article[data-added=true]{border-color:#63976b;background:#f4faf3}.mp-material-added{color:#276136;font-weight:600}