.visual-picker{width:min(1000px,calc(100vw - 32px));max-height:90vh}.picker-filters,.picker-footer,.picker-pages{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.picker-filters{margin:12px 0 18px}.picker-filters input{flex:1;min-width:160px}.picker-filters select{width:155px}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:100px}.picker-card{border:1px solid var(--line,#dce4e9);border-radius:12px;overflow:hidden;background:#fff;min-width:0;padding-bottom:12px}.picker-card.selected{border:2px solid #2b6fae;background:#f0f6ff}.picker-card>.small,.picker-label{margin:10px 12px 0}.picker-label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.picker-label strong{overflow-wrap:anywhere}.picker-label input{flex:none;margin-top:4px}.picker-card>.small{display:block}.picker-media{height:140px;width:100%;border:0;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;background:#eef3f6;position:relative}.picker-media img,.picker-media video{width:100%;height:100%;object-fit:contain}.picker-audio-icon{font-size:42px;color:#266eab}.picker-pages{justify-content:center;margin:18px 0}.picker-footer{position:sticky;bottom:-24px;background:#fff;border-top:1px solid #dce4e9;padding:14px 0 0;z-index:2}.picker-footer>span{flex:1}.visual-select{display:flex;gap:8px;align-items:center;min-width:0}.visual-select-open{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;flex:1;text-align:left}.visual-select-open img{width:34px;height:28px;object-fit:contain}.visual-select-open>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-view-card .picker-media{height:160px}.archive-picker-card{padding:0 0 12px;overflow:hidden}.archive-picker-card>strong,.archive-picker-card>.small,.archive-picker-card>.actions{margin:10px 12px;display:block}.archive-picker-card>.actions{display:flex}.project-manager{width:min(1000px,calc(100vw - 32px));max-height:90vh}.project-manager-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.project-manager-toolbar input[type=search]{flex:1;min-width:160px}.project-manager-toolbar select{width:150px}.project-manager-row{padding:16px 0;border-top:1px solid #e1e7eb;display:flex;gap:14px;align-items:center}.project-manager-row .grow{min-width:160px}.project-manager-row strong{overflow-wrap:anywhere}.project-manager-row .actions{flex-wrap:wrap}.project-manager-row p{margin:6px 0}.project-manager-summary{padding:12px;background:#f5f8fb;border-radius:8px}.works-page-size{display:flex;align-items:center;gap:8px}.works-page-size select{width:112px}.works-pagination{flex-wrap:wrap}.visual-picker .dialog-head,.project-manager .dialog-head{position:sticky;top:-24px;background:white;z-index:3;padding-top:8px;padding-bottom:10px}.picker-card input:focus-visible{outline:2px solid #216bb4}
@media(max-width:750px){.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-manager-row{align-items:flex-start;flex-wrap:wrap}.project-manager-row>.actions{margin-left:26px}.picker-media{height:120px}.visual-select{flex-wrap:wrap}}@media(max-width:420px){.picker-grid{gap:8px}.picker-label{font-size:14px}.visual-picker,.project-manager{padding:16px}.picker-footer{bottom:-16px}}
.picker-label input[type=checkbox],.picker-label input[type=radio],.project-manager-row>input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0}.picker-label strong{min-width:0;flex:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.picker-label{min-height:48px}.picker-grid{align-items:start}

.picker-duration{position:absolute;top:8px;right:8px;background:#213944d9;color:white;padding:3px 7px;border-radius:6px;font-size:13px}.picker-media audio[hidden]{display:none}