.web-office-preview-container[data-v-33bbd8c8]{position:relative;height:100%;background-color:#f7f8fa;border-radius:12px;overflow:hidden}.web-office-preview-container .web-office-preview[data-v-33bbd8c8]{height:100%;background-color:#fff}.material-popup[data-v-33bbd8c8]{position:absolute;z-index:10}.material-library-panel[data-v-33bbd8c8]{width:500px;height:calc(100vh - 100px);max-height:calc(100vh - 96px);background-color:#fff;border-radius:18px;-webkit-box-shadow:0 22px 50px rgba(25,39,80,.25);box-shadow:0 22px 50px rgba(25,39,80,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:popIn-33bbd8c8 .25s ease;animation:popIn-33bbd8c8 .25s ease;border:1px solid rgba(176,189,230,.4)}.material-panel-header[data-v-33bbd8c8]{padding:16px 16px 8px;border-bottom:1px solid #f0f2f7;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.material-panel-header.is-dragging[data-v-33bbd8c8]{cursor:-webkit-grabbing;cursor:grabbing}.material-panel-header .title[data-v-33bbd8c8]{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.material-panel-header .title .main[data-v-33bbd8c8]{font-size:18px;font-weight:600;color:#1f2f55}.material-panel-header .title .sub[data-v-33bbd8c8]{font-size:12px;color:#8692b0;margin-top:4px}.material-panel-header .header-actions[data-v-33bbd8c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:default;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.material-panel-header .header-actions .close-btn[data-v-33bbd8c8]{padding:0;color:#9aa3ba}.material-panel-header .header-actions .close-btn[data-v-33bbd8c8]:hover{color:#2d8cf0}.material-panel-header .header-actions .ivu-input-group[data-v-33bbd8c8]{width:100%}.material-panel-header .selection-toolbar[data-v-33bbd8c8]{margin-top:10px;padding:8px 12px;border-radius:10px;border:1px dashed #c7d6ff;background:#f4f7ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#4b5c87;font-size:12px}.material-panel-header .selection-toolbar .selection-info[data-v-33bbd8c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.material-panel-header .selection-toolbar .selection-info .count[data-v-33bbd8c8]{font-size:16px;font-weight:600;color:#2d8cf0;line-height:1}.material-panel-header .selection-toolbar .selection-info .label[data-v-33bbd8c8],.material-panel-header .selection-toolbar .selection-info .unit[data-v-33bbd8c8]{color:#7c8bb4}.material-panel-header .selection-toolbar .clear-selection-btn[data-v-33bbd8c8]{color:#2d8cf0;font-weight:500;padding:0 4px}.material-panel-body[data-v-33bbd8c8]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;overflow:hidden;position:relative}.material-panel-body .material-breadcrumb[data-v-33bbd8c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#7c8bb4;margin-bottom:8px}.material-panel-body .material-breadcrumb .breadcrumb-link[data-v-33bbd8c8]{cursor:pointer;color:#2d8cf0}.material-panel-body .material-breadcrumb .breadcrumb-link.disabled[data-v-33bbd8c8]{cursor:default;color:#7c8bb4}.material-panel-body .material-breadcrumb .breadcrumb-current[data-v-33bbd8c8]{color:#4b5c87;font-weight:500}.material-panel-body .material-grid[data-v-33bbd8c8]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;overflow-y:auto;height:100%;padding-right:4px;grid-auto-rows:180px;-ms-flex-line-pack:start;align-content:flex-start;padding-top:5px}.material-panel-body .material-card[data-v-33bbd8c8]{background:#f9fbff;border-radius:12px;border:1px solid #e4ecff;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;cursor:-webkit-grab;cursor:grab;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;height:100%;overflow:hidden}.material-panel-body .material-card .thumb[data-v-33bbd8c8]{width:100%;height:120px;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f3f6fd,#eaefff)}.material-panel-body .material-card .thumb img[data-v-33bbd8c8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.material-panel-body .material-card .meta[data-v-33bbd8c8]{margin-top:6px}.material-panel-body .material-card .meta .name[data-v-33bbd8c8]{font-size:13px;color:#1f2f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-panel-body .material-card .meta .folder-count[data-v-33bbd8c8]{margin-top:4px;font-size:12px;color:#7c8bb4}.material-panel-body .material-card .meta .tags[data-v-33bbd8c8]{margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.material-panel-body .material-card .meta .tags[data-v-33bbd8c8] .ivu-tag{background:#fff;border-color:#d6e2ff;color:#5b75d1}.material-panel-body .material-card .drag-hint[data-v-33bbd8c8]{font-size:11px;color:#8b99c0;text-align:center;margin-top:6px}.material-panel-body .material-card[data-v-33bbd8c8]:hover{border-color:#adc5ff;-webkit-box-shadow:0 8px 16px rgba(76,107,255,.15);box-shadow:0 8px 16px rgba(76,107,255,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.material-panel-body .material-card[data-v-33bbd8c8]:active{cursor:-webkit-grabbing;cursor:grabbing}.material-panel-body .material-card.is-selected[data-v-33bbd8c8]{border-color:#2d8cf0;-webkit-box-shadow:0 10px 24px rgba(45,140,240,.25);box-shadow:0 10px 24px rgba(45,140,240,.25);background:#eef4ff}.material-panel-body .material-card.is-folder .thumb img[data-v-33bbd8c8]{-o-object-fit:contain;object-fit:contain;padding:18px}.material-panel-body .empty-state[data-v-33bbd8c8]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#9ba5c6;text-align:center;gap:8px}.material-panel-body .empty-state p[data-v-33bbd8c8]{margin:0}.material-panel-footer[data-v-33bbd8c8]{padding:12px 16px;border-top:1px solid #f0f2f7}.material-panel-footer .ivu-page-simple[data-v-33bbd8c8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.material-fade-enter-active[data-v-33bbd8c8],.material-fade-leave-active[data-v-33bbd8c8]{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.material-fade-enter[data-v-33bbd8c8],.material-fade-leave-to[data-v-33bbd8c8]{opacity:0}@-webkit-keyframes popIn-33bbd8c8{0%{-webkit-transform:translateY(12px) scale(.98);transform:translateY(12px) scale(.98);opacity:0}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@keyframes popIn-33bbd8c8{0%{-webkit-transform:translateY(12px) scale(.98);transform:translateY(12px) scale(.98);opacity:0}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}