.material-selector[data-v-5c4d7cc4]{padding:0}.search-area[data-v-5c4d7cc4]{padding:16px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.material-list[data-v-5c4d7cc4]{padding:16px;min-height:400px}.material-grid[data-v-5c4d7cc4]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(200px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.material-item[data-v-5c4d7cc4]{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s;background:#fff}.material-item[data-v-5c4d7cc4]:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.image-material .image-container[data-v-5c4d7cc4],.richtext-material .richtext-container[data-v-5c4d7cc4]{position:relative;height:120px;overflow:hidden}.image-container img[data-v-5c4d7cc4]{width:100%;height:100%;object-fit:cover}.richtext-container[data-v-5c4d7cc4]{padding:8px;background-color:#fafafa}.richtext-preview[data-v-5c4d7cc4]{font-size:12px;line-height:1.4;height:104px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6}.overlay[data-v-5c4d7cc4]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;transition:opacity .3s}.material-item:hover .overlay[data-v-5c4d7cc4]{opacity:1}.preview-icon[data-v-5c4d7cc4]{color:#fff;font-size:24px}.material-info[data-v-5c4d7cc4]{padding:12px}.material-name[data-v-5c4d7cc4]{font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-type[data-v-5c4d7cc4]{margin-bottom:6px}.material-tags[data-v-5c4d7cc4]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.pagination-area[data-v-5c4d7cc4]{padding:16px;text-align:center;border-top:1px solid #f0f0f0}.empty-state[data-v-5c4d7cc4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:200px}.preview-header[data-v-5c4d7cc4]{margin-bottom:16px}.preview-header h3[data-v-5c4d7cc4]{margin:0 0 8px 0}.preview-tags[data-v-5c4d7cc4]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.preview-content[data-v-5c4d7cc4]{border:1px solid #d9d9d9;border-radius:4px;padding:16px;max-height:400px;overflow-y:auto}.image-preview[data-v-5c4d7cc4]{text-align:center}.richtext-preview-full[data-v-5c4d7cc4]{line-height:1.6}