.quality-layout[data-v-6929961a]{display:grid;gap:24px;grid-template-columns:400px minmax(0,1fr);min-height:420px}.quality-preview[data-v-6929961a]{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:5px;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:400px}.quality-image[data-v-6929961a]{max-height:100%;max-width:100%}.quality-image-empty[data-v-6929961a]{background:#f5f5f5;height:100%;width:100%}.quality-marker[data-v-6929961a]{align-items:center;background:#fff;border:1px solid #999;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;width:24px}.quality-marker.active[data-v-6929961a],.quality-marker.selected[data-v-6929961a]{background:#ffcd36;border-color:#ffcd36}.quality-panel[data-v-6929961a]{border:1px solid #eee;min-width:0}.quality-groups[data-v-6929961a]{border-bottom:1px solid #eee;display:flex;height:36px;overflow-x:auto}.quality-group[data-v-6929961a]{background:#f7f7f7;border:0;border-right:1px solid #eee;color:#333;cursor:pointer;font-size:13px;min-width:100px}.quality-group.active[data-v-6929961a]{background:#ffcd36;font-weight:600}.quality-cards[data-v-6929961a]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));max-height:360px;overflow:auto;padding:16px}.quality-card[data-v-6929961a]{background:#fff;border:1px solid #e0e3eb;border-radius:4px;cursor:pointer;padding:0 0 8px;text-align:left}.quality-card.active[data-v-6929961a]{border:2px solid #ffcd36}.quality-card-image[data-v-6929961a]{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:100%}.quality-card-name[data-v-6929961a]{color:#666;display:block;font-size:12px;line-height:18px;overflow:hidden;padding:6px 8px 0;text-overflow:ellipsis;white-space:nowrap}.quality-empty[data-v-6929961a]{color:#999;grid-column:1/-1;padding:80px 0;text-align:center}