.material-image-menu .canvas-context-item:disabled { opacity: .4; cursor: default; background: transparent; }
.material-image-menu .canvas-context-item:focus-visible { outline: 1px solid #8cdbf5; outline-offset: 1px; background: #f0fafe; }
.asset-grid .asset-card.is-sorting { opacity: .4; }
.asset-grid[aria-busy="true"] .asset-thumb { cursor: progress; }
.material-drop-marker { position: fixed; z-index: 76; width: 2px; border-radius: 999px; background: #00afe9; pointer-events: none; }
.material-drag-ghost { position: fixed; z-index: 75; pointer-events: none; width: 128px; height: 96px; border: 1px solid #00afe9; border-radius: var(--rect-radius,8px); background: #fff; box-shadow: 0 8px 24px #21334322; opacity: .92; overflow: hidden; }
.material-drag-ghost img { width: 100%; height: 100%; object-fit: contain; }
#canvasContextMenu .material-permanent-chip { display: inline-flex; align-items: center; justify-content: center; padding: 1px 7px; border: 1px solid #bfebfa; border-radius: 999px; color: #00afe9; background: #f0fafe; font-size: 12px; font-weight: 400; line-height: 18px; }
.view[data-view="assets"] .asset-toolbar { gap: 12px; flex-wrap: wrap; }
.view[data-view="assets"] .asset-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-left: auto; }
.view[data-view="assets"] .asset-toolbar .asset-library-batch { margin: 0; flex-wrap: nowrap; }
.view[data-view="assets"] .asset-toolbar .asset-library-date { width: 126px; }
.view[data-view="assets"] .asset-toolbar .asset-search-field { width: clamp(200px,18vw,310px); }
.view[data-view="assets"] .asset-library-scroll { margin-top: 14px; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel) { scrollbar-width: auto; scrollbar-color: auto; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel)::-webkit-scrollbar { width: 6px; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel)::-webkit-scrollbar-track { background: transparent; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel)::-webkit-scrollbar-thumb { background: #c7d2df; border: 0; border-radius: 999px; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel)::-webkit-scrollbar-thumb:hover { background: #aab8c6; }
.view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
@supports not selector(::-webkit-scrollbar) { .view[data-view="assets"] :is(.asset-library-scroll,.asset-detail-panel) { scrollbar-width: thin; scrollbar-color: #c7d2df transparent; } }