#dialog.asset-picker-dialog{width:min(1120px,calc(100vw - 32px));height:min(800px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)}
#dialog.asset-picker-dialog[open]{display:flex;flex-direction:column}
#dialog.asset-picker-dialog .dialog-header{padding:18px 24px;flex-shrink:0}
#dialog.asset-picker-dialog #dialog-body{padding:0;flex:1;min-height:0;max-height:none;overflow:hidden}
#dialog.asset-picker-dialog #dialog-footer{flex-shrink:0;padding:14px 24px}
.asset-picker-shell{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0}
.asset-picker-menu{overflow:auto;padding:12px;background:#f6f7f9;border-right:1px solid #e5e7eb}
.asset-picker-menu h3{font-size:11px;color:#87909e;font-weight:500;margin:12px 10px 9px}
.asset-picker-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border-radius:7px;text-align:left;font-size:12px;color:#465164;margin:2px 0}
.asset-picker-menu button span{overflow-wrap:anywhere}.asset-picker-menu button small{font-size:10px;color:#8690a0}
.asset-picker-menu button:hover{background:#e9edf4}.asset-picker-menu button.active{background:#e5edff;color:#245cd4;font-weight:600}
.asset-picker-content{display:flex;flex-direction:column;min-width:0;min-height:0}
.asset-picker-search{display:flex;align-items:center;gap:16px;padding:18px 20px 8px}
.asset-picker-search input{min-width:0;flex:1;border:1px solid #dce1e9;border-radius:8px;background:#fafbfc;padding:11px 12px;font:inherit;font-size:13px}
.asset-picker-search>span{font-size:11px;color:#7b8594;white-space:nowrap}
.asset-picker-hint{font-size:11px;color:#7b8594;margin:0;padding:0 20px 14px}
.asset-picker-results{overflow:auto;flex:1;min-height:0;padding:2px 20px 20px;scrollbar-gutter:stable}
.asset-picker-dialog .asset-grid{display:block;columns:170px;column-gap:10px}
.asset-picker-dialog .asset-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 10px;background:#fff;border-radius:7px;padding:0}
.asset-picker-dialog .asset-picture{display:block;aspect-ratio:auto;margin:0;background:#fafafa;overflow:hidden}.asset-picker-dialog .asset-picture:has(>span:first-child){min-height:90px;display:grid;place-items:center}
.asset-picker-dialog .asset-picture img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.asset-picker-dialog .asset-check{border:1px solid #d0d7e3;background:#fff;color:white;width:22px;height:22px}
.asset-picker-dialog .selected .asset-check{background:#2858d6;border-color:#2858d6}
.asset-picker-dialog .asset-card>strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-picker-dialog .asset-card>small{font-size:10px;min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-picker-dialog button:focus-visible,.asset-picker-search input:focus-visible{outline:2px solid #2858d6;outline-offset:2px}
.asset-picker-empty{text-align:center;padding:70px 10px;color:#667085;line-height:2}.asset-picker-empty small{color:#98a2b3}
@media(max-width:650px){#dialog.asset-picker-dialog{width:calc(100vw - 16px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.asset-picker-shell{grid-template-columns:115px minmax(0,1fr)}.asset-picker-menu{padding:5px}.asset-picker-menu button{font-size:11px;padding:9px 6px}.asset-picker-menu h3{margin-left:6px}.asset-picker-search{padding:12px 10px 8px;flex-wrap:wrap;gap:8px}.asset-picker-search input{width:100%;flex-basis:100%}.asset-picker-hint{padding:0 10px 10px;line-height:1.6}.asset-picker-results{padding:2px 10px 12px}.asset-picker-dialog .asset-grid{columns:125px;column-gap:8px}.asset-picker-dialog .asset-card{margin-bottom:8px}#dialog.asset-picker-dialog #dialog-footer{padding:12px;gap:8px}#dialog.asset-picker-dialog #dialog-footer>span{font-size:10px}}

.asset-picker-dialog .asset-grid.asset-video-grid{display:grid;columns:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.asset-video-card{min-width:0;border:1px solid #dfe4ec;border-radius:10px;overflow:hidden;background:#fff}
.asset-video-card.selected{border-color:#2858d6;box-shadow:0 0 0 1px #2858d6}
.asset-video-preview{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}
.asset-video-info{padding:12px}.asset-video-info strong,.asset-video-info small{display:block;overflow-wrap:anywhere}
.asset-video-info strong{font-size:12px;line-height:1.5}.asset-video-info small{font-size:11px;line-height:1.5;color:#7b8594;margin-top:4px}
.asset-video-info>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.asset-video-info a{font-size:12px;color:#2858d6;text-decoration:none}.asset-video-info button{font-size:12px}
@media(max-width:650px){.asset-picker-dialog .asset-grid.asset-video-grid{grid-template-columns:minmax(0,1fr)}}
.asset-video-preview{max-height:min(38dvh,340px)}
.asset-picker-dialog .asset-image-meta{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:3px;padding:20px 10px 10px;color:#fff;background:linear-gradient(transparent,rgba(20,25,34,.86) 23%);font-size:10px;line-height:1.5;text-align:left;opacity:0;pointer-events:none}
.asset-picker-dialog .asset-image-meta strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;overflow-wrap:anywhere}
.asset-picker-dialog .asset-meta-specs,.asset-picker-dialog .asset-meta-source{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.asset-picker-dialog .asset-meta-source,.asset-picker-dialog .asset-image-meta small{color:#e0e4ed;font-size:9px}
.asset-picker-dialog .asset-card:hover .asset-image-meta,.asset-picker-dialog .asset-card:focus-visible .asset-image-meta,.asset-picker-dialog .asset-card.selected .asset-image-meta{opacity:1}
.asset-picker-dialog .asset-card .asset-check{z-index:1}
@media(hover:none){.asset-picker-dialog .asset-image-meta{position:static;padding:8px 9px;background:#f5f6f8;color:#303642;opacity:1}.asset-picker-dialog .asset-meta-source,.asset-picker-dialog .asset-image-meta small{color:#727b89}}