.list-filters{min-width:0;display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px;margin:12px 0;background:var(--surface, #fff);border:1px solid var(--line, #dce4ef);border-radius:12px}.list-filters label{display:grid;gap:6px;min-width:min(150px,100%);flex:1;font-size:12px;color:var(--muted, #5d6d83)}.list-filters input,.list-filters select{width:100%;min-width:0;min-height:40px;padding:8px;margin-top:0;border:1px solid var(--line, #dce4ef);border-radius:var(--control-radius, 9px);background:var(--surface, #fff)}.list-filters button{min-height:40px;white-space:nowrap}.list-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;font-size:12px;color:var(--muted, #5d6d83)}.list-pagination label{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap;flex:0 0 auto}.list-pagination select{width:auto;min-width:80px;min-height:34px;border:1px solid var(--line, #dce4ef);border-radius:7px;background:var(--surface, #fff);padding:5px 9px;margin-top:0}.list-pagination button{white-space:nowrap}.task-product-name{font-size:12px;color:var(--muted, #5d6d83);overflow-wrap:anywhere;margin:5px 0}.record-name-form{display:grid;gap:14px;max-width:560px}.record-name-form input{width:100%;padding:10px;border:1px solid var(--line, #dce4ef);border-radius:var(--control-radius, 9px)}@media(max-width:640px){.list-filters label{flex-basis:calc(50% - 12px);min-width:0}.list-pagination label{margin-left:0}.list-pagination{gap:8px}}.record-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;padding:12px 16px;background:var(--blue-soft, #edf4ff);border:1px solid var(--line, #dce4ef);border-radius:10px}.record-selection[hidden]{display:none}.record-selection .control-hint{flex-basis:100%;margin:0}.record-selection button{white-space:nowrap}.record-select{display:flex;gap:5px;align-items:center;align-self:start;padding:7px 0;font-size:12px;white-space:nowrap}.record-select input{width:16px;height:16px;margin:0}.record-media-meta{font-size:12px;color:var(--muted, #5d6d83);overflow-wrap:anywhere}.record-media-preview{display:block;max-width:min(480px,100%);max-height:320px;object-fit:contain;border-radius:10px;background:var(--canvas, #f6f8fc)}.record-video-preview{display:block;width:100%;max-height:70vh;background:#111}.record-media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.record-product-id{font-size:12px;color:var(--muted, #5d6d83);overflow-wrap:anywhere}@media(max-width:640px){.record-selection{padding:12px}.task-top .record-select{flex-basis:auto}}@media(max-width:400px){.list-filters label{flex-basis:100%}.list-filters button{flex:1 1 auto}.list-pagination label{flex-wrap:wrap;white-space:normal}}